/* DOCS+EDIT-FIRST: read code-docs/static/css/desmos_editor.css.md before editing (comments live there). */
/*@desmos-editor-shared-sheet*/
.qd-desmos { margin-top: 1rem; } /*@qd-desmos*/
.question-form label.qd-desmos-toggle-lbl { display: inline-flex; flex-direction: row; align-items: center; gap: 0.4rem; cursor: pointer; margin: 0; font-weight: 600; font-size: var(--fs-sm); }
.qd-desmos-toggle-lbl input { flex: 0 0 auto; }
.qd-desmos-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; margin-top: 0.6rem; }
.qd-desmos-import { display: flex; gap: 0.4rem; }
.qd-desmos-url { min-width: 16rem; box-sizing: border-box; font-family: inherit; font-size: var(--fs-sm); padding: 0.5rem 0.65rem; border: 1px solid var(--border-grey); border-radius:var(--radius-chip); color: var(--text-strong); }
.qd-desmos-msg { font-size: var(--fs-sm); color: var(--text-muted); margin-top: 0.4rem; min-height: 1rem; }
.qd-desmos-msg.is-err { color: var(--danger); }
.qd-desmos-editor { height: 520px; width: 100%; border: 1px solid var(--split-border); border-radius:var(--radius-box); margin-top: 0.6rem; overflow: hidden; } /*@qd-desmos-hairline-default*/
.qd-desmos-demo { border: 1px solid var(--split-border); border-radius:var(--radius-card); width: 100%; max-width: 680px; height: 480px; margin: 0.5rem 0 0; background: #fff; overflow: hidden; } /*@qd-desmos-demo-hairline-match-editor*/ /*@qd-desmos-demo-unified-box*/ /*@qd-desmos-round-clip*/
.qd-desmos-demo-btn { margin-top: 0.4rem; }
.desmos-demo-row { margin-top: 0.5rem; padding: 0; } /*@qd-demo-row-carrier*/
.result-explanation > .desmos-demo-row:first-child,
.result-explanation > .desmos-demo-row:first-child .qd-desmos-demo-btn { margin-top: 0; } /*@b64-graph-only-explanation-flush*/
.desmos-demo-actions { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; } /*@qd-demo-actions-carrier*/

.qd-desmos-editor, .qd-desmos-demo { font-size: 1rem; line-height: normal; } /*@qd-desmos-typography-reset*/
/*@qd-desmos-contain-leak*/
.qd-desmos-editor img, .qd-desmos-editor table, .qd-desmos-editor button,
.qd-desmos-editor input, .qd-desmos-editor select,
.qd-desmos-demo img, .qd-desmos-demo table, .qd-desmos-demo button,
.qd-desmos-demo input, .qd-desmos-demo select { all: revert; }