button,[role=button],.button{background-color:var(--main-500);display:inline-block;text-align:center;cursor:pointer;color:#fff;border:0;border-radius:.3em;padding:.7em 1.2em;font-family:inherit;font-size:.95em;font-weight:550}:is(button,[role=button],.button)+:is(button,[role=button],.button){margin-left:.4em}:is(button,[role=button],.button):hover{background-color:var(--main-600);text-decoration:none;color:#fff}:is(button,[role=button],.button):active{transform:scale(.98)}:is(button,[role=button],.button).secondary{box-shadow:0 0 0 1px var(--gray-200);color:inherit;background-color:#fff}:is(button,[role=button],.button).secondary:hover{box-shadow:0 0 0 1px var(--gray-300);color:var(--gray-900);background-color:#fff}:is(button,[role=button],.button).ghost{background-color:unset}:is(button,[role=button],.button).ghost:hover{background-color:#0003}:is(button,[role=button],.button)[disabled]{background-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed}:is(button,[role=button],.button)[disabled]:active{transform:none}:is(button,[role=button],.button) img{width:1.5em;margin-bottom:-2px}:is(button,[role=button],.button).action{background-color:var(--gray-50);background-repeat:no-repeat;padding:.2em .3em}:is(button,[role=button],.button).action:hover{background-color:var(--gray-100)}.play-button,.zoom{background-image:url(/icon/play.svg);background-position:1em;background-repeat:no-repeat;background-size:1rem;padding-left:2.5em}.zoom{background-image:url(/icon/zoom.svg);background-size:1.1rem}