.rx{--rx-amber: var(--amber, #E8930C);--rx-ink: var(--navy-950, #071421);width:100%;max-width:420px;margin-inline:auto}.rx-stage{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:24px;background:#071421;cursor:pointer;box-shadow:0 0 0 1px #ffffff14,0 30px 80px -30px #000c;-webkit-tap-highlight-color:transparent;contain:layout paint}.rx-stage>div:first-child{will-change:transform}.rx-big{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;background:var(--rx-amber);color:var(--rx-ink);box-shadow:0 0 0 10px #e8930c2e,0 12px 40px #00000080;transition:transform .2s ease}.rx-big:hover{transform:scale(1.06)}.rx-bar{display:flex;align-items:center;gap:12px;margin-top:12px}.rx-btn{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff}.rx-btn:hover{background:#ffffff24}.rx-big:focus-visible,.rx-btn:focus-visible{outline:2px solid var(--rx-amber);outline-offset:3px}.rx-track{position:relative;flex:1;height:4px;border-radius:2px;background:#ffffff1f}.rx-fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:2px;background:var(--rx-amber)}.rx-tick{position:absolute;top:-2px;width:2px;height:8px;border-radius:1px;background:#ffffff47}