@khanacademy/perseus-editor 42.1.1 → 43.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/all-editors.d.ts +9 -0
  2. package/dist/article-editor.d.ts +0 -6
  3. package/dist/combined-hints-editor.d.ts +13 -14
  4. package/dist/components/pairs-editor.d.ts +14 -0
  5. package/dist/components/widget-editor.d.ts +1 -1
  6. package/dist/components/widget-select.d.ts +2 -0
  7. package/dist/editor-page.d.ts +0 -11
  8. package/dist/editor.d.ts +3 -3
  9. package/dist/es/index.css +1 -1
  10. package/dist/es/index.css.map +1 -1
  11. package/dist/es/index.js +18 -14
  12. package/dist/es/index.js.map +1 -1
  13. package/dist/extras-editor.d.ts +0 -1
  14. package/dist/index.css +1 -1
  15. package/dist/index.css.map +1 -1
  16. package/dist/index.js +18 -14
  17. package/dist/index.js.map +1 -1
  18. package/dist/item-editor.d.ts +0 -1
  19. package/dist/widgets/cs-program-editor/cs-program-editor.d.ts +3 -3
  20. package/dist/widgets/definition-editor/definition-editor.d.ts +3 -3
  21. package/dist/widgets/fill-in-the-blank-editor/fill-in-the-blank-editor.d.ts +17 -0
  22. package/dist/widgets/fill-in-the-blank-editor/index.d.ts +1 -0
  23. package/dist/widgets/iframe-editor/iframe-editor.d.ts +1 -2
  24. package/package.json +34 -34
