@khanacademy/perseus-editor 35.2.2 → 35.4.0

package/dist/all-editors.d.ts

@@ -11,10 +11,10 @@ import GradedGroupSetEditor from "./widgets/graded-group-set-editor";
 import GrapherEditor from "./widgets/grapher-editor";
 import GroupEditor from "./widgets/group-editor";
 import IframeEditor from "./widgets/iframe-editor";
-import ImageEditor from "./widgets/image-editor/image-editor";
+import ImageEditor from "./widgets/image-editor";
 import InteractionEditor from "./widgets/interaction-editor";
-import InteractiveGraphEditor from "./widgets/interactive-graph-editor/interactive-graph-editor";
-import LabelImageEditor from "./widgets/label-image-editor/label-image-editor";
+import InteractiveGraphEditor from "./widgets/interactive-graph-editor";
+import LabelImageEditor from "./widgets/label-image-editor";
 import MatcherEditor from "./widgets/matcher-editor";
 import MatrixEditor from "./widgets/matrix-editor";
 import MeasurerEditor from "./widgets/measurer-editor";
@@ -24,9 +24,9 @@ import OrdererEditor from "./widgets/orderer-editor";
 import PhetSimulationEditor from "./widgets/phet-simulation-editor";
 import PlotterEditor from "./widgets/plotter-editor";
 import PythonProgramEditor from "./widgets/python-program-editor";
-import RadioEditor from "./widgets/radio/editor";
+import RadioEditor from "./widgets/radio-editor";
 import SorterEditor from "./widgets/sorter-editor";
 import TableEditor from "./widgets/table-editor";
-import VideoEditor from "./widgets/video-editor/video-editor";
+import VideoEditor from "./widgets/video-editor";
 declare const _default: (typeof CategorizerEditor | typeof CSProgramEditor | typeof DefinitionEditor | typeof DeprecatedStandinEditor | typeof DropdownEditor | typeof ExplanationEditor | typeof ExpressionEditor | typeof FreeResponseEditor | typeof GradedGroupEditor | typeof GradedGroupSetEditor | typeof GrapherEditor | typeof GroupEditor | typeof IframeEditor | typeof ImageEditor | typeof NumericInputEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof NumberLineEditor | typeof OrdererEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | typeof SorterEditor | typeof TableEditor | typeof VideoEditor)[];
 export default _default;

package/dist/components/a11y-context.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { A11yIssue } from "./issues-panel";
+import type { A11yReport } from "../preview/use-preview-controller";
+export type A11yContextValue = {
+    /** Turns one issue's highlight on or off. */
+    setIssueHighlight: (instanceId: string, highlighted: boolean) => void;
+    /** Whether the preview iframe's axe-core scan is enabled. */
+    a11yScanningEnabled: boolean;
+    /** Enables/disables the preview iframe's axe-core scan. */
+    setA11yScanningEnabled: (enabled: boolean) => void;
+    /** instanceIds to highlight in the preview iframe, unioned across every
+     * active "Show Me" toggle. */
+    highlightInstanceIds: string[];
+    /** Forwards the preview iframe's latest scan report to the owner. */
+    onA11yReport: (report: A11yReport | null) => void;
+    /** The latest scan's issues, for display in `IssuesPanel`. */
+    axeCoreIssues: A11yIssue[];
+};
+/**
+ * Builds an A11yContextValue, defaulting any field a caller doesn't
+ * override to a production-safe no-op/empty value.
+ */
+export declare function createA11yContextValue(overrides?: Partial<A11yContextValue>): A11yContextValue;
+export declare const A11yContext: React.Context<A11yContextValue | null>;

package/dist/components/issues-panel.d.ts

@@ -1,20 +1,52 @@
 import * as React from "react";
 export type IssueImpact = "low" | "medium" | "high";
