.study-recording{z-index:12000;font-size:.875rem;position:fixed;bottom:1rem;left:1rem}.study-recording>button{color:#253246;background:#fff;border:1px solid #cbd2dc;border-radius:.5rem;padding:.5rem .75rem;box-shadow:0 2px 8px #0001}.study-recording-panel{color:#253246;background:#fff;border:1px solid #cbd2dc;border-radius:.5rem;gap:.65rem;width:min(22rem,90vw);padding:1rem;display:grid;position:absolute;bottom:2.75rem;left:0;box-shadow:0 4px 24px #0002}.study-recording-panel button,.study-recording-panel a{text-align:left;border:1px solid #cbd2dc;border-radius:.25rem;padding:.5rem}.study-recording-panel [role=alert],.study-replay [role=alert]{color:#a52222;overflow-wrap:anywhere}.study-replay{color:#253246;background:#f3f5f8;height:100dvh;padding:2rem;font-size:1rem;overflow:auto}.study-replay h1{margin-bottom:.75rem;font-size:1.6rem;font-weight:650}.study-replay h2{margin-bottom:.75rem;font-size:1.1rem;font-weight:650}.study-replay p{margin:.75rem 0}.study-replay-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.study-replay button,.study-replay select,.study-replay input[type=file]{background:#fff;border:1px solid #bac4d2;border-radius:.3rem;max-width:100%;padding:.5rem}.study-replay button:disabled{opacity:.45}.study-replay input[type=range]{width:100%;margin:.75rem 0;display:block}.study-replay-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.study-replay-grid section{background:#fff;border:1px solid #d7dde6;border-radius:.5rem;min-width:0;padding:1rem}.study-replay svg{background:#f5f7fa;width:100%;height:26rem}.study-replay pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:38rem;margin:.75rem 0;font-size:.875rem;overflow:auto}@media (max-width:800px){.study-replay{padding:1rem}.study-replay-grid{grid-template-columns:1fr}}