:root .tib.mv-action,:root .segments[data-appearance=reader] button.mv-action{position:relative;display:grid;place-items:center;flex:none;width:var(--mv-reader-action-width, 42px);min-width:var(--mv-reader-action-width, 42px);height:44px;min-height:44px;padding:0;overflow:hidden;border:1px solid var(--ds-mobile-edge);border-radius:15px;background:var(--ds-mobile-paper);box-shadow:var(--ds-mobile-shadow);color:var(--ds-mobile-ink);opacity:1;cursor:pointer;transition:transform var(--ds-motion-fast) var(--ds-ease),background var(--ds-motion-fast) ease,color var(--ds-motion-fast) ease,border-color var(--ds-motion-fast) ease,box-shadow var(--ds-motion-fast) ease}:root div.segments[data-appearance=reader]{flex:none;width:auto;gap:3px;margin:0;padding:0;border:0;border-radius:0;background:transparent}:root .segments[data-appearance=reader] button.mv-action:before{content:none}@media(hover:hover){:root .tib.mv-action:hover:not(:disabled):not([data-feedback=success]):not([aria-expanded=true]),:root .segments[data-appearance=reader] button.mv-action[aria-pressed=false]:hover:not(:disabled){background:var(--ds-mobile-surface);color:var(--ds-mobile-accent)}}:root .tib.mv-action:hover:not(:disabled){background:var(--ds-mobile-paper);color:var(--ds-mobile-ink)}:root .segments[data-appearance=reader] button.mv-action[aria-pressed=true],:root .tib.mv-action.mv-action[aria-expanded=true]{border-color:color-mix(in srgb,var(--ds-mobile-accent) 28%,transparent);background:var(--ds-mobile-selected);box-shadow:none;color:var(--ds-mobile-accent)}:root .tib.mv-action:active:not(:disabled),:root .segments[data-appearance=reader] button.mv-action:active:not(:disabled){transform:translateY(1px);box-shadow:none}:root .tib.mv-action:focus-visible,:root .segments[data-appearance=reader] button.mv-action:focus-visible{outline:3px solid var(--ds-focus-soft, var(--focus-soft));outline-offset:1px}:root .tib.mv-action:disabled{opacity:.4;cursor:default}:root .tib.mv-action[data-feedback=busy]{opacity:1}:root .tib.mv-action[data-feedback=success],:root .tib.mv-action[data-feedback=success]:hover{border-color:color-mix(in srgb,var(--ds-mobile-success-ink) 28%,transparent);background:var(--ds-mobile-success-bg);box-shadow:none;color:var(--ds-mobile-success-ink)}.mv-action .mv-action-symbol{display:grid;place-items:center;transition:transform .22s var(--ds-ease),opacity var(--ds-motion-fast) ease}.mv-action[data-feedback=success] .mv-action-symbol,.mv-action[data-feedback=busy] .mv-action-symbol{transform:translateY(-22px);opacity:0}.mv-action :is(.mv-action-check,.mv-action-progress){position:absolute;inset:0;margin:auto}.mv-action .mv-action-check{animation:mv-action-arrive .22s var(--ds-ease)}.mv-action .mv-action-check path{stroke-dasharray:1;stroke-dashoffset:0;animation:mv-action-draw .3s ease both}.mv-action .mv-action-progress{animation:mv-action-spin .85s linear infinite}@keyframes mv-action-arrive{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mv-action-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes mv-action-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:root .tib.mv-action,:root .segments[data-appearance=reader] button.mv-action,.mv-action .mv-action-symbol{transition:none}.mv-action :is(.mv-action-check,.mv-action-check path,.mv-action-progress){animation:none}:root .tib.mv-action:active:not(:disabled),:root .segments[data-appearance=reader] button.mv-action:active:not(:disabled){transform:none}}