-export type Issue = {
+/**
+ * A problem to show the author, from the editor-side linter or the preview's
+ * axe-core scanner.
+ */
+export interface Issue {
+    /**
+     * The problem identifier (name). This `id` is _not_ guaranteed to be
+     * unique and is often the name of the rule that generated this issue (for
+     * example, this may be the axe-core rule id or a linter rule name). Shown
+     * to the author and used when a fix is offered, so several issues can
+     * share one — nine images missing alt text are nine `image-alt`s.
+     */
     id: string;
+    /**
+     * The unique issue identifier. Distinguishes this issue from every other
+     * issue in the same list. Optional because some issue sources may not have
+     * one naturally; prefer `getIssueKey` over reading it directly.
+     */
+    instanceId?: string;
+    /**
+     * Where this issue came from. Usually unset — used only when the origin
+     * (source) tells you the issue can do something the others can't. See
+     * {@link A11yIssue}.
+     */
+    source?: "a11y";
     description: string;
-    elements?: Element[];
     helpUrl: string;
     help: string;
     impact: IssueImpact;
     message: string;
+}
+/**
+ * An issue the preview's axe-core scanner found, and can therefore highlight —
+ * it always has the `instanceId` the element map is keyed by.
+ */
+export type A11yIssue = Issue & {
+    source: "a11y";
+    instanceId: string;
 };
+/**
+ * A unique identifier for an issue, suitable for use as a React key or a
+ * Record key. Falls back to `id`, which names the rule rather than the
+ * occurrence, for issues that arrive without an `instanceId`.
+ */
+export declare function getIssueKey(issue: Issue): string;
 type IssuesPanelProps = {
     issues?: Issue[];
-    a11yCheck?: {
-        callback: () => void;
-        isChecked: boolean;
-    };
 };
 declare const IssuesPanel: (props: IssuesPanelProps) => React.JSX.Element;
 export default IssuesPanel;

package/dist/components/show-me-issue.d.ts

@@ -1,5 +1,10 @@
 import * as React from "react";
-declare const ShowMe: ({ elements }: {
-    elements?: Element[];
-}) => React.JSX.Element | null;
+type Props = {
+    /**
+     * The issue's highlight handle. Absent when the issue has nothing in the
+     * preview to point at, which is what makes the toggle unavailable.
+     */
+    instanceId?: string;
+};
+declare const ShowMe: ({ instanceId }: Props) => React.JSX.Element;
 export default ShowMe;

package/dist/editor-page.d.ts

@@ -1,8 +1,9 @@
 import * as React from "react";
 import CombinedHintsEditor from "./hint-editor";
 import ItemEditor from "./item-editor";
-import type { Issue } from "./components/issues-panel";
-import type { APIOptions, APIOptionsWithDefaults, DeviceType, ImageUploader, PerseusDependenciesV2 } from "@khanacademy/perseus";
+import type { A11yIssue, Issue } from "./components/issues-panel";
+import type { A11yReport } from "./preview/use-preview-controller";
+import type { APIOptions, DeviceType, ImageUploader, PerseusDependenciesV2 } from "@khanacademy/perseus";
 import type { Hint, PerseusAnswerArea, PerseusItem, PerseusRenderer } from "@khanacademy/perseus-core";
 type OnChangeParams = {
     jsonMode?: boolean;
@@ -66,13 +67,15 @@ type State = {
     highlightLint: boolean;
     widgetsAreOpen: boolean;
     issues: Issue[];
-    axeCoreIssues: Issue[];
-    showAxeCoreIssues: boolean;
+    axeCoreIssues: A11yIssue[];
+    a11yScanningEnabled: boolean;
+    /** instanceIds of the issues with an active "Show Me" highlight. */
+    highlightInstanceIds: string[];
 };
 declare class EditorPage extends React.Component<Props, State> {
-    a11yCheckerTimeoutId: ReturnType<typeof setTimeout> | undefined;
     itemEditor: React.RefObject<ItemEditor>;
     hintsEditor: React.RefObject<CombinedHintsEditor>;
+    deriveDeviceApiOptions: (inputs: import("./util/derive-device-api-options").DeviceApiOptionsInputs) => import("@khanacademy/perseus").APIOptionsWithDefaults;
     static defaultProps: DefaultProps;
     constructor(props: Props);
     componentDidMount(): void;
@@ -82,7 +85,9 @@ declare class EditorPage extends React.Component<Props, State> {
         question?: PerseusRenderer | undefined;
     } | null;
     componentDidUpdate(previousProps: Props, prevState: State, snapshot: any): void;
-    componentWillUnmount(): void;
+    setIssueHighlight: (instanceId: string, highlighted: boolean) => void;
+    handleA11yReport: (report: A11yReport | null) => void;
+    setA11yScanningEnabled: (enabled: boolean) => void;
     /**
      * Updates JSON state when props change from the parent.
      *
@@ -92,7 +97,6 @@ declare class EditorPage extends React.Component<Props, State> {
      */
     syncJsonStateFromProps(): void;
     toggleJsonMode: () => void;
-    getApiOptions(): APIOptionsWithDefaults;
     getSaveWarnings(): any;
     /**
      * Returns the current version of the edited {@link PerseusItem}.

package/dist/es/index.css

@@ -1,6 +1,6 @@
 .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}.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;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 .perseus-answer-container>div,#perseus .perseus-question-container>div{padding-bottom:25px}#perseus .add-choice-container,#perseus .add-hint-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}.perseus-editor-left-cell{max-width:360px;min-width:360px;overflow-x:hidden;position:relative;width:360px;z-index:10}.perseus-editor-left-cell,.perseus-editor-right-cell{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{padding-bottom:20px}.perseus-hint-editor .perseus-single-editor{margin-bottom:5px}.perseus-hint-editor .reorder-hints{align-items:center;display:flex}.perseus-hint-editor .remove-hint{float:right;font-size:13px;padding:0 10px}.perseus-hints-editor .add-hint{font-size:13px}.perseus-hints-editor .perseus-editor-row:first-child .perseus-editor-right-cell{border-top:0}.perseus-hint-editor+div .perseus-hint-renderer{width:100%}.perseus-hint-editor+div .perseus-hint-renderer div.paragraph{margin:0 0 22px}.perseus-article-editor{margin-bottom:20px;margin-top:20px}.perseus-article-editor .perseus-single-editor{margin-bottom:10px}.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 .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{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-left-cell>.pod-title{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(
         --wb-semanticColor-input-disabled-background
-    )!important;border-color:var(--wb-semanticColor-input-disabled-border)!important;cursor:not-allowed!important}.perseus-editor-disabled .perseus-widget-plotter{pointer-events:none}.perseus_xyIPJvSm{padding-left:var(--wb-sizing-size_080);padding-right:var(--wb-sizing-size_080)}.perseus_6B-8VzAW{padding-bottom:var(--wb-sizing-size_060);padding-top:var(--wb-sizing-size_060)}.perseus_SHUAvRqo{border:1px solid #ddd;border-radius:3px;display:flex;flex-direction:column}.perseus_yBc0LCPb{display:flex;gap:var(--wb-sizing-size_120)}.perseus_h0zeeqNR{text-transform:uppercase!important}.perseus_xbG0OWq1{font-style:italic!important}.perseus_XphVr0Eg{gap:var(--wb-sizing-size_120)!important}.perseus_-z--eTDm{gap:var(--wb-sizing-size_080)!important}.perseus_UuEVVICK{padding-inline:var(--wb-sizing-size_160)!important}.perseus_az1kQinp{font-size:18px;font-weight:700}.perseus_khxW0hEz{font-size:18px}.perseus_UPlDqNry{font-size:110%;font-weight:700}.perseus_2aajvB7Y,.perseus_UPlDqNry{margin-top:var(--wb-sizing-size_100)}.perseus_4qo24hC2{align-items:start;background-color:var(
+    )!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}.perseus_Gbx-Ej1l,.perseus_fGIysYAE{margin-top:var(--wb-sizing-size_100)}.perseus_4qo24hC2{align-items:start;background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
     );border:1px solid var(--wb-semanticColor-core-border-base-subtle);border-radius:var(--wb-sizing-size_080);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_080);padding:var(--wb-sizing-size_080)}.perseus_BMTr3h5s{align-items:center;display:flex;flex-direction:row}.perseus_4OCWnpA9{display:block;margin-inline:var(--wb-sizing-size_080)}.perseus_SKDkfpcb{background-color:var(--wb-semanticColor-core-background-neutral-default);height:1px;margin-block:var(--wb-sizing-size_080);width:100%}.perseus_Uwpkz4-V{padding-bottom:var(--wb-sizing-size_120);position:relative}.perseus_6CoX-UkT{display:flex;flex-direction:column;gap:.8rem;margin-block-end:.8rem}.perseus_fX4VwWmZ{align-items:center;display:flex;flex-direction:row;gap:.4rem}.perseus_Z9--Lqsc{margin-block-end:var(--wb-sizing-size_080)}.perseus_H6OWRNo-{align-items:center;display:flex;gap:var(--wb-sizing-size_040)}.perseus_Vniq-14O{display:inline-flex!important;vertical-align:middle!important}.perseus_8W6ltSJv,.perseus_Vniq-14O{align-items:center!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_8W6ltSJv{align-self:stretch!important;display:flex!important;flex-wrap:wrap!important}.perseus_pYpuDydt{align-items:center!important;background-color:var(
         --wb-semanticColor-core-background-base-default
@@ -20,7 +20,7 @@
         --wb-semanticColor-core-background-disabled-strong
     )!important;border-color:var(
         --wb-semanticColor-core-background-disabled-strong
-    )!important;color:var(--wb-semanticColor-core-foreground-disabled-strong)!important}.perseus_JbwuUF5N{align-items:flex-start!important;gap:var(--wb-sizing-size_080)!important;margin-block:var(--wb-sizing-size_120)!important}.perseus_aHiPdK--{gap:var(--wb-sizing-size_040)!important}.perseus_aHiPdK--,.perseus_dNMdOiQI{align-items:center!important;flex-direction:row!important}.perseus_dNMdOiQI{gap:var(--wb-sizing-size_080)!important}.perseus_wAZzFxEx{height:26px!important}.perseus_6FquBkGo{align-items:center!important;display:flex!important;flex-direction:row!important;margin-top:8px!important}.perseus_7paQgL4U{gap:var(--wb-sizing-size_120)!important;padding-top:var(--wb-sizing-size_060)!important}.perseus_DdFGH-ag{color:var(--wb-semanticColor-core-foreground-neutral-subtle)!important}.perseus_so0nIc4z{border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_040);padding:var(--wb-sizing-size_040)}.perseus_lfG1X93S{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_thf-SEbO{border-bottom:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;border-top:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;margin-top:var(--wb-sizing-size_080)!important;padding-bottom:var(--wb-sizing-size_080)!important;padding-top:var(--wb-sizing-size_080)!important}.perseus_dM32KBSs{list-style:revert;margin-left:var(--wb-sizing-size_080)}.perseus_0LO0xYxg{list-style:revert;margin-left:var(--wb-sizing-size_120)}.perseus_T8Wphznm{margin-bottom:var(--wb-sizing-size_080)!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_FCU7fslB,.perseus_T8Wphznm{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_FCU7fslB{margin-top:var(--wb-sizing-size_120)!important}.perseus_UMms5ska{margin-top:var(--wb-sizing-size_080)!important}.perseus_Dz9XA5LM{background-color:var(
+    )!important;color:var(--wb-semanticColor-core-foreground-disabled-strong)!important}.perseus_SjB5EkqY{align-items:flex-start!important;gap:var(--wb-sizing-size_080)!important;margin-block:var(--wb-sizing-size_120)!important}.perseus_kGIonNza{gap:var(--wb-sizing-size_040)!important}.perseus_AjUqaLV1,.perseus_kGIonNza{align-items:center!important;flex-direction:row!important}.perseus_AjUqaLV1{gap:var(--wb-sizing-size_080)!important}.perseus_wAZzFxEx{height:26px!important}.perseus_6FquBkGo{align-items:center!important;display:flex!important;flex-direction:row!important;margin-top:8px!important}.perseus_7paQgL4U{gap:var(--wb-sizing-size_120)!important;padding-top:var(--wb-sizing-size_060)!important}.perseus_DdFGH-ag{color:var(--wb-semanticColor-core-foreground-neutral-subtle)!important}.perseus_so0nIc4z{border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_040);padding:var(--wb-sizing-size_040)}.perseus_lfG1X93S{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:var(--wb-sizing-size_080)!important}.perseus_thf-SEbO{border-bottom:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;border-top:1px solid var(--wb-semanticColor-core-border-neutral-subtle)!important;margin-top:var(--wb-sizing-size_080)!important;padding-bottom:var(--wb-sizing-size_080)!important;padding-top:var(--wb-sizing-size_080)!important}.perseus_dM32KBSs{list-style:revert;margin-left:var(--wb-sizing-size_080)}.perseus_0LO0xYxg{list-style:revert;margin-left:var(--wb-sizing-size_120)}.perseus_T8Wphznm{margin-bottom:var(--wb-sizing-size_080)!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_FCU7fslB,.perseus_T8Wphznm{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_080)!important}.perseus_FCU7fslB{margin-top:var(--wb-sizing-size_120)!important}.perseus_UMms5ska{margin-top:var(--wb-sizing-size_080)!important}.perseus_Dz9XA5LM{background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
     )!important;border-radius:var(--wb-sizing-size_040)!important}.perseus_6kPoH3-I{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_160)!important}.perseus_qYirPY7G,.perseus_v9IBfM--{align-items:center!important;display:flex!important;flex-direction:row!important;gap:var(--wb-sizing-size_060)!important}.perseus_v9IBfM--{min-width:auto!important}.perseus_L42pujHE,.perseus_NDL3xmfp{gap:var(--wb-sizing-size_040)!important;min-width:0!important}.perseus_L42pujHE,.perseus_NDL3xmfp,.perseus_mbWJ2QJe{align-items:center!important;display:flex!important;flex-direction:row!important}.perseus_0eoUQ2Ck{gap:var(--wb-sizing-size_080)!important}.perseus_3tuEF77w,.perseus_ArAl9ugv{margin-bottom:var(--wb-sizing-size_080)!important}.perseus_3tuEF77w{gap:var(--wb-sizing-size_160)!important;margin-top:var(--wb-sizing-size_080)!important}.perseus_mn0Hw09z{gap:var(--wb-sizing-size_060)!important}.perseus_8UEXrB8g{min-width:0!important}.perseus_AdQ6tM57{align-self:start!important}.perseus_mngqi2xl{background-color:var(
         --wb-semanticColor-core-border-neutral-subtle
@@ -40,7 +40,7 @@
         --wb-semanticColor-core-background-instructive-subtle
     )!important;border-radius:var(--wb-sizing-size_080)!important;display:flex!important;gap:var(--wb-sizing-size_120)!important;margin-top:var(--wb-sizing-size_080)!important;padding:var(--wb-sizing-size_120)!important}.perseus_4KcHH9Bl,.perseus_Ry1WVaFB{align-items:center!important;flex-direction:row!important}.perseus_Ry1WVaFB{display:flex!important;gap:var(--wb-sizing-size_060)!important}.perseus_aVULDXX8{display:inline-block!important;min-inline-size:var(--wb-sizing-size_400)!important;text-align:right!important}.perseus_37eFZ7ym{inline-size:var(--wb-sizing-size_800)!important}.perseus_cDLqevTf{inline-size:var(--wb-sizing-size_640)!important}.perseus_aqjusrqZ{margin-top:var(--wb-sizing-size_120)!important}.perseus_oT9y-KpN{background-color:var(
         --wb-semanticColor-core-background-neutral-subtle
-    )!important;border:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle)!important;font-size:var(--wb-font-body-size-xsmall)!important;margin-top:var(--wb-sizing-size_080)!important;padding-left:var(--wb-sizing-size_080)!important;padding-right:var(--wb-sizing-size_080)!important}.perseus_sK1-PDYK{margin-top:var(--wb-sizing-size_120)!important}.perseus_DTFHZTRU{margin-bottom:var(--wb-sizing-size_120);margin-top:var(--wb-sizing-size_080)}.perseus_bB9KRsBQ,.perseus_h6UVAo1f{align-items:center;display:flex;flex-direction:row;gap:var(--wb-sizing-size_160)}.perseus_bB9KRsBQ{color:var(--wb-semanticColor-link-rest)}.perseus_be-n-Bce:hover .perseus_bB9KRsBQ{text-decoration:underline}.perseus_JqR-dZ9h{color:var(--wb-semanticColor-core-foreground-critical-default);display:inline-flex}.perseus_be-n-Bce[aria-disabled=true],.perseus_uYELsWW-[aria-disabled=true]{opacity:.5}.perseus_be-n-Bce:focus:not(:focus-visible),.perseus_uYELsWW-:focus:not(:focus-visible){outline:none}.perseus_h6UVAo1f:not(:first-child){margin-top:var(--wb-sizing-size_120)}.perseus_9p2fIJDN{margin-top:var(--wb-sizing-size_080)}.perseus_uz5HIc6B{display:flex;padding:var(--wb-sizing-size_060) var(--wb-sizing-size_0)}.perseus_nqkpIulz{color:#626569;font-family:inherit;font-size:15px;line-height:1.25;margin-left:var(--wb-sizing-size_160)}.perseus_aAJcd7Pn{margin-right:var(--wb-sizing-size_080)}.perseus_ELq9XmxW{display:flex;flex-direction:column;gap:var(--wb-sizing-size_080)}.perseus_-XexOs6i{display:flex;gap:var(--wb-sizing-size_160);margin-top:var(--wb-sizing-size_080)}.perseus_fAVMAcnB{background-color:var(
+    )!important;border:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle)!important;font-size:var(--wb-font-body-size-xsmall)!important;margin-top:var(--wb-sizing-size_080)!important;padding-left:var(--wb-sizing-size_080)!important;padding-right:var(--wb-sizing-size_080)!important}.perseus_sK1-PDYK{margin-top:var(--wb-sizing-size_120)!important}.perseus_DTFHZTRU{margin-bottom:var(--wb-sizing-size_120);margin-top:var(--wb-sizing-size_080)}.perseus_bB9KRsBQ,.perseus_h6UVAo1f{align-items:center;display:flex;flex-direction:row;gap:var(--wb-sizing-size_160)}.perseus_bB9KRsBQ{color:var(--wb-semanticColor-link-rest)}.perseus_be-n-Bce:hover .perseus_bB9KRsBQ{text-decoration:underline}.perseus_JqR-dZ9h{color:var(--wb-semanticColor-core-foreground-critical-default);display:inline-flex}.perseus_be-n-Bce[aria-disabled=true],.perseus_uYELsWW-[aria-disabled=true]{opacity:.5}.perseus_be-n-Bce:focus:not(:focus-visible),.perseus_uYELsWW-:focus:not(:focus-visible){outline:none}.perseus_h6UVAo1f:not(:first-child){margin-top:var(--wb-sizing-size_120)}.perseus_9p2fIJDN{margin-top:var(--wb-sizing-size_080)}.perseus_uz5HIc6B{display:flex;padding:var(--wb-sizing-size_060) var(--wb-sizing-size_0)}.perseus_nqkpIulz{color:#626569;font-family:inherit;font-size:15px;line-height:1.25;margin-left:var(--wb-sizing-size_160)}.perseus_aAJcd7Pn{margin-right:var(--wb-sizing-size_080)}.perseus_ELq9XmxW{display:flex;flex-direction:column;gap:var(--wb-sizing-size_080)}.perseus_-XexOs6i{display:flex;gap:var(--wb-sizing-size_160);margin-top:var(--wb-sizing-size_080)}.perseus_H66MpddK{background-color:var(
         --wb-semanticColor-core-background-instructive-subtle
-    );border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_120);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_120);padding-block:var(--wb-sizing-size_080);padding-inline:var(--wb-sizing-size_120)}.perseus_kH21BUyY{flex-wrap:wrap;gap:var(--wb-sizing-size_080);margin-block-end:var(--wb-sizing-size_080)}.perseus_kH21BUyY,.perseus_qMTuHJ53{align-items:center;display:flex;flex-direction:row}.perseus_qMTuHJ53{margin-block-start:var(--wb-sizing-size_080)}.perseus_FUUSHyqm{align-items:center;flex-direction:row}.perseus_FUUSHyqm,.perseus_JUItwJjV{display:flex;margin-block-start:var(--wb-sizing-size_080)}.perseus_JUItwJjV{background-color:var(--wb-semanticColor-core-background-base-default);border:1px solid var(--wb-semanticColor-core-border-neutral-default);border-radius:var(--wb-sizing-size_080);flex-direction:column;padding:var(--wb-sizing-size_080);padding-block-start:var(--wb-sizing-size_240);position:relative}
+    );border:1px solid var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-sizing-size_120);display:flex;flex-direction:column;margin-block-end:var(--wb-sizing-size_120);margin-block-start:var(--wb-sizing-size_120);padding-block:var(--wb-sizing-size_080);padding-inline:var(--wb-sizing-size_120)}.perseus_WkPB-jwX{flex-wrap:wrap;gap:var(--wb-sizing-size_080);margin-block-end:var(--wb-sizing-size_080)}.perseus_5aWP3vgw,.perseus_WkPB-jwX{align-items:center;display:flex;flex-direction:row}.perseus_5aWP3vgw{margin-block-start:var(--wb-sizing-size_080)}.perseus_ezHjicvY{align-items:center;flex-direction:row}.perseus_XbdRDuOe,.perseus_ezHjicvY{display:flex;margin-block-start:var(--wb-sizing-size_080)}.perseus_XbdRDuOe{background-color:var(--wb-semanticColor-core-background-base-default);border:1px solid var(--wb-semanticColor-core-border-neutral-default);border-radius:var(--wb-sizing-size_080);flex-direction:column;padding:var(--wb-sizing-size_080);padding-block-start:var(--wb-sizing-size_240);position:relative}
 /*# sourceMappingURL=index.css.map */