@layer ww-style-component{.button-control[data-v-cccc4f62]{--button-primary-background:#18181b;--button-primary-text:#fff;--button-secondary-background:#f4f4f5;--button-secondary-text:#18181b;--button-outline-background:#fff;--button-outline-border:#d4d4d8;--button-outline-text:#18181b;--button-ghost-text:#18181b;--button-destructive-background:#dc2626;--button-destructive-text:#fff;--button-focus:#18181b;justify-content:center;align-items:center;gap:var(--button-icon-gap);border-radius:var(--button-radius);box-sizing:border-box;width:100%;min-width:0;font:inherit;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--button-transition) ease, border-color var(--button-transition) ease, color var(--button-transition) ease, box-shadow var(--button-transition) ease, opacity var(--button-transition) ease, transform var(--button-transition) ease;border:1px solid #0000;outline:none;padding:0 16px;line-height:1;display:inline-flex}.button-control[data-theme=dark][data-v-cccc4f62]{--button-primary-background:#fafafa;--button-primary-text:#18181b;--button-secondary-background:#27272a;--button-secondary-text:#fafafa;--button-outline-background:#18181b;--button-outline-border:#52525b;--button-outline-text:#fafafa;--button-ghost-text:#fafafa;--button-destructive-background:#ef4444;--button-destructive-text:#fff;--button-focus:#e4e4e7}.button-control[data-size=small][data-v-cccc4f62]{height:36px;padding-inline:13px}.button-control[data-size=default][data-v-cccc4f62]{height:40px;padding-inline:16px}.button-control[data-size=large][data-v-cccc4f62]{height:44px;padding-inline:19px}.button-control[data-icon-only][data-v-cccc4f62]{width:var(--button-icon-size);min-width:var(--button-icon-size);padding:0}.button-control[data-size=small][data-icon-only][data-v-cccc4f62]{--button-icon-size:36px}.button-control[data-size=default][data-icon-only][data-v-cccc4f62]{--button-icon-size:40px}.button-control[data-size=large][data-icon-only][data-v-cccc4f62]{--button-icon-size:44px}.button-control[data-variant=primary][data-v-cccc4f62]{background:var(--button-primary-background);color:var(--button-primary-text)}.button-control[data-variant=secondary][data-v-cccc4f62]{background:var(--button-secondary-background);color:var(--button-secondary-text)}.button-control[data-variant=outline][data-v-cccc4f62]{border-color:var(--button-outline-border);background:var(--button-outline-background);color:var(--button-outline-text)}.button-control[data-variant=ghost][data-v-cccc4f62]{color:var(--button-ghost-text);background:0 0}.button-control[data-variant=destructive][data-v-cccc4f62]{background:var(--button-destructive-background);color:var(--button-destructive-text)}.button-control[data-variant=primary][data-v-cccc4f62]:hover:not(:disabled):not([data-disabled]){background:color-mix(in srgb, var(--button-primary-background) 88%, var(--button-primary-text))}.button-control[data-variant=secondary][data-v-cccc4f62]:hover:not(:disabled):not([data-disabled]){background:color-mix(in srgb, var(--button-secondary-background) 90%, var(--button-secondary-text))}.button-control[data-variant=outline][data-v-cccc4f62]:hover:not(:disabled):not([data-disabled]){background:color-mix(in srgb, var(--button-outline-text) 8%, var(--button-outline-background))}.button-control[data-variant=ghost][data-v-cccc4f62]:hover:not(:disabled):not([data-disabled]){background:color-mix(in srgb, var(--button-ghost-text) 8%, transparent)}.button-control[data-variant=destructive][data-v-cccc4f62]:hover:not(:disabled):not([data-disabled]){background:color-mix(in srgb, var(--button-destructive-background) 88%, var(--button-destructive-text))}.button-control[data-v-cccc4f62]:focus-visible,.button-control.is-preview-focus[data-v-cccc4f62]{box-shadow:0 0 0 3px color-mix(in srgb, var(--button-focus) 20%, transparent)}.button-control[data-v-cccc4f62]:active:not(:disabled):not([data-disabled]),.button-control.is-preview-active[data-v-cccc4f62]{transform:scale(.98)}.button-control[data-v-cccc4f62]:disabled,.button-control[data-disabled][data-v-cccc4f62]{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.button-control.is-editor[data-v-cccc4f62]{cursor:default}.button-label[data-v-cccc4f62]{text-overflow:ellipsis;min-width:0;overflow:hidden}.button-icon[data-v-cccc4f62],.button-spinner[data-v-cccc4f62]{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.button-control[data-size=small] .button-icon[data-v-cccc4f62],.button-control[data-size=small] .button-spinner[data-v-cccc4f62]{width:16px;height:16px}.button-icon[data-v-cccc4f62] svg{width:100%;height:100%;display:block}.button-spinner[data-v-cccc4f62]{box-sizing:border-box;border:2px solid;border-right-color:#0000;border-radius:999px;animation:.7s linear infinite buttonSpin-cccc4f62}@keyframes buttonSpin-cccc4f62{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-control[data-v-cccc4f62]{transition:none}.button-spinner[data-v-cccc4f62]{opacity:.65;border-right-color:currentColor;animation:none}}@media (forced-colors:active){.button-control[data-v-cccc4f62]{forced-color-adjust:auto;border:1px solid buttontext}.button-control[data-v-cccc4f62]:focus-visible,.button-control.is-preview-focus[data-v-cccc4f62]{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}}