.dictation-button{width:var(--tap-floor);height:var(--tap-floor);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-canvas);cursor:pointer;transition:background var(--duration-fast) var(--ease);border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.dictation-button-sm{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);margin:var(--space-2)}.dictation-button-sm:before{content:"";inset:calc(-1 * var(--space-2));position:absolute}.dictation-button:hover:not(:disabled){background:var(--color-ink-hover)}.dictation-button:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.dictation-button:disabled{cursor:not-allowed}.dictation-button:disabled:not(.dictation-button-transcribing){opacity:.5}.dictation-button-recording{background:var(--color-amber);color:var(--color-ink)}.dictation-button-recording:after{pointer-events:none;content:"";border-radius:var(--radius-md);border:2px solid var(--color-amber);opacity:.6;pointer-events:none;animation:1.1s ease-out infinite dictation-pulse;position:absolute;inset:-4px}.dictation-button-sm.dictation-button-recording:after{border-radius:var(--radius-full)}@keyframes dictation-pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}.dictation-button-spinner{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--color-canvas) 35%, transparent);border-top-color:var(--color-canvas);width:18px;height:18px;animation:.7s linear infinite dictation-spin}@keyframes dictation-spin{to{transform:rotate(360deg)}}.dictation-button-retrying:after{content:"";border-radius:var(--radius-md);border:2px solid color-mix(in srgb, var(--color-canvas) 55%, transparent);opacity:.6;pointer-events:none;animation:1.1s ease-out infinite dictation-pulse;position:absolute;inset:-4px}.dictation-button-sm.dictation-button-retrying:after{border-radius:var(--radius-full)}