package/dist/all-editors.d.ts CHANGED
@@ -44,6 +44,15 @@ declare const _default: {
44
44
  dropdown: typeof DropdownEditor;
45
45
  explanation: typeof ExplanationEditor;
46
46
  expression: typeof ExpressionEditor;
47
+ "fill-in-the-blank": import("react").ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions & {
48
+ onChange: (newOptions: Partial<import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions>, callback?: () => void) => void;
49
+ apiOptions?: import("@khanacademy/perseus").APIOptionsWithDefaults;
50
+ } & import("react").RefAttributes<{
51
+ serialize: () => import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions;
52
+ getSaveWarnings: () => string[];
53
+ }>> & {
54
+ defaultProps: import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions;
55
+ };
47
56
  "free-response": typeof FreeResponseEditor;
48
57
  "graded-group": typeof GradedGroupEditor;
49
58
  "graded-group-set": typeof GradedGroupSetEditor;
package/dist/article-editor.d.ts CHANGED
@@ -88,12 +88,6 @@ export default class ArticleEditor extends React.Component<Props, State> {
88
88
  _handleMoveSectionLater(i: number): void;
89
89
  _handleAddSectionAfter(i: number): void;
90
90
  _handleRemoveSection(i: number): void;
91
- /**
92
- * Returns the current version of the edited {@link PerseusArticle}.
93
- *
94
- * @deprecated Use the `onChange` prop instead.
95
- */
96
- serialize(): PerseusArticle;
97
91
  /**
98
92
  * Returns an array, with one element be section.
99
93
  * Each element is an array of lint warnings present in that section.
package/dist/combined-hints-editor.d.ts CHANGED
@@ -1,24 +1,24 @@
1
1
  import * as React from "react";
2
2
  import Editor from "./editor";
3
- import type { APIOptions, ImageDict, ChangeHandler, DeviceType, ImageUploader } from "@khanacademy/perseus";
3
+ import type { APIOptions, ImageDict, DeviceType, ImageUploader } from "@khanacademy/perseus";
4
4
  import type { Hint, PerseusWidgetsMap } from "@khanacademy/perseus-core";
5
5
  type HintEditorProps = {
6
6
  itemId?: string;
7
7
  apiOptions?: APIOptions;
8
8
  className: string;
9
9
  imageUploader?: ImageUploader;
10
- showMoveButtons?: boolean;
11
- showRemoveButton?: boolean;
12
- showTitle?: boolean;
13
- content?: string | null | undefined;
14
- replace?: boolean | null | undefined;
15
- widgets?: PerseusWidgetsMap | null | undefined;
16
- images?: ImageDict | null | undefined;
10
+ showMoveButtons: boolean;
11
+ showRemoveButton: boolean;
12
+ showTitle: boolean;
13
+ content: string;
14
+ replace: boolean;
15
+ widgets: PerseusWidgetsMap;
16
+ images: ImageDict;
17
17
  isLast: boolean;
18
18
  isFirst: boolean;
19
19
  onMove: (direction: number) => unknown;
20
20
  onRemove: () => unknown;
21
- onChange: ChangeHandler;
21
+ onChange: (hint: Hint) => void;
22
22
  __type?: "hint";
23
23
  widgetIsOpen?: boolean;
24
24
  };
@@ -26,16 +26,17 @@ declare class HintEditor extends React.Component<HintEditorProps> {
26
26
  static defaultProps: {
27
27
  className: string;
28
28
  content: string;
29
+ images: ImageDict;
30
+ widgets: PerseusWidgetsMap;
29
31
  replace: boolean;
30
32
  showMoveButtons: boolean;
31
33
  showRemoveButton: boolean;
32
34
  showTitle: boolean;
33
35
  };
34
36
  editor: React.RefObject<Editor>;
35
- handleReplaceChanged: (e: React.ChangeEvent<HTMLInputElement>) => void;
37
+ handleChange(updates: Partial<Hint>): void;
36
38
  focus: () => void;
37
39
  getSaveWarnings: () => any;
38
- serialize(): Hint;
39
40
  render(): React.ReactNode;
40
41
  }
41
42
  type CombinedHintsEditorProps = {
@@ -57,13 +58,11 @@ declare class CombinedHintsEditor extends React.Component<CombinedHintsEditorPro
57
58
  hints: ReadonlyArray<any>;
58
59
  onChange: () => void;
59
60
  };
60
- handleHintChange(i: number, newProps: CombinedHintsEditorProps): void;
61
+ handleHintChange(i: number, hint: Hint): void;
61
62
  handleHintRemove(i: number): void;
62
63
  handleHintMove(i: number, dir: number): void;
63
64
  addHint: () => void;
64
65
  getSaveWarnings: () => any;
65
- serialize(): Hint[];
66
- serializeHint(index: number): Hint;
67
66
  render(): React.ReactNode;
68
67
  }
69
68
  export default CombinedHintsEditor;
package/dist/components/pairs-editor.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ interface Pair {
3
+ name: string;
4
+ value: string;
5
+ }
6
+ interface Props {
7
+ pairs: Pair[];
8
+ onChange: (pairs: Pair[]) => void;
9
+ }
10
+ export declare class PairsEditor extends React.Component<Props> {
11
+ handlePairChange: (pairIndex: number, pair: Pair) => void;
12
+ render(): React.ReactNode;
13
+ }
14
+ export {};
package/dist/components/widget-editor.d.ts CHANGED
@@ -28,7 +28,7 @@ declare class WidgetEditor extends React.Component<Props, State> {
28
28
  _handleAlignmentChange: (newAlignment: Alignment) => void;
29
29
  getSaveWarnings: () => unknown;
30
30
  serialize: () => {
31
- type: "iframe" | "table" | "video" | "image" | "radio" | "definition" | "group" | "blank" | "categorizer" | "cs-program" | "dropdown" | "explanation" | "expression" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "number-line" | "numeric-input" | "orderer" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
31
+ type: "iframe" | "table" | "video" | "image" | "radio" | "definition" | "group" | "blank" | "categorizer" | "cs-program" | "dropdown" | "explanation" | "expression" | "fill-in-the-blank" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "number-line" | "numeric-input" | "orderer" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
32
32
  alignment: Alignment | undefined;
33
33
  static: boolean | undefined;
34
34
  graded: boolean | undefined;
package/dist/components/widget-select.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as React from "react";
2
+ import type { APIOptions } from "@khanacademy/perseus";
2
3
  type WidgetSelectProps = {
3
4
  onChange?: (widgetType: string) => unknown;
5
+ flags?: APIOptions["flags"];
4
6
  };
5
7
  declare class WidgetSelect extends React.Component<WidgetSelectProps> {
6
8
  shouldComponentUpdate(): boolean;
package/dist/editor-page.d.ts CHANGED
@@ -12,8 +12,6 @@ type Props = {
12
12
  apiOptions?: APIOptions;
13
13
  answerArea: PerseusAnswerArea;
14
14
  dependencies: PerseusDependenciesV2;
15
- /** @deprecated - has no effect */
16
- developerMode?: boolean;
17
15
  hints: Hint[];
18
16
  /** A function which takes a file object (guaranteed to be an image) and
19
17
  * a callback, then calls the callback with the url where the image
@@ -27,8 +25,6 @@ type Props = {
27
25
  jsonMode: boolean;
28
26
  /** A function which is called with the new JSON blob of content. */
29
27
  onChange: (changed: PerseusItem) => void;
30
- /** @deprecated - has no effect, and is never called */
31
- onPreviewDeviceChange?: (arg1: DeviceType) => unknown;
32
28
  previewDevice: DeviceType;
33
29
  /** A global control to expand/collapse all widget editors on a page. */
34
30
  widgetsAreOpen?: boolean;
@@ -67,7 +63,6 @@ declare class EditorPage extends React.Component<Props, State> {
67
63
  static defaultProps: DefaultProps;
68
64
  constructor(props: Props);
69
65
  componentDidMount(): void;
70
- getSnapshotBeforeUpdate(prevProps: Props): {} | null;
71
66
  componentDidUpdate(previousProps: Props, prevState: State, snapshot: any): void;
72
67
  setIssueHighlight: (instanceId: string, highlighted: boolean) => void;
73
68
  handleA11yReport: (report: A11yReport | null) => void;
@@ -81,12 +76,6 @@ declare class EditorPage extends React.Component<Props, State> {
81
76
  */
82
77
  syncJsonStateFromProps(): void;
83
78
  getSaveWarnings(): any;
84
- /**
85
- * Returns the current version of the edited {@link PerseusItem}.
86
- *
87
- * @deprecated Use the {@link Props.onChange} prop instead.
88
- */
89
- serialize(): PerseusItem;
90
79
  handleChange: (toChange: Partial<PerseusItem>) => void;
91
80
  handleEditorChange: (newProps: Partial<PerseusRenderer>) => void;
92
81
  changeJSON: (newJson: PerseusItem) => void;
package/dist/editor.d.ts CHANGED
@@ -16,7 +16,7 @@ type Props = Readonly<{
16
16
  warnNoWidgets: boolean;
17
17
  widgetIsOpen?: boolean;
18
18
  imageUploader?: ImageUploader;
19
- onChange: (changes: Partial<PerseusRenderer>) => void;
19
+ onChange: (renderer: PerseusRenderer) => void;
20
20
  }>;
21
21
  type DefaultProps = {
22
22
  content: string;
@@ -51,6 +51,7 @@ declare class Editor extends React.Component<Props, State> {
51
51
  static getDerivedStateFromProps(props: any, state: any): Partial<State>;
52
52
  componentDidMount(): void;
53
53
  componentDidUpdate(prevProps: Props): void;
54
+ handleChange(changed: Partial<PerseusRenderer>): void;
54
55
  getWidgetEditor(id: string, type: PerseusWidget["type"]): undefined | React.ReactNode;
55
56
  _handleWidgetEditorChange: (id: string, newWidgetInfo: PerseusWidget) => void;
56
57
  _handleWidgetEditorRemove: (id: string) => void;
@@ -60,7 +61,7 @@ declare class Editor extends React.Component<Props, State> {
60
61
  */
61
62
  _sizeImages: (props: Props) => void;
62
63
  handleDrop: (e: React.MouseEvent) => void;
63
- handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
64
+ handleContentChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
64
65
  _handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
65
66
  _maybeCopyWidgets: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
66
67
  _maybePasteWidgets: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
@@ -73,7 +74,6 @@ declare class Editor extends React.Component<Props, State> {
73
74
  getSaveWarnings: () => any;
74
75
  private getWidgetsReferencedIn;
75
76
  focus: () => void;
76
- focusAndMoveToEnd: () => void;
77
77
  /**
78
78
  * Returns the current version of the edited {@link PerseusRenderer}.
79
79
  *
package/dist/es/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .widget-editor-settings-container{padding-block-start:var(--wb-sizing-size_120)!important;padding-inline:var(--wb-sizing-size_120)!important}.best-practices-container{margin-block-end:var(--wb-sizing-size_060)!important}code{font-family:Courier,monospace}.pod-title{background-color:#eee;border:1px solid #ddd;border-bottom:0;border-radius:3px 3px 0 0;font-size:1.25em;padding:4px 10px}.perseus-editor-left-cell>.perseus-hint-editor>.pod-title,.perseus-editor-left-cell>.pod-title{inset-block-start:0;position:sticky;z-index:1}.pod-title.closed{border-radius:3px}.smiley{left:0;position:absolute;top:4px}.perseus-single-editor{box-sizing:border-box;width:100%}.perseus-json-editor{font-family:monospace;height:500px;width:100%}.perseus-json-editor.invalid{background-color:#ffe6e6}.perseus-textarea-pair{border:1px solid #ddd;font-size:12px;line-height:1.6;position:relative}.perseus-textarea-pair>.perseus-textarea-underlay{word-wrap:break-word;color:transparent;margin-bottom:12px;padding:10px;white-space:pre-wrap}.perseus-textarea-pair>.perseus-textarea-underlay b{background-color:#dfd;font-weight:400}.perseus-textarea-pair>.perseus-textarea-underlay b.selected{background-color:#ddf}.perseus-textarea-pair>.perseus-textarea-underlay b.error{background-color:#fcc}.perseus-textarea-pair>textarea{background:transparent;border:0;box-sizing:border-box;font:inherit;height:100%;left:0;overflow:hidden;padding:10px;position:absolute;resize:none;top:0;width:100%}.perseus-widget-row{margin:7px 0;width:100%}.perseus-widget-row .perseus-widget-left-col,.perseus-widget-row .perseus-widget-right-col{display:inline-block;width:50%}.perseus-widget-row .perseus-widget-left-col .range-input,.perseus-widget-row .perseus-widget-right-col .range-input{float:right;margin-right:5px}.perseus-widget-row>.range-input{margin-left:10px}.perseus-answer-options{border:1px solid #ddd;padding:10px}.perseus-answer-options *{margin-bottom:4px}.perseus-answer-widget{border:1px solid #ddd;border-radius:0 0 3px 3px;padding:10px}.perseus-answer-none{border-bottom:1px solid #ddd}.perseus-answer-none>div{display:none}.perseus-widget-editor{border:1px solid #ddd;border-radius:3px}.perseus-widget-editor:not(:first-child){margin-top:10px}.perseus-widget-editor .perseus-widget-editor-title{align-items:center;background-color:#eee;border:0;border-radius:3px 3px 0 0;cursor:pointer;display:flex;font-size:1.25em;padding:4px 10px;position:relative}.perseus-widget-editor .perseus-widget-editor-title.closed{border-radius:3px}.perseus-widget-editor .perseus-widget-editor-title :first-child{flex-grow:1}.perseus-widget-editor .perseus-widget-editor-title>a{color:inherit;text-decoration:none}.perseus-widget-editor .perseus-widget-editor-title .alignment{margin-right:5px}.perseus-widget-editor .perseus-widget-editor-title .simple-button{font-size:13px;padding:0 10px}.perseus-widget-editor .perseus-widget-editor-content{border-radius:0 0 3px 3px;padding:0 var(--wb-sizing-size_100) var(--wb-sizing-size_100);transition:all 0s}.perseus-widget-editor .perseus-widget-editor-content.leave{display:none}.perseus-widget-editor .perseus-widget-editor-content .inline-options{float:inline-start;line-height:24px;padding-inline-end:.5em}.perseus-widget-editor .perseus-widget-editor-content .tooltip-for-legend{display:inline-block;line-height:24px}.perseus-widget-editor .categorizer-container{overflow-x:scroll}.perseus-widget-editor .section-accordion{display:flex;flex-direction:row}.perseus-widget-editor .delete-item-button{align-self:center;padding-right:.5em}.perseus-widget-editor-title-id{align-items:center;display:inline-flex}.perseus-widget-editor-title-id>svg{float:left;font-size:14px;margin-right:10px}.perseus-editor-accordion-container{display:inline-grid;width:100%}.perseus-editor-accordion-container.collapsed{grid-template-rows:0fr;min-height:0;transition:all .25s step-end,grid-template-rows .25s;visibility:hidden}.perseus-editor-accordion-container.expanded{grid-template-rows:1fr;min-height:100%;transition:grid-template-rows .5s;visibility:visible}.perseus-editor-accordion-container .perseus-editor-accordion-content{margin:0 -1px;overflow:hidden;padding:0 1px}.perseus-editor-widgets-selectors{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;display:flex;flex-wrap:wrap;padding:10px/2}.perseus-editor-widgets-selectors select{margin:2px}.perseus-editor-widgets>div.selected>strong{background-color:#ddf}.perseus-editor-widgets .warning{background-color:#fcc;margin:4px;padding:4px}.perseus-editor-word-count{cursor:help;flex:1;float:right;margin-right:3px;margin-top:2px;text-align:right}.MathJax .math{color:inherit}#perseus{margin:20px;z-index:10}#perseus #problemarea #workarea{margin:0}#perseus #problemarea #workarea .perseus-image-caption{top:0!important}#perseus .add-choice-container{display:flex;flex-direction:row;margin-bottom:20px;text-align:left}#problemarea{float:left;font-size:14px;padding-bottom:38px;position:relative}#problemarea a:link,#problemarea input,#problemarea label,#problemarea select{position:relative;z-index:3}.perseus-editor-row{display:flex;flex-direction:row;margin-block-end:32px}.perseus-editor-left-cell{margin-inline-end:32px;max-width:360px;min-width:360px;overflow-x:hidden;position:relative;width:360px;z-index:10}.perseus-editor-left-cell,.perseus-editor-right-cell{border:1px solid var(--wb-semanticColor-core-border-neutral-default);display:flex;flex-direction:column;max-height:calc(95vh - 244px);overflow-y:auto;vertical-align:top}.perseus-editor-right-cell{box-sizing:border-box;flex-shrink:0;padding:5px 30px 30px}.perseus-hint-editor .perseus-single-editor{margin-bottom:5px}.perseus-hint-editor .remove-hint{float:right;font-size:13px;padding:0 10px}.perseus-hint-editor+div .perseus-hint-renderer{width:100%}.perseus-hint-editor+div .perseus-hint-renderer div.paragraph{margin:0 0 22px}.perseus-hint-editor-actions{margin:8px;margin-block-start:0}.perseus-article-editor{margin-bottom:20px;margin-top:20px}.perseus-article-editor .section-control-button,.perseus-article-editor .step-control-button{font-size:13px;margin:0 2px;padding:2px 10px}.perseus-article-editor .perseus-editor-left-cell{min-width:360px}.perseus-article-editor .perseus-editor-left-cell>.perseus-editor-sticky-header{background-color:var(--wb-semanticColor-core-background-base-default);flex-shrink:0;inset-block-start:0;position:sticky;z-index:1}.perseus-article-editor .perseus-editor-sticky-header .perseus-widget-editor-panel{max-height:40vh;overflow-y:auto}.perseus-article-editor .desktop-preview,.perseus-article-editor .editor-preview,.perseus-article-editor .mobile-preview,.perseus-article-editor .standalone-preview{box-sizing:border-box}.perseus-article-editor .mobile-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);max-width:322px;padding:32px 16px}.perseus-article-editor .desktop-preview{border:1px solid transparent;padding:32px 20px}.perseus-article-editor .editor-preview{border:1px solid var(--wb-semanticColor-core-border-neutral-default);flex-shrink:0;max-height:calc(95vh - 244px);overflow-y:auto}.perseus-article-editor .editor-preview.full-width{width:100%}.perseus-article-editor .editor-preview .desktop-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);width:100%}.perseus-article-editor .standalone-preview .desktop-preview,.perseus-article-editor .standalone-preview .mobile-preview{margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor{margin:auto;max-width:688px}.perseus-article-editor .perseus-json-editor{display:block;margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor-warning{margin-bottom:10px;text-align:center}.perseus-article-editor .framework-perseus.perseus-article{box-sizing:border-box}.perseus-article-editor .framework-perseus.perseus-article *{box-sizing:inherit}.perseus-article-editor .perseus-editor-sticky-header>.pod-title{align-items:center;display:flex;justify-content:space-between;padding:4px 9px}.perseus-widget-dropdown input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px}.perseus-widget-dropdown .dropdown-choices{margin:20px 0}.perseus-widget-dropdown .dropdown-choices .dropdown-choice{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.perseus-widget-dropdown .dropdown-info{display:inline-flex;margin-bottom:16px}.perseus-widget-dropdown .dropdown-field{align-items:center;display:flex;flex-direction:row;margin-bottom:16px;min-width:0}.perseus-widget-dropdown .remove-choice{margin-bottom:10px}.perseus-input-number-editor{font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px}.perseus-input-number-editor .answer-option .unsimplified-options{min-height:48px}.perseus-input-number-editor .perseus-textarea-pair{font-size:16px}.perseus-input-number-editor .perseus-textarea-pair .perseus-textarea-underlay{margin-bottom:26px}.perseus-input-number-editor .perseus-textarea-pair textarea{background-color:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px}.perseus-input-number-editor .input-answer-editor-message,.perseus-input-number-editor .input-answer-editor-value{display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container{display:block}.perseus-input-number-editor .input-answer-editor-value-container input{background:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px;color:#21242c;font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px;outline-offset:-2px}.perseus-input-number-editor .input-answer-editor-value-container .numeric-input-value{margin-left:8px;width:6em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-input-value{display:none;width:3em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-plusmn{cursor:default;display:none;height:32px;padding-top:4px;text-align:center;vertical-align:top;width:1em}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .numeric-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .numeric-input-value{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-input-value{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-plusmn,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-plusmn{border-bottom:1px solid rgba(33,36,44,.5);border-top:1px solid rgba(33,36,44,.5);display:inline-block}.perseus-input-number-editor .answer-status,.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{height:26px;line-height:26px;outline-offset:-3px;vertical-align:middle}.perseus-input-number-editor .value-divider{border-top:1px solid #ccc}.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{border-left:1px solid #ccc;box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;width:20%}.perseus-input-number-editor .options-toggle{background-color:#eee;color:#444}.perseus-input-number-editor .options-toggle:hover{background-color:#ccc}.perseus-input-number-editor .answer-trash{background-color:#c04f03;background-image:linear-gradient(180deg,#e35d04,#c04f03);color:#fff}.perseus-input-number-editor .answer-trash:hover{background-image:linear-gradient(180deg,#f46e15,#d16014);color:#fff}.perseus-input-number-editor .is-strict-indicator{background-color:#d9edf7;border-bottom:1px solid #ccc;font-size:16px;height:12px;line-height:12px;top:0}.perseus-input-number-editor .is-strict-indicator,.perseus-input-number-editor .simplify-indicator{border-right:1px solid #ccc;bottom:auto;cursor:default;left:0;position:absolute;right:auto;text-align:center;-webkit-user-select:none;user-select:none;width:12px}.perseus-input-number-editor .simplify-indicator{border-top:1px solid #ccc;font-size:10px;height:13px;line-height:13px;top:12px}.perseus-input-number-editor .simplify-indicator.optional{background-color:#afa}.perseus-input-number-editor .simplify-indicator.enforced{background-color:#fcc}.perseus-input-number-editor .answer-status{color:inherit;display:inline-block;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:60%}.perseus-input-number-editor .answer-status.wrong{background-color:#fcc}.perseus-input-number-editor .answer-status.correct{background-color:#afa}.perseus-input-number-editor .answer-status.ungraded{background-color:#d9edf7}.perseus-input-number-editor .input-answer-editor-message{margin-left:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor{font-family:Lucida Grande;width:230px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair>textarea,.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{padding:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair{border-color:#ccc;border-radius:3px;min-height:53px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{margin-bottom:0}.perseus-widget-radio{margin-bottom:10px}.perseus-widget-radio .choice-editor .perseus-single-editor{margin-bottom:0}.perseus-widget-radio .choice-editor.correct textarea{background:#afa}.perseus-widget-radio .choice-editor.incorrect textarea{background:#fcc}.perseus-widget-radio textarea::placeholder{color:#777}.perseus-widget-radio .rationale-editor .perseus-textarea-pair{border-top:0}.perseus-widget-radio .choice-editor,.perseus-widget-radio .choice-rationale-editors,.perseus-widget-radio .rationale-editor{display:inline-block;width:100%}.perseus-widget-radio .perseus-single-editor{border:0;display:inline-block;margin:0 0 5px;vertical-align:top}.perseus-widget-radio .perseus-single-editor p{margin:0}.perseus-widget-radio .perseus-textarea-pair,.perseus-widget-radio .perseus-textarea-underlay{display:block;overflow-wrap:anywhere}.perseus-widget-radio .perseus-textarea-pair>.perseus-textarea-underlay,.perseus-widget-radio .perseus-textarea-pair>textarea{padding:5px}.perseus-widget-editor-content .add-choice-container .simple-button{margin-right:10px}.perseus-widget-editor-content .perseus-widget-radio{position:static}.perseus-widget-editor-content .perseus-widget-radio .checkbox{position:relative;top:-10px}.perseus-widget-editor-content .perseus-radio-option.none-of-above:before{content:"None of the above";display:block;font-style:italic;font-weight:700}.perseus-widget-editor-content .perseus-radio-option.none-of-above .choice-editor.incorrect{opacity:.5}#solutionarea .perseus-widget-radio li{padding:7px 0}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor{margin-bottom:6px;width:80px}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor,.framework-perseus table.perseus-widget-table-of-values th .perseus-textarea-pair{height:50px}.categorization-container.categorization-container-editor{margin-bottom:160px;width:350px}.categorization-container.categorization-container-editor .card input{display:block;font-size:12px;margin:7px 3px 7px 13px;width:81%}.categorization-container.categorization-container-editor .category{float:left;padding:5px;width:160px}.categorization-container.categorization-container-editor .categories{width:176px}.categorization-container.categorization-container-editor .perseus-textarea-underlay{margin-bottom:0}.categorization-container.categorization-container-editor .drag-bar{float:left;font-size:10px;height:70%;margin-top:3px;padding:2px 0}.categorization-container.categorization-container-editor .header{margin-bottom:8px}.categorization-container.categorization-container-editor .header input{display:block;margin-right:24px;width:76%}.categorization-container.categorization-container-editor .header .remove{color:#666;cursor:pointer;float:right;height:20px;left:12px;padding:2px;position:relative;top:-14px;width:20px}.categorization-container.categorization-container-editor .header .remove:hover{color:#333}.categorization-container.categorization-container-editor .delete-item-area{border:2px dashed #888;bottom:-150px;color:#888;font-size:20px;height:60px;left:10px;padding-top:40px;position:absolute;text-align:center;width:150px}.categorization-container.categorization-container-editor .delete-item-area.target{border-color:#000;color:#333}.categorization-container.categorization-container-editor .card{padding:0;width:130px}.categorization-container.categorization-container-editor .card.dragging .drag-bar{margin-left:2px}.categorization-editor-area{height:30px}.categorization-editor-area .add-item{float:left;margin-left:17px}.categorization-editor-area .add-category{margin-left:173px}.perseus-widget-interactive-graph{display:block}.perseus-widget-plotter-editor .pic-url,.perseus-widget-plotter-editor .plotter-categories{width:70%}.perseus-text-list-editor input[type=text]{margin-right:5px;max-width:340px;min-width:20px;padding:3px}.perseus-text-list-editor.layout-horizontal input[type=text]{float:left}.perseus-matcher-editor .perseus-text-list-editor{float:left;max-width:50%}.perseus-matcher-editor .perseus-text-list-editor input[type=text]{max-width:90%}.perseus-matcher-editor input[type=text]{width:46%}.perseus-matcher-editor input[type=text]+input[type=text]{margin-left:2%}.info-tip{display:inline-block}.info-tip-content-container p{font-size:12px;line-height:1.4;margin:0}.info-tip-content-container p+p{margin-top:22px}.perseus-widget-interaction-editor .perseus-widget-interaction-editor-select-element{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;margin:20px -11px -11px;padding:5px 10px}.perseus-widget-interaction-editor .colorpicker-circle{border-radius:50%;height:14px;left:5px;position:absolute;top:5px;width:14px}.perseus-interaction-element{border:1px solid #ddd;border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title{background-color:#eee;border:0;border-radius:3px 3px 0 0;color:inherit;display:block;font-size:1.25em;font-size:1em;overflow:hidden;padding:4px 10px;text-decoration:none;white-space:nowrap}.perseus-interaction-element .perseus-interaction-element-title.closed{border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title>svg{float:left;font-size:14px;margin-right:10px}.perseus-interaction-element .perseus-interaction-element-content{border-radius:0 0 3px 3px;border-top:1px solid #ddd;padding:10px}.perseus-interaction-element .perseus-interaction-element-content .edit-controls{margin-top:-30px;text-align:right}.perseus-interaction-element .perseus-interaction-element-content .edit-controls>button{background:#fff;border:0;color:#555;cursor:pointer;font-size:18px;margin-left:7px;padding:0}.perseus-interaction-element .perseus-interaction-element-content.leave{display:none}.button-set-separator{margin:10px 0}.perseus-widget-editor .unit-radio{color:#000;text-decoration:none}.unit-example-not-okay{color:red}.unit-example-okay{color:green}.pair-editor input{width:120px}.marvel-device.iphone6.silver:after{z-index:1}.perseus-diff{margin:0 10px}.perseus-diff .diff-header{display:inline-block;font-size:18px;padding:10px 0;width:50%}.perseus-diff .diff-header.collapsed{font-size:14px;padding:0}.perseus-diff .diff-body{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}.perseus-diff .diff-row{box-sizing:border-box;font-size:14px;overflow:hidden;padding-left:10px;padding-right:20px;white-space:pre-wrap;width:50%}.perseus-diff .diff-row.collapsed{color:#888;cursor:pointer}.perseus-diff .diff-row.collapsed:hover{color:#666}.perseus-diff .diff-row.collapsed:active{color:#444}.perseus-diff .diff-row .diff-line{margin-bottom:20px}.perseus-diff .before{border-left:1px solid #e4e4e4;float:left}.perseus-diff .after{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;float:right}.perseus-diff .inner-value{height:100%;padding:3px}.perseus-diff .not-present{display:none}.perseus-diff .blank-space{visibility:hidden}.perseus-diff .added{background-color:#efe}.perseus-diff .added.dark{background-color:#afa}.perseus-diff .removed{background-color:#fee}.perseus-diff .removed.dark{background-color:#faa}.perseus-diff .image{display:inline-block;margin-bottom:10px;margin-left:20px}.perseus-diff .image,.perseus-diff .image>div,.perseus-diff .image>img{max-height:300px;max-width:100%}.perseus-diff .image-unchanged{border:1px solid #aaa}.perseus-diff .image-added{border:2px solid #afa}.perseus-diff .image-removed{border:2px solid #faa}.perseus-diff .diff-separator{border-bottom:1px dashed #444;margin:30px 0 10px}.perseus-editor-table fieldset{min-inline-size:0;min-width:0}.perseus-single-editor.perseus-editor-disabled .keypad-input,.perseus-single-editor.perseus-editor-disabled .perseus-math-input,.perseus-single-editor.perseus-editor-disabled .perseus-textarea-pair,.perseus-single-editor.perseus-editor-disabled input,.perseus-single-editor.perseus-editor-disabled select{background-color:var(
1
+ .widget-editor-settings-container{padding-block-start:var(--wb-sizing-size_120)!important;padding-inline:var(--wb-sizing-size_120)!important}.best-practices-container{margin-block-end:var(--wb-sizing-size_060)!important}code{font-family:Courier,monospace}.pod-title{background-color:#eee;border:1px solid #ddd;border-bottom:0;border-radius:3px 3px 0 0;font-size:1.25em;padding:4px 10px}.perseus-editor-left-cell>.perseus-hint-editor>.pod-title,.perseus-editor-left-cell>.pod-title{inset-block-start:0;position:sticky;z-index:1}.pod-title.closed{border-radius:3px}.smiley{left:0;position:absolute;top:4px}.perseus-single-editor{box-sizing:border-box;width:100%}.perseus-json-editor{font-family:monospace;height:500px;width:100%}.perseus-json-editor.invalid{background-color:#ffe6e6}.perseus-textarea-pair{border:1px solid #ddd;font-size:12px;line-height:1.6;position:relative}.perseus-textarea-pair>.perseus-textarea-underlay{word-wrap:break-word;color:transparent;margin-bottom:12px;padding:10px;white-space:pre-wrap}.perseus-textarea-pair>.perseus-textarea-underlay b{background-color:#dfd;font-weight:400}.perseus-textarea-pair>.perseus-textarea-underlay b.selected{background-color:#ddf}.perseus-textarea-pair>.perseus-textarea-underlay b.error{background-color:#fcc}.perseus-textarea-pair>textarea{background:transparent;border:0;box-sizing:border-box;font:inherit;height:100%;left:0;overflow:hidden;padding:10px;position:absolute;resize:none;top:0;width:100%}.perseus-widget-row{margin:7px 0;width:100%}.perseus-widget-row .perseus-widget-left-col,.perseus-widget-row .perseus-widget-right-col{display:inline-block;width:50%}.perseus-widget-row .perseus-widget-left-col .range-input,.perseus-widget-row .perseus-widget-right-col .range-input{float:right;margin-right:5px}.perseus-widget-row>.range-input{margin-left:10px}.perseus-answer-options{border:1px solid #ddd;padding:10px}.perseus-answer-options *{margin-bottom:4px}.perseus-answer-widget{border:1px solid #ddd;border-radius:0 0 3px 3px;padding:10px}.perseus-answer-none{border-bottom:1px solid #ddd}.perseus-answer-none>div{display:none}.perseus-widget-editor{border:1px solid #ddd;border-radius:3px}.perseus-widget-editor:not(:first-child){margin-top:10px}.perseus-widget-editor .perseus-widget-editor-title{align-items:center;background-color:#eee;border:0;border-radius:3px 3px 0 0;cursor:pointer;display:flex;font-size:1.25em;padding:4px 10px;position:relative}.perseus-widget-editor .perseus-widget-editor-title.closed{border-radius:3px}.perseus-widget-editor .perseus-widget-editor-title :first-child{flex-grow:1}.perseus-widget-editor .perseus-widget-editor-title>a{color:inherit;text-decoration:none}.perseus-widget-editor .perseus-widget-editor-title .alignment{margin-right:5px}.perseus-widget-editor .perseus-widget-editor-title .simple-button{font-size:13px;padding:0 10px}.perseus-widget-editor .perseus-widget-editor-content{border-radius:0 0 3px 3px;padding:0 var(--wb-sizing-size_100) var(--wb-sizing-size_100);transition:all 0s}.perseus-widget-editor .perseus-widget-editor-content.leave{display:none}.perseus-widget-editor .perseus-widget-editor-content .inline-options{float:inline-start;line-height:24px;padding-inline-end:.5em}.perseus-widget-editor .perseus-widget-editor-content .tooltip-for-legend{display:inline-block;line-height:24px}.perseus-widget-editor .categorizer-container{overflow-x:scroll}.perseus-widget-editor .section-accordion{display:flex;flex-direction:row}.perseus-widget-editor .delete-item-button{align-self:center;padding-right:.5em}.perseus-widget-editor-title-id{align-items:center;display:inline-flex}.perseus-widget-editor-title-id>svg{float:left;font-size:14px;margin-right:10px}.perseus-editor-accordion-container{display:inline-grid;width:100%}.perseus-editor-accordion-container.collapsed{grid-template-rows:0fr;min-height:0;transition:all .25s step-end,grid-template-rows .25s;visibility:hidden}.perseus-editor-accordion-container.expanded{grid-template-rows:1fr;min-height:100%;transition:grid-template-rows .5s;visibility:visible}.perseus-editor-accordion-container .perseus-editor-accordion-content{margin:0 -1px;overflow:hidden;padding:0 1px}.perseus-editor-widgets-selectors{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;display:flex;flex-wrap:wrap;padding:10px/2}.perseus-editor-widgets-selectors select{margin:2px}.perseus-editor-widgets>div.selected>strong{background-color:#ddf}.perseus-editor-widgets .warning{background-color:#fcc;margin:4px;padding:4px}.perseus-editor-word-count{cursor:help;flex:1;float:right;margin-right:3px;margin-top:2px;text-align:right}.MathJax .math{color:inherit}#perseus{margin:20px;z-index:10}#perseus #problemarea #workarea{margin:0}#perseus #problemarea #workarea .perseus-image-caption{top:0!important}#perseus .add-choice-container{display:flex;flex-direction:row;margin-bottom:20px;text-align:left}#problemarea{float:left;font-size:14px;padding-bottom:38px;position:relative}#problemarea a:link,#problemarea input,#problemarea label,#problemarea select{position:relative;z-index:3}.perseus-editor-row{display:flex;flex-direction:row;margin-block-end:32px}.perseus-editor-left-cell{margin-inline-end:32px;max-width:360px;min-width:360px;overflow-x:hidden;position:relative;width:360px;z-index:10}.perseus-editor-left-cell,.perseus-editor-right-cell{border:1px solid var(--wb-semanticColor-core-border-neutral-default);display:flex;flex-direction:column;max-height:calc(95vh - 244px);overflow-y:auto;vertical-align:top}.perseus-editor-right-cell{box-sizing:border-box;flex-shrink:0;padding:5px 30px 30px}.perseus-hint-editor .perseus-single-editor{margin-bottom:5px}.perseus-hint-editor .remove-hint{float:right;font-size:13px;padding:0 10px}.perseus-hint-editor+div .perseus-hint-renderer{width:100%}.perseus-hint-editor+div .perseus-hint-renderer div.paragraph{margin:0 0 22px}.perseus-hint-editor-actions{margin:8px;margin-block-start:0}.perseus-article-editor{margin-bottom:20px;margin-top:20px}.perseus-article-editor .section-control-button,.perseus-article-editor .step-control-button{font-size:13px;margin:0 2px;padding:2px 10px}.perseus-article-editor .perseus-editor-left-cell{min-width:360px}.perseus-article-editor .perseus-editor-left-cell>.perseus-editor-sticky-header{background-color:var(--wb-semanticColor-core-background-base-default);flex-shrink:0;inset-block-start:0;position:sticky;z-index:1}.perseus-article-editor .perseus-editor-sticky-header .perseus-widget-editor-panel{max-height:40vh;overflow-y:auto}.perseus-article-editor .desktop-preview,.perseus-article-editor .editor-preview,.perseus-article-editor .mobile-preview,.perseus-article-editor .standalone-preview{box-sizing:border-box}.perseus-article-editor .mobile-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);max-width:322px;padding:32px 16px}.perseus-article-editor .desktop-preview{border:1px solid transparent;padding:32px 20px}.perseus-article-editor .editor-preview{border:1px solid var(--wb-semanticColor-core-border-neutral-default);flex-shrink:0;max-height:calc(95vh - 244px);overflow-y:auto}.perseus-article-editor .editor-preview.full-width{width:100%}.perseus-article-editor .editor-preview .desktop-preview{border:1px solid rgba(0,0,0,.29);box-shadow:0 2px 4px 0 rgba(0,0,0,.29);width:100%}.perseus-article-editor .standalone-preview .desktop-preview,.perseus-article-editor .standalone-preview .mobile-preview{margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor{margin:auto;max-width:688px}.perseus-article-editor .perseus-json-editor{display:block;margin-left:auto;margin-right:auto}.perseus-article-editor .json-editor-warning{margin-bottom:10px;text-align:center}.perseus-article-editor .framework-perseus.perseus-article{box-sizing:border-box}.perseus-article-editor .framework-perseus.perseus-article *{box-sizing:inherit}.perseus-article-editor .perseus-editor-sticky-header>.pod-title{align-items:center;display:flex;justify-content:space-between;padding:4px 9px}.perseus-widget-dropdown input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px}.perseus-widget-dropdown .dropdown-choices{margin:20px 0}.perseus-widget-dropdown .dropdown-choices .dropdown-choice{align-items:center;display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.perseus-widget-dropdown .dropdown-info{display:inline-flex;margin-bottom:16px}.perseus-widget-dropdown .dropdown-field{align-items:center;display:flex;flex-direction:row;margin-bottom:16px;min-width:0}.perseus-widget-dropdown .remove-choice{margin-bottom:10px}.perseus-input-number-editor{font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px}.perseus-input-number-editor .answer-option .unsimplified-options{min-height:48px}.perseus-input-number-editor .perseus-textarea-pair{font-size:16px}.perseus-input-number-editor .perseus-textarea-pair .perseus-textarea-underlay{margin-bottom:26px}.perseus-input-number-editor .perseus-textarea-pair textarea{background-color:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px}.perseus-input-number-editor .input-answer-editor-message,.perseus-input-number-editor .input-answer-editor-value{display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container{display:block}.perseus-input-number-editor .input-answer-editor-value-container input{background:#fff;border:1px solid rgba(33,36,44,.5);border-radius:4px;color:#21242c;font-family:Lato,Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:20px;outline-offset:-2px}.perseus-input-number-editor .input-answer-editor-value-container .numeric-input-value{margin-left:8px;width:6em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-input-value{display:none;width:3em}.perseus-input-number-editor .input-answer-editor-value-container .max-error-plusmn{cursor:default;display:none;height:32px;padding-top:4px;text-align:center;vertical-align:top;width:1em}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .numeric-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .numeric-input-value{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-input-value,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-input-value{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;display:inline-block}.perseus-input-number-editor .input-answer-editor-value-container.with-max-error .max-error-plusmn,.perseus-input-number-editor .input-answer-editor-value-container:focus-within .max-error-plusmn{border-bottom:1px solid rgba(33,36,44,.5);border-top:1px solid rgba(33,36,44,.5);display:inline-block}.perseus-input-number-editor .answer-status,.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{height:26px;line-height:26px;outline-offset:-3px;vertical-align:middle}.perseus-input-number-editor .value-divider{border-top:1px solid #ccc}.perseus-input-number-editor .answer-trash,.perseus-input-number-editor .options-toggle{border-left:1px solid #ccc;box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;width:20%}.perseus-input-number-editor .options-toggle{background-color:#eee;color:#444}.perseus-input-number-editor .options-toggle:hover{background-color:#ccc}.perseus-input-number-editor .answer-trash{background-color:#c04f03;background-image:linear-gradient(180deg,#e35d04,#c04f03);color:#fff}.perseus-input-number-editor .answer-trash:hover{background-image:linear-gradient(180deg,#f46e15,#d16014);color:#fff}.perseus-input-number-editor .is-strict-indicator{background-color:#d9edf7;border-bottom:1px solid #ccc;font-size:16px;height:12px;line-height:12px;top:0}.perseus-input-number-editor .is-strict-indicator,.perseus-input-number-editor .simplify-indicator{border-right:1px solid #ccc;bottom:auto;cursor:default;left:0;position:absolute;right:auto;text-align:center;-webkit-user-select:none;user-select:none;width:12px}.perseus-input-number-editor .simplify-indicator{border-top:1px solid #ccc;font-size:10px;height:13px;line-height:13px;top:12px}.perseus-input-number-editor .simplify-indicator.optional{background-color:#afa}.perseus-input-number-editor .simplify-indicator.enforced{background-color:#fcc}.perseus-input-number-editor .answer-status{color:inherit;display:inline-block;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:60%}.perseus-input-number-editor .answer-status.wrong{background-color:#fcc}.perseus-input-number-editor .answer-status.correct{background-color:#afa}.perseus-input-number-editor .answer-status.ungraded{background-color:#d9edf7}.perseus-input-number-editor .input-answer-editor-message{margin-left:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor{font-family:Lucida Grande;width:230px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair>textarea,.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{padding:5px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-pair{border-color:#ccc;border-radius:3px;min-height:53px}.perseus-input-number-editor .input-answer-editor-message .perseus-single-editor .perseus-textarea-underlay{margin-bottom:0}.perseus-widget-radio{margin-bottom:10px}.perseus-widget-radio .choice-editor .perseus-single-editor{margin-bottom:0}.perseus-widget-radio .choice-editor.correct textarea{background:#afa}.perseus-widget-radio .choice-editor.incorrect textarea{background:#fcc}.perseus-widget-radio textarea::placeholder{color:#777}.perseus-widget-radio .rationale-editor .perseus-textarea-pair{border-top:0}.perseus-widget-radio .choice-editor,.perseus-widget-radio .choice-rationale-editors,.perseus-widget-radio .rationale-editor{display:inline-block;width:100%}.perseus-widget-radio .perseus-single-editor{border:0;display:inline-block;margin:0 0 5px;vertical-align:top}.perseus-widget-radio .perseus-single-editor p{margin:0}.perseus-widget-radio .perseus-textarea-pair,.perseus-widget-radio .perseus-textarea-underlay{display:block;overflow-wrap:anywhere}.perseus-widget-radio .perseus-textarea-pair>.perseus-textarea-underlay,.perseus-widget-radio .perseus-textarea-pair>textarea{padding:5px}.perseus-widget-editor-content .add-choice-container .simple-button{margin-right:10px}.perseus-widget-editor-content .perseus-widget-radio{position:static}.perseus-widget-editor-content .perseus-widget-radio .checkbox{position:relative;top:-10px}.perseus-widget-editor-content .perseus-radio-option.none-of-above:before{content:"None of the above";display:block;font-style:italic;font-weight:700}.perseus-widget-editor-content .perseus-radio-option.none-of-above .choice-editor.incorrect{opacity:.5}#solutionarea .perseus-widget-radio li{padding:7px 0}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor{margin-bottom:6px;width:80px}.framework-perseus table.perseus-widget-table-of-values th .perseus-single-editor,.framework-perseus table.perseus-widget-table-of-values th .perseus-textarea-pair{height:50px}.categorization-container.categorization-container-editor{margin-bottom:160px;width:350px}.categorization-container.categorization-container-editor .card input{display:block;font-size:12px;margin:7px 3px 7px 13px;width:81%}.categorization-container.categorization-container-editor .category{float:left;padding:5px;width:160px}.categorization-container.categorization-container-editor .categories{width:176px}.categorization-container.categorization-container-editor .perseus-textarea-underlay{margin-bottom:0}.categorization-container.categorization-container-editor .drag-bar{float:left;font-size:10px;height:70%;margin-top:3px;padding:2px 0}.categorization-container.categorization-container-editor .header{margin-bottom:8px}.categorization-container.categorization-container-editor .header input{display:block;margin-right:24px;width:76%}.categorization-container.categorization-container-editor .header .remove{color:#666;cursor:pointer;float:right;height:20px;left:12px;padding:2px;position:relative;top:-14px;width:20px}.categorization-container.categorization-container-editor .header .remove:hover{color:#333}.categorization-container.categorization-container-editor .delete-item-area{border:2px dashed #888;bottom:-150px;color:#888;font-size:20px;height:60px;left:10px;padding-top:40px;position:absolute;text-align:center;width:150px}.categorization-container.categorization-container-editor .delete-item-area.target{border-color:#000;color:#333}.categorization-container.categorization-container-editor .card{padding:0;width:130px}.categorization-container.categorization-container-editor .card.dragging .drag-bar{margin-left:2px}.categorization-editor-area{height:30px}.categorization-editor-area .add-item{float:left;margin-left:17px}.categorization-editor-area .add-category{margin-left:173px}.perseus-widget-interactive-graph{display:block}.perseus-widget-plotter-editor .pic-url,.perseus-widget-plotter-editor .plotter-categories{width:70%}.perseus-text-list-editor input[type=text]{margin-right:5px;max-width:340px;min-width:20px;padding:3px}.perseus-text-list-editor.layout-horizontal input[type=text]{float:left}.perseus-matcher-editor .perseus-text-list-editor{float:left;max-width:50%}.perseus-matcher-editor .perseus-text-list-editor input[type=text]{max-width:90%}.perseus-matcher-editor input[type=text]{width:46%}.perseus-matcher-editor input[type=text]+input[type=text]{margin-left:2%}.info-tip{display:inline-block}.info-tip-content-container p{font-size:12px;line-height:1.4;margin:0}.info-tip-content-container p+p{margin-top:22px}.perseus-widget-interaction-editor .perseus-widget-interaction-editor-select-element{background-color:#eee;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:0;margin:20px -11px -11px;padding:5px 10px}.perseus-widget-interaction-editor .colorpicker-circle{border-radius:50%;height:14px;left:5px;position:absolute;top:5px;width:14px}.perseus-interaction-element{border:1px solid #ddd;border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title{background-color:#eee;border:0;border-radius:3px 3px 0 0;color:inherit;display:block;font-size:1.25em;font-size:1em;overflow:hidden;padding:4px 10px;text-decoration:none;white-space:nowrap}.perseus-interaction-element .perseus-interaction-element-title.closed{border-radius:3px}.perseus-interaction-element .perseus-interaction-element-title>svg{float:left;font-size:14px;margin-right:10px}.perseus-interaction-element .perseus-interaction-element-content{border-radius:0 0 3px 3px;border-top:1px solid #ddd;padding:10px}.perseus-interaction-element .perseus-interaction-element-content .edit-controls{margin-top:-30px;text-align:right}.perseus-interaction-element .perseus-interaction-element-content .edit-controls>button{background:#fff;border:0;color:#555;cursor:pointer;font-size:18px;margin-left:7px;padding:0}.perseus-interaction-element .perseus-interaction-element-content.leave{display:none}.button-set-separator{margin:10px 0}.perseus-widget-editor .unit-radio{color:#000;text-decoration:none}.unit-example-not-okay{color:red}.unit-example-okay{color:green}.pair-editor input{width:115px}.marvel-device.iphone6.silver:after{z-index:1}.perseus-diff{margin:0 10px}.perseus-diff .diff-header{display:inline-block;font-size:18px;padding:10px 0;width:50%}.perseus-diff .diff-header.collapsed{font-size:14px;padding:0}.perseus-diff .diff-body{border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4}.perseus-diff .diff-row{box-sizing:border-box;font-size:14px;overflow:hidden;padding-left:10px;padding-right:20px;white-space:pre-wrap;width:50%}.perseus-diff .diff-row.collapsed{color:#888;cursor:pointer}.perseus-diff .diff-row.collapsed:hover{color:#666}.perseus-diff .diff-row.collapsed:active{color:#444}.perseus-diff .diff-row .diff-line{margin-bottom:20px}.perseus-diff .before{border-left:1px solid #e4e4e4;float:left}.perseus-diff .after{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;float:right}.perseus-diff .inner-value{height:100%;padding:3px}.perseus-diff .not-present{display:none}.perseus-diff .blank-space{visibility:hidden}.perseus-diff .added{background-color:#efe}.perseus-diff .added.dark{background-color:#afa}.perseus-diff .removed{background-color:#fee}.perseus-diff .removed.dark{background-color:#faa}.perseus-diff .image{display:inline-block;margin-bottom:10px;margin-left:20px}.perseus-diff .image,.perseus-diff .image>div,.perseus-diff .image>img{max-height:300px;max-width:100%}.perseus-diff .image-unchanged{border:1px solid #aaa}.perseus-diff .image-added{border:2px solid #afa}.perseus-diff .image-removed{border:2px solid #faa}.perseus-diff .diff-separator{border-bottom:1px dashed #444;margin:30px 0 10px}.perseus-editor-table fieldset{min-inline-size:0;min-width:0}.perseus-single-editor.perseus-editor-disabled .keypad-input,.perseus-single-editor.perseus-editor-disabled .perseus-math-input,.perseus-single-editor.perseus-editor-disabled .perseus-textarea-pair,.perseus-single-editor.perseus-editor-disabled input,.perseus-single-editor.perseus-editor-disabled select{background-color:var(
2
2
  --wb-semanticColor-input-disabled-background
3
3
  )!important;border-color:var(--wb-semanticColor-input-disabled-border)!important;cursor:not-allowed!important}.perseus-editor-disabled .perseus-widget-plotter{pointer-events:none}.perseus_o-vx07Zg{padding-left:var(--wb-sizing-size_080);padding-right:var(--wb-sizing-size_080)}.perseus_873n-udD{padding-bottom:var(--wb-sizing-size_060);padding-top:var(--wb-sizing-size_060)}.perseus_x7ZKrcCV{border:1px solid #ddd;border-radius:3px;display:flex;flex-direction:column}.perseus_oxdBYi-q{display:flex;gap:var(--wb-sizing-size_120)}.perseus_086GhAqW{text-transform:uppercase!important}.perseus_Xz7kTZ-l{font-style:italic!important}.perseus_xzQO7ISR{gap:var(--wb-sizing-size_120)!important}.perseus_AIxq-uWT{gap:var(--wb-sizing-size_080)!important}.perseus_ppk4h52d{padding-inline:var(--wb-sizing-size_160)!important}.perseus_n2P9eL87{font-size:18px;font-weight:700}.perseus_09NCEMrz{font-size:18px}.perseus_fGIysYAE{font-size:110%;font-weight:700;margin-top:var(--wb-sizing-size_100)}.perseus_4qo24hC2{align-items:start;background-color:var(
4
4
  --wb-semanticColor-core-background-instructive-subtle