.snippet-hero-loop-controls{display:flex;gap:.5rem}.snippet-hero-loop-controls[hidden]{display:none}.snippet-hero-loop-controls .control{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--colour-white);background:var(--colour-black-60);transition:background-color var(--transition-duration) var(--transition-timing) 0s}.snippet-hero-loop-controls .control:focus{outline:none}.snippet-hero-loop-controls .control:hover{text-decoration:none;outline:none}.snippet-hero-loop-controls .control:disabled{opacity:.5;pointer-events:none}.snippet-hero-loop-controls .control:hover,.snippet-hero-loop-controls .control:focus{background:var(--colour-mine-shaft)}.snippet-hero-loop-controls .control svg{width:1.125rem;height:1.125rem}.snippet-hero-loop-controls .control[hidden],.snippet-hero-loop-controls .playback .resume{display:none}.snippet-hero-loop-controls .playback.is-paused .resume{display:contents}.snippet-hero-loop-controls .playback.is-paused .pause,.snippet-hero-loop-controls .sound .on{display:none}.snippet-hero-loop-controls .sound:not(.is-muted) .on{display:contents}.snippet-hero-loop-controls .sound:not(.is-muted) .off{display:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/snippet-hero-loop-controls.css.map */