.canon-button{box-sizing:border-box;min-inline-size:0;min-block-size:var(--canon-control-height);background:var(--canon-card);color:var(--canon-foreground);font-family:var(--canon-font);font-size:var(--canon-text-body);font-weight:var(--canon-weight-medium);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:8px 12px;line-height:1.3;display:inline-flex;position:relative}.canon-button--primary,.canon-button--secondary{inline-size:100%;display:flex}.canon-button--primary{min-block-size:var(--canon-primary-height)}.canon-button--secondary{min-block-size:var(--canon-secondary-height)}.canon-button--segment{font-size:var(--canon-text-subheadline)}.canon-button--filled{background:var(--canon-primary);color:var(--canon-primary-foreground);font-weight:var(--canon-weight-semibold)}@media (hover:hover){.canon-button:hover:enabled{background:var(--canon-accent-bg)}.canon-button--filled:hover:enabled{background:color-mix(in srgb, var(--canon-primary), var(--canon-primary-foreground) var(--canon-filled-hover-mix))}}.canon-button:active:enabled{opacity:.75}.canon-button:focus-visible{outline:2px solid var(--canon-primary);outline-offset:-2px}.canon-button:disabled{color:color-mix(in srgb, var(--canon-foreground) 40%, transparent);cursor:default}.canon-button--filled:disabled{background:var(--canon-muted);color:var(--canon-muted-foreground)}.canon-button-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;position:relative;overflow:hidden}.canon-button-icon{inline-size:var(--canon-icon-inline);block-size:var(--canon-icon-inline);flex:none;display:flex;position:relative}.canon-button-icon svg,.canon-button-watermark svg{block-size:100%;inline-size:100%}.canon-button--symbol .canon-button-icon,.canon-grid[data-symbol-only]>.canon-button--has-icon .canon-button-icon{inline-size:var(--canon-icon-alone);block-size:var(--canon-icon-alone)}.canon-button--symbol .canon-button-icon svg,.canon-grid[data-symbol-only]>.canon-button--has-icon .canon-button-icon svg{stroke-width:2.5px}.canon-grid[data-symbol-only]>.canon-button--has-icon:not(.canon-button--oversized) .canon-button-title{display:none}.canon-button--oversized{overflow:hidden}.canon-button-watermark{aspect-ratio:1;opacity:.06;pointer-events:none;block-size:150%;position:absolute;inset-block-start:-13%;inset-inline-end:0;translate:16%;rotate:-14deg}.canon-button-watermark svg{stroke-width:3px}.canon-button-watermark:dir(rtl){translate:-16%;rotate:14deg}.canon-button--filled .canon-button-watermark{opacity:.12}@media (prefers-reduced-motion:reduce){.canon-button{transform:none!important}}