@khanacademy/perseus 75.4.2 → 75.5.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 (7) hide show
  1. package/dist/es/index.css +1 -1
  2. package/dist/es/index.css.map +1 -1
  3. package/dist/es/index.js +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.js +1 -1
  7. package/package.json +4 -4
package/dist/es/index.css CHANGED
@@ -14,5 +14,5 @@
14
14
  --wb-font-heading-size-small
15
15
  );--perseus-multiple-choice-indicator-size:3.2rem;--perseus-multiple-choice-indicator-correct-size:calc(var(--perseus-multiple-choice-indicator-font-size)*1.5 + var(--perseus-multiple-choice-indicator-size));--perseus-multiple-choice-content-margin:calc(var(--perseus-multiple-choice-spacing) + var(--perseus-multiple-choice-indicator-size));--perseus-multiple-choice-fade-direction:90deg;--perseus-multiple-choice-fade-color:var(
16
16
  --perseus-widget-background-color,var(--wb-semanticColor-core-background-base-default)
17
- );box-sizing:border-box;min-width:auto;padding-inline-end:var(--perseus-multiple-choice-spacing);transform:translateZ(0)}.perseus_HSvzOAAR{list-style:none;margin:0;min-width:fit-content;padding:0;scrollbar-width:thin;width:100%}.perseus_HSvzOAAR:dir(rtl){--perseus-multiple-choice-fade-direction:270deg}.perseus_HSvzOAAR:before{background:linear-gradient(var(--perseus-multiple-choice-fade-direction),var(--perseus-multiple-choice-fade-color) calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)/2),transparent calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)) calc(100% - var(--perseus-multiple-choice-spacing)*1.5),var(--perseus-multiple-choice-fade-color) calc(100% - var(--perseus-multiple-choice-spacing)));content:"";display:block;height:100%;position:fixed;width:100%}.perseus_A5d7KcQj{display:flex;flex-direction:column;gap:var(--wb-sizing-size_120);margin-inline-start:var(--perseus-multiple-choice-content-margin);position:relative;z-index:-1}@media (prefers-reduced-motion:no-preference){.perseus_A5d7KcQj{transition:all .125s}}.perseus_skOlpdjN{color:var(--wb-semanticColor-core-foreground-neutral-strong);display:block;font-family:inherit;font-size:1.8rem;font-style:normal;font-weight:700;line-height:1.25;margin-block-end:var(--wb-sizing-size_160)}.perseus_y4m8wyRd{font-size:var(--wb-font-body-size-medium);font-weight:var(--wb-font-weight-medium);line-height:var(--wb-font-body-lineHeight-medium)}.perseus_y4m8wyRd.perseus_IfCbxIVP{color:var(--wb-semanticColor-core-foreground-neutral-default)}.perseus_y4m8wyRd .perseus-renderer{display:flex;flex-direction:column;gap:var(--wb-sizing-size_120)}.perseus_y4m8wyRd .perseus-renderer .paragraph{margin:0}.perseus_y4m8wyRd .perseus-renderer>.paragraph:not(:has(*)){display:none}.perseus_QYlQJ6BF{--perseus-multiple-choice-content-margin:calc(var(--perseus-multiple-choice-spacing) + var(--perseus-multiple-choice-indicator-correct-size))}.perseus_5CDFHduT{border-bottom:none;color:var(--wb-semanticColor-core-foreground-instructive-strong)}:active>.perseus_5CDFHduT,:focus>.perseus_5CDFHduT,:hover>.perseus_5CDFHduT{border-bottom:2px solid var(--wb-semanticColor-core-border-instructive-default)}.perseus_ydfsz2Xj{color:var(--wb-semanticColor-core-foreground-neutral-strong);font-size:var(--wb-font-body-size-medium);font-weight:var(--wb-font-weight-medium);line-height:var(--wb-font-body-lineHeight-medium)}.perseus_3AGWQQ8Z{height:auto;line-height:inherit;margin-left:-.2rem;margin-right:.2rem;padding-left:.2rem}.perseus_HDIlPzEz{border-left:0 solid #ccc;display:inline-grid;position:relative}.perseus_NkFQFgcZ{grid-template-columns:0fr;grid-template-rows:0fr;margin-bottom:0;margin-top:0;min-width:0;padding-bottom:0;visibility:hidden}.perseus_XhV-9haB{border-left-width:5px;grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:1.4rem;margin-left:-2.3rem;margin-top:1.4rem;min-width:100%;padding-bottom:1rem;padding-left:2.3rem;visibility:visible}.perseus_WEJESS6h{overflow:hidden}.perseus_SX0g-1Bs{font-size:var(--wb-font-heading-size-medium);line-height:inherit;margin-right:-.6rem;text-align:left;white-space:normal}@media (prefers-reduced-motion:no-preference){.perseus_sbBrAODD{transition:all .25s step-end,grid-template-rows .25s,margin-top .25s,margin-bottom .25s,padding-bottom .25s}.perseus_Wp72j6qk{transition:grid-template-rows .5s,margin-top .5s,margin-bottom .5s,padding-bottom .5s}}:root{--modal-padding-offset:calc(var(--wb-sizing-size_320)*-1);--modal-padding-offset-mobile:calc(var(--wb-sizing-size_160)*-1);--modal-panel-height:568px;--modal-description-container-width:420px}.perseus_aAJy9Er3{border-top:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);padding-block-start:var(--wb-sizing-size_160);text-align:center}.perseus_a7ZnxMAZ,.perseus_aAJy9Er3{padding-block-end:var(--wb-sizing-size_160)}.perseus_a7ZnxMAZ{border-bottom:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;margin-block-start:var(--wb-sizing-size_160)}.perseus_-p2ghr1-{display:flex;justify-content:center;width:100%}.perseus_YxnjOOa7{align-items:center;display:flex;margin-block-end:0;margin-block-start:var(--modal-padding-offset)}.perseus_ryDvI8uD{border-block-start:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;height:var(--modal-panel-height);margin-block-end:var(--modal-padding-offset);margin-inline:var(--modal-padding-offset);padding:var(--wb-sizing-size_080);padding-inline-end:0}.perseus_yCoMyk8e{align-items:center;background-color:var(--wb-semanticColor-core-background-neutral-strong);display:flex;flex-direction:column;justify-content:center;max-height:var(--modal-panel-height);width:100%}.perseus_yCoMyk8e img{background-color:var(--wb-semanticColor-core-background-base-default)}.perseus_femvuTvR{display:flex;flex-direction:column;overflow-y:auto;padding-block:var(--wb-sizing-size_240);padding-inline:var(--wb-sizing-size_320);width:var(--modal-description-container-width)}.perseus_y4DO7MoR{padding-block-end:var(--wb-sizing-size_240)}.perseus_fBhKbquh{margin-inline-end:var(--wb-sizing-size_160)}.perseus_9XgZ2QXH{margin-block-end:var(--wb-sizing-size_160)}@media (max-width:767px){.perseus_ryDvI8uD{flex-direction:column;height:auto;margin-inline:var(--modal-padding-offset-mobile);overflow-y:auto;padding:0}.perseus_yCoMyk8e{height:auto}.perseus_femvuTvR{margin-block:var(--wb-sizing-size_120);overflow-y:visible;padding:var(--wb-sizing-size_120);width:auto}}.MafsView .protractor-rotation-handle{cursor:grab;pointer-events:all;transition:transform .15s ease-out}.MafsView .protractor-rotation-handle:hover{transform:scale(1.2)}.MafsView .protractor-rotation-handle-arrow-arc{fill:none;stroke:var(--mafs-blue);stroke-width:8;stroke-linecap:square}.MafsView .protractor-rotation-handle-arrowhead{fill:var(--mafs-blue);stroke:none}.MafsView{--mafs-bg:#000;--mafs-fg:#fff;--mafs-origin-color:var(--mafs-fg);--mafs-line-color:#555;--mafs-line-stroke-dash-style:4,3;--mafs-axis-stroke-width:1px;--grid-line-subdivision-color:#222;--mafs-red:#f11d0e;--mafs-orange:#f14e0e;--mafs-yellow:#ffe44a;--mafs-green:#15e272;--mafs-blue:#58a6ff;--mafs-indigo:#7c58ff;--mafs-violet:#ae58ff;--mafs-pink:#ee00ab;background:var(--mafs-bg);display:block;font-family:inherit;font-variant-numeric:tabular-nums;outline:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.MafsView text{fill:var(--mafs-fg);cursor:default}.MafsView path{stroke:var(--mafs-fg)}.MafsView:focus-visible{border-radius:5px;outline:3px solid #58a6ff}@supports not selector(:focus-visible){.MafsView:focus{border-radius:5px;outline:3px solid #58a6ff}}.mafs-shadow{stroke-width:3px;stroke:var(--mafs-bg);stroke-opacity:.75;stroke-linejoin:round;paint-order:stroke}.mafs-movable-point{cursor:grab;touch-action:none}.mafs-movable-point-dragging{cursor:grabbing}.mafs-movable-point:focus{outline:0}.mafs-movable-point *{fill:none;stroke:none}.mafs-movable-point-hitbox{fill:transparent}.mafs-movable-point-focus{stroke:var(--movable-point-color);stroke-width:2;stroke-opacity:0;fill:none;transition:stroke-opacity .2s ease}.mafs-movable-point-ring{fill:var(--movable-point-color);fill-opacity:.25;stroke:none;transition:r .2s ease}.mafs-movable-point-point{fill:var(--movable-point-color);transition:r .2s ease}.mafs-movable-point:focus-visible .mafs-movable-point-point,.mafs-movable-point:hover .mafs-movable-point-point{r:calc(var(--movable-point-ring-size) - 2px)}.mafs-movable-point:focus-visible .mafs-movable-point-ring,.mafs-movable-point:hover .mafs-movable-point-ring{r:calc(var(--movable-point-ring-size) + 3px)}.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring{r:var(--movable-point-ring-size)}.mafs-movable-point:focus-visible .mafs-movable-point-focus{stroke-opacity:1}.MafsView{--mafs-bg:transparent;--mafs-fg:#21242c;--mafs-line-color:rgba(33,36,44,.16);--mafs-axis-stroke-width:2px;--mafs-blue:#1865f2;--mafs-red:#d92916;--mafs-green:#00a60e;--mafs-violet:#9059ff;--mafs-yellow:#ffb100;--static-gray:#909296;--movable-point-color:var(--mafs-blue);--movable-point-center-radius:6px;--movable-point-ring-radius:calc(2px + var(--movable-point-center-radius));--movable-point-halo-radius:calc(3px + var(--movable-point-ring-radius));--movable-point-hover-expansion:2px;--movable-point-focus-ring-offset:2px;--movable-line-stroke-weight:2px;--movable-line-stroke-weight-active:4px;overflow:visible!important}.MafsView>svg{display:block;overflow:visible}.MafsView .movable-line:hover,.movable-dragging{--movable-line-stroke-weight:var(--movable-line-stroke-weight-active)}.MafsView .movable-line:focus,.movable-polygon:focus{outline:none}.MafsView .movable-line :is(.movable-line-focus-outline,.movable-line-focus-outline-gap){stroke:transparent}.MafsView .movable-line:focus-visible .movable-line-focus-outline{stroke:var(--mafs-blue);stroke-width:10px}.MafsView .movable-line:focus-visible .movable-line-focus-outline-gap{stroke:#fff;stroke-width:6px}.MafsView .movable-point{-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;touch-action:none}.MafsView .movable-point.movable-point--dragging{cursor:grabbing}.MafsView .movable-point.movable-point--dragging .movable-point-halo{opacity:0}.MafsView .movable-point-hitbox{fill:transparent}.MafsView :is(.movable-point-center,.movable-point-ring,.movable-point-halo,.movable-point-focus-outline){transition:r .15s ease-out,opacity .15s ease-out}.MafsView .movable-point-center{r:var(--movable-point-center-radius)}.MafsView .movable-point-halo{r:var(--movable-point-halo-radius);fill:var(--movable-point-color);filter:drop-shadow(0 5px 5px #0008);opacity:.25}.MafsView .movable-point-ring{r:var(--movable-point-ring-radius);fill:#fff}.MafsView .movable-point:hover .movable-point-center{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-center-radius))}.MafsView .movable-point:hover .movable-point-ring{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-ring-radius))}.MafsView .movable-point:hover .movable-point-halo{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius))}.MafsView .movable-point .movable-point-focus-outline{r:calc(var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset));stroke-width:2px;fill:none;stroke:var(--mafs-blue);visibility:hidden}.MafsView .movable-point:hover .movable-point-focus-outline{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset))}.MafsView .movable-point__focusable-handle:focus-visible{outline:none}.MafsView .movable-point:is(:focus,.movable-point--focus) .movable-point-focus-outline{visibility:visible}.MafsView .movable-circle{cursor:grab}.MafsView .movable-circle .circle{stroke-width:2px;fill:transparent}.MafsView .movable-circle:hover .circle{fill:var(--mafs-blue);fill-opacity:.16}.MafsView .movable-circle.movable-circle--dragging{cursor:grabbing;outline:none}.MafsView .movable-circle .focus-ring{stroke:var(--mafs-blue);stroke-width:2px;fill:transparent;visibility:hidden}.MafsView .movable-circle:focus{outline:none}.MafsView .movable-circle:focus-visible .focus-ring{visibility:visible}.MafsView .movable-circle .movable-circle-handle{stroke:#fff;stroke-width:2px}.MafsView .movable-circle .movable-circle-handle-dot{fill:#fff;r:1.25px}@font-face{font-family:Mafs-MJXTEX;src:url(https://cdn.kastatic.org/fonts/mathjax/MathJax_Main-Regular.woff) format("woff")}.MafsView pattern g{stroke:rgba(33,36,44,.32)}.MafsView .angle-arc-interactive{stroke:var(--mafs-blue);stroke-width:.1px}.MafsView .angle-arc-static{stroke:var(--static-gray);stroke-width:.1px}.MafsView .axis-tick-label{stroke:#fff;stroke-width:5px;font-family:KaTeX_Main,Mafs-MJXTEX,sans-serif;paint-order:stroke fill}.MafsView .axis-tick{stroke:#000;stroke-width:1px}.mafs-sr-only{height:0;overflow:hidden;width:0}
17
+ );box-sizing:border-box;min-width:auto;padding-inline-end:var(--perseus-multiple-choice-spacing);transform:translateZ(0)}.perseus_HSvzOAAR{list-style:none;margin:0;min-width:fit-content;padding:0;scrollbar-width:thin;width:100%}.perseus_HSvzOAAR:dir(rtl){--perseus-multiple-choice-fade-direction:270deg}.perseus_HSvzOAAR:before{background:linear-gradient(var(--perseus-multiple-choice-fade-direction),var(--perseus-multiple-choice-fade-color) calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)/2),transparent calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)) calc(100% - var(--perseus-multiple-choice-spacing)*1.5),var(--perseus-multiple-choice-fade-color) calc(100% - var(--perseus-multiple-choice-spacing)));content:"";display:block;height:100%;position:fixed;width:100%}.perseus_A5d7KcQj{--perseus-content-line-height:var(--wb-font-heading-lineHeight-medium);display:flex;flex-direction:column;gap:var(--wb-sizing-size_120);margin-inline-start:var(--perseus-multiple-choice-content-margin);position:relative;z-index:-1}@supports (margin-block-start:1lh){.perseus_A5d7KcQj{--perseus-content-line-height:1lh}}.perseus_A5d7KcQj:not(:has(.paragraph:first-child>.paragraph :is(img,mjx-mfrac,mjx-msqrt,mjx-mroot,mjx-munder,mjx-mover,mjx-munderover))){margin-block-start:calc((var(--perseus-multiple-choice-indicator-size) - var(--perseus-content-line-height))*.4)}@media (prefers-reduced-motion:no-preference){.perseus_A5d7KcQj{transition:all .125s}}.perseus_skOlpdjN{color:var(--wb-semanticColor-core-foreground-neutral-strong);display:block;font-family:inherit;font-size:1.8rem;font-style:normal;font-weight:700;line-height:1.25;margin-block-end:var(--wb-sizing-size_160)}.perseus_y4m8wyRd{font-size:var(--wb-font-body-size-medium);font-weight:var(--wb-font-weight-medium);line-height:var(--wb-font-body-lineHeight-medium)}.perseus_y4m8wyRd.perseus_IfCbxIVP{color:var(--wb-semanticColor-core-foreground-neutral-default)}.perseus_y4m8wyRd .perseus-renderer{display:flex;flex-direction:column;gap:var(--wb-sizing-size_120)}.perseus_y4m8wyRd .perseus-renderer .paragraph{margin:0}.perseus_y4m8wyRd .perseus-renderer>.paragraph:not(:has(*)){display:none}.perseus_QYlQJ6BF{--perseus-multiple-choice-content-margin:calc(var(--perseus-multiple-choice-spacing) + var(--perseus-multiple-choice-indicator-correct-size))}.perseus_5CDFHduT{border-bottom:none;color:var(--wb-semanticColor-core-foreground-instructive-strong)}:active>.perseus_5CDFHduT,:focus>.perseus_5CDFHduT,:hover>.perseus_5CDFHduT{border-bottom:2px solid var(--wb-semanticColor-core-border-instructive-default)}.perseus_ydfsz2Xj{color:var(--wb-semanticColor-core-foreground-neutral-strong);font-size:var(--wb-font-body-size-medium);font-weight:var(--wb-font-weight-medium);line-height:var(--wb-font-body-lineHeight-medium)}.perseus_3AGWQQ8Z{height:auto;line-height:inherit;margin-left:-.2rem;margin-right:.2rem;padding-left:.2rem}.perseus_HDIlPzEz{border-left:0 solid #ccc;display:inline-grid;position:relative}.perseus_NkFQFgcZ{grid-template-columns:0fr;grid-template-rows:0fr;margin-bottom:0;margin-top:0;min-width:0;padding-bottom:0;visibility:hidden}.perseus_XhV-9haB{border-left-width:5px;grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:1.4rem;margin-left:-2.3rem;margin-top:1.4rem;min-width:100%;padding-bottom:1rem;padding-left:2.3rem;visibility:visible}.perseus_WEJESS6h{overflow:hidden}.perseus_SX0g-1Bs{font-size:var(--wb-font-heading-size-medium);line-height:inherit;margin-right:-.6rem;text-align:left;white-space:normal}@media (prefers-reduced-motion:no-preference){.perseus_sbBrAODD{transition:all .25s step-end,grid-template-rows .25s,margin-top .25s,margin-bottom .25s,padding-bottom .25s}.perseus_Wp72j6qk{transition:grid-template-rows .5s,margin-top .5s,margin-bottom .5s,padding-bottom .5s}}:root{--modal-padding-offset:calc(var(--wb-sizing-size_320)*-1);--modal-padding-offset-mobile:calc(var(--wb-sizing-size_160)*-1);--modal-panel-height:568px;--modal-description-container-width:420px}.perseus_aAJy9Er3{border-top:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);padding-block-start:var(--wb-sizing-size_160);text-align:center}.perseus_a7ZnxMAZ,.perseus_aAJy9Er3{padding-block-end:var(--wb-sizing-size_160)}.perseus_a7ZnxMAZ{border-bottom:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;margin-block-start:var(--wb-sizing-size_160)}.perseus_-p2ghr1-{display:flex;justify-content:center;width:100%}.perseus_YxnjOOa7{align-items:center;display:flex;margin-block-end:0;margin-block-start:var(--modal-padding-offset)}.perseus_ryDvI8uD{border-block-start:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;height:var(--modal-panel-height);margin-block-end:var(--modal-padding-offset);margin-inline:var(--modal-padding-offset);padding:var(--wb-sizing-size_080);padding-inline-end:0}.perseus_yCoMyk8e{align-items:center;background-color:var(--wb-semanticColor-core-background-neutral-strong);display:flex;flex-direction:column;justify-content:center;max-height:var(--modal-panel-height);width:100%}.perseus_yCoMyk8e img{background-color:var(--wb-semanticColor-core-background-base-default)}.perseus_femvuTvR{display:flex;flex-direction:column;overflow-y:auto;padding-block:var(--wb-sizing-size_240);padding-inline:var(--wb-sizing-size_320);width:var(--modal-description-container-width)}.perseus_y4DO7MoR{padding-block-end:var(--wb-sizing-size_240)}.perseus_fBhKbquh{margin-inline-end:var(--wb-sizing-size_160)}.perseus_9XgZ2QXH{margin-block-end:var(--wb-sizing-size_160)}@media (max-width:767px){.perseus_ryDvI8uD{flex-direction:column;height:auto;margin-inline:var(--modal-padding-offset-mobile);overflow-y:auto;padding:0}.perseus_yCoMyk8e{height:auto}.perseus_femvuTvR{margin-block:var(--wb-sizing-size_120);overflow-y:visible;padding:var(--wb-sizing-size_120);width:auto}}.MafsView .protractor-rotation-handle{cursor:grab;pointer-events:all;transition:transform .15s ease-out}.MafsView .protractor-rotation-handle:hover{transform:scale(1.2)}.MafsView .protractor-rotation-handle-arrow-arc{fill:none;stroke:var(--mafs-blue);stroke-width:8;stroke-linecap:square}.MafsView .protractor-rotation-handle-arrowhead{fill:var(--mafs-blue);stroke:none}.MafsView{--mafs-bg:#000;--mafs-fg:#fff;--mafs-origin-color:var(--mafs-fg);--mafs-line-color:#555;--mafs-line-stroke-dash-style:4,3;--mafs-axis-stroke-width:1px;--grid-line-subdivision-color:#222;--mafs-red:#f11d0e;--mafs-orange:#f14e0e;--mafs-yellow:#ffe44a;--mafs-green:#15e272;--mafs-blue:#58a6ff;--mafs-indigo:#7c58ff;--mafs-violet:#ae58ff;--mafs-pink:#ee00ab;background:var(--mafs-bg);display:block;font-family:inherit;font-variant-numeric:tabular-nums;outline:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.MafsView text{fill:var(--mafs-fg);cursor:default}.MafsView path{stroke:var(--mafs-fg)}.MafsView:focus-visible{border-radius:5px;outline:3px solid #58a6ff}@supports not selector(:focus-visible){.MafsView:focus{border-radius:5px;outline:3px solid #58a6ff}}.mafs-shadow{stroke-width:3px;stroke:var(--mafs-bg);stroke-opacity:.75;stroke-linejoin:round;paint-order:stroke}.mafs-movable-point{cursor:grab;touch-action:none}.mafs-movable-point-dragging{cursor:grabbing}.mafs-movable-point:focus{outline:0}.mafs-movable-point *{fill:none;stroke:none}.mafs-movable-point-hitbox{fill:transparent}.mafs-movable-point-focus{stroke:var(--movable-point-color);stroke-width:2;stroke-opacity:0;fill:none;transition:stroke-opacity .2s ease}.mafs-movable-point-ring{fill:var(--movable-point-color);fill-opacity:.25;stroke:none;transition:r .2s ease}.mafs-movable-point-point{fill:var(--movable-point-color);transition:r .2s ease}.mafs-movable-point:focus-visible .mafs-movable-point-point,.mafs-movable-point:hover .mafs-movable-point-point{r:calc(var(--movable-point-ring-size) - 2px)}.mafs-movable-point:focus-visible .mafs-movable-point-ring,.mafs-movable-point:hover .mafs-movable-point-ring{r:calc(var(--movable-point-ring-size) + 3px)}.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring{r:var(--movable-point-ring-size)}.mafs-movable-point:focus-visible .mafs-movable-point-focus{stroke-opacity:1}.MafsView{--mafs-bg:transparent;--mafs-fg:#21242c;--mafs-line-color:rgba(33,36,44,.16);--mafs-axis-stroke-width:2px;--mafs-blue:#1865f2;--mafs-red:#d92916;--mafs-green:#00a60e;--mafs-violet:#9059ff;--mafs-yellow:#ffb100;--static-gray:#909296;--movable-point-color:var(--mafs-blue);--movable-point-center-radius:6px;--movable-point-ring-radius:calc(2px + var(--movable-point-center-radius));--movable-point-halo-radius:calc(3px + var(--movable-point-ring-radius));--movable-point-hover-expansion:2px;--movable-point-focus-ring-offset:2px;--movable-line-stroke-weight:2px;--movable-line-stroke-weight-active:4px;overflow:visible!important}.MafsView>svg{display:block;overflow:visible}.MafsView .movable-line:hover,.movable-dragging{--movable-line-stroke-weight:var(--movable-line-stroke-weight-active)}.MafsView .movable-line:focus,.movable-polygon:focus{outline:none}.MafsView .movable-line :is(.movable-line-focus-outline,.movable-line-focus-outline-gap){stroke:transparent}.MafsView .movable-line:focus-visible .movable-line-focus-outline{stroke:var(--mafs-blue);stroke-width:10px}.MafsView .movable-line:focus-visible .movable-line-focus-outline-gap{stroke:#fff;stroke-width:6px}.MafsView .movable-point{-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;touch-action:none}.MafsView .movable-point.movable-point--dragging{cursor:grabbing}.MafsView .movable-point.movable-point--dragging .movable-point-halo{opacity:0}.MafsView .movable-point-hitbox{fill:transparent}.MafsView :is(.movable-point-center,.movable-point-ring,.movable-point-halo,.movable-point-focus-outline){transition:r .15s ease-out,opacity .15s ease-out}.MafsView .movable-point-center{r:var(--movable-point-center-radius)}.MafsView .movable-point-halo{r:var(--movable-point-halo-radius);fill:var(--movable-point-color);filter:drop-shadow(0 5px 5px #0008);opacity:.25}.MafsView .movable-point-ring{r:var(--movable-point-ring-radius);fill:#fff}.MafsView .movable-point:hover .movable-point-center{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-center-radius))}.MafsView .movable-point:hover .movable-point-ring{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-ring-radius))}.MafsView .movable-point:hover .movable-point-halo{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius))}.MafsView .movable-point .movable-point-focus-outline{r:calc(var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset));stroke-width:2px;fill:none;stroke:var(--mafs-blue);visibility:hidden}.MafsView .movable-point:hover .movable-point-focus-outline{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset))}.MafsView .movable-point__focusable-handle:focus-visible{outline:none}.MafsView .movable-point:is(:focus,.movable-point--focus) .movable-point-focus-outline{visibility:visible}.MafsView .movable-circle{cursor:grab}.MafsView .movable-circle .circle{stroke-width:2px;fill:transparent}.MafsView .movable-circle:hover .circle{fill:var(--mafs-blue);fill-opacity:.16}.MafsView .movable-circle.movable-circle--dragging{cursor:grabbing;outline:none}.MafsView .movable-circle .focus-ring{stroke:var(--mafs-blue);stroke-width:2px;fill:transparent;visibility:hidden}.MafsView .movable-circle:focus{outline:none}.MafsView .movable-circle:focus-visible .focus-ring{visibility:visible}.MafsView .movable-circle .movable-circle-handle{stroke:#fff;stroke-width:2px}.MafsView .movable-circle .movable-circle-handle-dot{fill:#fff;r:1.25px}@font-face{font-family:Mafs-MJXTEX;src:url(https://cdn.kastatic.org/fonts/mathjax/MathJax_Main-Regular.woff) format("woff")}.MafsView pattern g{stroke:rgba(33,36,44,.32)}.MafsView .angle-arc-interactive{stroke:var(--mafs-blue);stroke-width:.1px}.MafsView .angle-arc-static{stroke:var(--static-gray);stroke-width:.1px}.MafsView .axis-tick-label{stroke:#fff;stroke-width:5px;font-family:KaTeX_Main,Mafs-MJXTEX,sans-serif;paint-order:stroke fill}.MafsView .axis-tick{stroke:#000;stroke-width:1px}.mafs-sr-only{height:0;overflow:hidden;width:0}
18
18
  /*# sourceMappingURL=index.css.map */
package/dist/es/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["zoomed-image-view.module.css","perseus-renderer.css","util.css","styles.css","paragraph-styles.css","perseus-renderer-part-1.css","widgets/categorizer.css","widgets/expression.css","widgets/free-response.css","widgets/grapher.css","widgets/graded-group.css","widgets/group.css","widgets/image.css","widgets/interactive-graph.css","widgets/label-image.css","widgets/matcher.css","widgets/matrix.css","widgets/measurer.css","widgets/numeric.css","widgets/orderer.css","widgets/plotter.css","widgets/sortable.css","widgets/table.css","widget-container.css","perseus-renderer-part-2.css","numeric-input.module.css","scrollable-view.module.css","choice-indicator.module.css","choice.module.css","multiple-choice.module.css","definition.module.css","explanation.module.css","image-widget.module.css","protractor.css","core.css","mafs-styles.css"],"names":[],"mappings":"AAAA,kBAKI,aAAc,CAHd,gEAAmE,CACnE,iEAGJ,CAEA,yBACI,kBAEI,+DAAkE,CAGlE,gBAAiB,CADjB,eAEJ,CACJ,CChBA,gCAAgC,CCAhC,sBAAA,iBAEI,kBAAsB,CADtB,QAAS,CAET,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,SAAU,CACV,iBAAkB,CAClB,SACJ,CACA,iDAEI,UAAW,CACX,aACJ,CACA,wBACI,UACJ,CACA,CCnBA,wBACI,6BACJ,CACA,uBACI,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,cAAe,CAGf,aAAc,CAFd,YAAa,CACb,eAEJ,CACA,8DACI,aAAc,CACd,cAAe,CACf,gBAAiB,CACjB,kBACJ,CACA,2DACI,mBAAoB,CACpB,cAAe,CACf,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,eACJ,CACA,2DACI,mBAAoB,CACpB,cAAe,CACf,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,eACJ,CACA,iLAGI,mBAAoB,CACpB,cAAe,CACf,eAAgB,CAChB,gBAAiB,CACjB,kBAAmB,CACnB,eACJ,CACA,mEACI,cACJ,CACA,uEACI,aACJ,CACA,mJAEI,cAAe,CACf,kBACJ,CACA,4EACI,kBAAmB,CACnB,iBACJ,CACA,mFAEI,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,KAAM,CACN,UACJ,CACA,kFAEI,eAAgB,CAChB,kBAAmB,CACnB,kBAAmB,CACnB,eACJ,CACA,42BA8BI,YACJ,CACA,4DACI,mBACJ,CACA,8DACI,kBACJ,CACA,sDACI,yCAA6C,CAC7C,0BACJ,CACA,yBACI,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,aAKJ,CACA,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,gBAKJ,CACA,0EAOI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,aAKJ,CAOA,kGAFI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eASJ,CANA,6CAKI,aACJ,CACA,wCAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,mEAGI,aAAc,CAFd,cAAe,CACf,eAEJ,CACA,oEACI,cAAe,CACf,eACJ,CACA,+DACI,gBAAiB,CACjB,eACJ,CACA,uCACI,6BACJ,CACA,sCACI,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,cAAe,CACf,eAAgB,CAGhB,aAAc,CAFd,YAAa,CACb,eAEJ,CACA,6CAEI,6BAA8B,CAD9B,kBAEJ,CACJ,CACA,gDACI,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,aAKJ,CACA,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,gBAKJ,CACA,0EAOI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,gBAKJ,CAOA,kGAFI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eASJ,CANA,6CAKI,aACJ,CACA,wCAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,mEAGI,aAAc,CAFd,cAAe,CACf,eAEJ,CACA,oEACI,cAAe,CACf,eACJ,CACA,+DACI,gBAAiB,CACjB,eACJ,CACA,uCACI,6BACJ,CACA,sCACI,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,cAAe,CACf,eAAgB,CAGhB,aAAc,CAFd,YAAa,CACb,eAEJ,CACA,6CAEI,6BAA8B,CAD9B,kBAEJ,CACJ,CACA,0BACI,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,aAKJ,CACA,qCAMI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,gBAKJ,CACA,0EAOI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CAHf,eAAgB,CAIhB,eAAgB,CAHhB,gBAKJ,CAOA,kGAFI,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eASJ,CANA,6CAKI,aACJ,CACA,wCAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,mEAGI,aAAc,CAFd,cAAe,CACf,eAEJ,CACA,oEACI,cAAe,CACf,eACJ,CACA,+DACI,gBAAiB,CACjB,eACJ,CACA,uCACI,6BACJ,CACA,sCACI,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CACd,cAAe,CACf,eAAgB,CAGhB,aAAc,CAFd,YAAa,CACb,eAEJ,CACA,6CAEI,6BAA8B,CAD9B,kBAEJ,CACJ,CACA,iDACI,aACJ,CACA,wDACI,iBACJ,CACA,sDAEI,mBAAoB,CADpB,gBAEJ,CACA,uGAEI,cAAe,CACf,kBACJ,CACA,4DACI,aACJ,CC1WA,sBAAA,qFAGI,aAAc,CACd,cAAe,CACf,gBAAiB,CACjB,aAAc,CACd,eACJ,CACA,gGAII,aAAc,CACd,cAAe,CACf,gBAAiB,CACjB,kBAAmB,CACnB,YACJ,CAIA,2GAII,eACJ,CACA,mGAII,cACJ,CACA,iHAII,aAAc,CACd,cAAe,CACf,gBACJ,CACA,qVAeI,wBAA6B,CAC7B,cAAe,CACf,gBAAiB,CACjB,eACJ,CACA,gGAEI,kBAAmB,CACnB,aAAc,CACd,cAAe,CACf,cACJ,CACA,2GAGI,QAAS,CACT,cACJ,CACA,8GAII,gBACJ,CACA,yHAKI,eACJ,CACA,qJAMI,cAAe,CACf,eAAgB,CAChB,QACJ,CACA,gFAII,gBAAiB,CACjB,iBAAkB,CAClB,eACJ,CACA,2FAGI,aAAc,CACd,cAAe,CACf,cACJ,CACA,sGAII,QAAS,CACT,cACJ,CACA,iEACI,QACJ,CACA,+DACI,aACJ,CACA,iFAII,uCAAwC,CADxC,oCAEJ,CACA,0EACI,QACJ,CACA,+GAII,gBAAiB,CACjB,SACJ,CACA,kHAMI,kBAAmB,CADnB,iBAEJ,CACA,kEACI,QAAS,CACT,iBACJ,CACA,qEACI,uBAAwB,CACxB,kBACJ,CACA,wXAgBI,gBACJ,CACA,yBACI,+DACI,cACJ,CAyBA,sSAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,+EAII,aAAc,CACd,cAAe,CACf,eAAgB,CAChB,eACJ,CACJ,CACA,gDACI,+DACI,eACJ,CAyBA,sSAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,+EAII,aAAc,CACd,cAAe,CACf,eAAgB,CAChB,eACJ,CACJ,CACA,0BACI,+DACI,eACJ,CAyBA,sSAII,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,eAEJ,CACA,+EAII,aAAc,CACd,cAAe,CACf,eAAgB,CAChB,eACJ,CACJ,CACA,0EACI,aAAc,CACd,cAAe,CACf,cACJ,CACA,qFAGI,QAAS,CACT,cACJ,CACA,wFAII,gBACJ,CACA,mGAKI,eACJ,CACA,+HAMI,cAAe,CACf,eAAgB,CAChB,QACJ,CCrVA,SACI,iBACJ,CACA,kCACI,eACJ,CACA,WACI,wBAAyB,CACzB,gBACJ,CACA,kBACI,wBACJ,CACA,SACI,wBAAyB,CACzB,gBACJ,CACA,aAGI,MAAO,CAFP,iBAAkB,CAClB,KAEJ,CACA,yBAQI,cAAe,CANf,eAOJ,CACA,2BACI,eACJ,CACA,oPAII,qBAAsB,CACtB,UACJ,CACA,gPAII,qBAAsB,CACtB,UACJ,CAOA,+TACI,gBACJ,CACA,iCACI,2BAA+B,CAE/B,cAAe,CADf,eAAgB,CAEhB,gBAAiB,CACjB,aACJ,CACA,kDACI,cAAe,CACf,gBACJ,CACA,oCACI,aAAc,CACd,8BAAgC,CAEhC,cAAe,CAEf,iBAAkB,CAHlB,eAAgB,CAEhB,gBAEJ,CACA,+HAKI,eACJ,CACA,8EAII,oBAAqB,CADrB,iBAEJ,CACA,iCACI,kBAAmB,CACnB,gBACJ,CACA,8BACI,eACJ,CACA,6BACI,yCAA6C,CAC7C,0BACJ,CACA,yCACI,iBAAkB,CAElB,aAAc,CADd,oBAEJ,CACA,gCACI,qBAAsB,CACtB,iBAAkB,CAClB,oBAAqB,CACrB,aACJ,CACA,sCACI,QAAS,CACT,cAAe,CACf,iBAAkB,CAClB,UACJ,CACA,qCACI,UAAW,CACX,cACJ,CACA,iCACI,wBAAyB,CACzB,iBAAkB,CAClB,QAAS,CACT,aAAc,CACd,iBAAkB,CAClB,UACJ,CACA,+CACI,wBAAyB,CACzB,iBACJ,CACA,sCACI,UACJ,CACA,uCACI,UACJ,CACA,wCACI,UACJ,CACA,8DACI,qBAAsB,CACtB,iBAAkB,CAClB,oBAAqB,CAGrB,WAAY,CACZ,YAAa,CAHb,WAAgB,CAChB,UAGJ,CACA,kEACI,WACJ,CACA,sCACI,iBACJ,CACA,wGAGI,kBACJ,CACA,oEAEI,yBAA2B,CAC3B,eACJ,CACA,8BACI,aAAc,CACd,aAAc,CAEd,sBAAuB,CADvB,wBAEJ,CACA,8GAEI,oBAAqB,CACrB,iBACJ,CACA,oJAOI,MAAO,CAFP,iBAAkB,CAClB,KAEJ,CACA,wCACI,iBAAkB,CAClB,UAGJ,CACA,2DAKI,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAEJ,CAGA,8CACI,cAAe,CACf,kBACJ,CACA,kGAEI,gBAAiB,CACjB,eACJ,CACA,8HAEI,iBACJ,CACA,4HAEI,gBACJ,CACA,iDACI,4BAA6B,CAC7B,eAAiB,CACjB,kBACJ,CACA,mEACI,wBACJ,CACA,8DACI,oBACJ,CACA,oEACI,gBAAiB,CACjB,iBACJ,CACA,6DAEI,gBAAiB,CADjB,iBAEJ,CACA,gFAII,4BACJ,CACA,4HAEI,cACJ,CAYA,wCACI,wBAAyB,CACzB,aACJ,CACA,iDACI,wBACJ,CACA,sFAEI,YAAa,CACb,eACJ,CACA,kHAEI,iBACJ,CACA,gHAEI,gBACJ,CACA,2CACI,eACJ,CACA,2CACI,eACJ,CDyDA,CCtVA,sBA8RA,yBACI,wCAEI,eAAgB,CADhB,UAEJ,CACA,iDACI,aAAc,CACd,cACJ,CACJ,CACA,wDACI,oBACJ,CACA,uDAEI,gBAAiB,CADjB,iBAEJ,CAEA,uBACI,sBAAuB,CACvB,qBACJ,CACA,yIAII,wBAA0B,CAD1B,yBAEJ,CCzTA,uBACI,eACJ,CACA,qCACI,aACJ,CACA,iCACI,iBACJ,CACA,6BACI,WACJ,CAGA,qFAKI,aACJ,CACA,oFAKI,UAAW,CACX,eACJ,CC5BA,oDACI,iBACJ,CACA,gCACI,oBAAqB,CACrB,qBACJ,CACA,oDACI,WACJ,CCTA,mBACI,uCAGI,4BACI,YACJ,CAIA,iCACI,eACJ,CACJ,CACJ,CH4SA,CI1TA,sBAAA,2CACI,iBACJ,CACA,qGAEI,iBACJ,CCNA,yCAGI,eAAgB,CAChB,gBAAiB,CAHjB,iBAAkB,CAClB,UAGJ,CACA,wDACI,6BAA8B,CAC9B,aACJ,CACA,0DACI,6BAA8B,CAC9B,aACJ,CACA,qDACI,cAAe,CAIf,UAAW,CAHX,iBAAkB,CAIlB,iBAAkB,CAHlB,OAAQ,CACR,mBAAoB,CAGpB,UACJ,CCtBA,kCACI,iBAAkB,CAClB,UACJ,CACA,8CACI,cAAe,CAIf,iBAAkB,CAHlB,iBAAkB,CAClB,OAAQ,CACR,mBAEJ,CCRA,sBACI,kBACJ,CACA,2CACI,iBACJ,CAEA,sDACI,cACJ,CACA,6CACI,4DAA6D,CAC7D,iBAAkB,CAClB,iBACJ,CACA,wDACI,wCAAyC,CACzC,gDAAiD,CAEjD,cAAe,CADf,kBAEJ,CACA,iDACI,4CAA6C,CAC7C,oDACJ,CACA,8DAEI,QACJ,CAIA,yCACI,eAAgB,CAChB,iBACJ,CACA,2DACI,yDACJ,CACA,kFAEI,cACJ,CACA,4EAEI,cACJ,CAEA,mDAII,aAAc,CADd,WAAY,CADZ,cAAe,CADf,eAIJ,CAQA,+EACI,qBACJ,CCjEA,qDACI,iBACJ,CACA,sIAKI,QAAS,CACT,MAAO,CAFP,iBAGJ,CACA,iCACI,SACJ,CACA,yDACI,YAAa,CACb,6BAA+B,CAC/B,wBAA8B,CAC9B,YAAa,CACb,UAAW,CACX,QAAS,CAET,iBAAkB,CADlB,0BAA2B,CAE3B,SACJ,CACA,0CACI,YACJ,CACA,kDAEI,qBAAyB,CACzB,iBAAkB,CAClB,WAAY,CAHZ,oBAAqB,CAIrB,QAAS,CAKT,cAAe,CAHf,WAAY,CACZ,iBAAkB,CAGlB,iBAAkB,CALlB,0BAA2B,CAG3B,kBAGJ,CACA,gEACI,uBACJ,CACA,6CACI,uBACJ,CC9CA,0EACI,QACJ,CLKA,CKPA,sBAGA,yBAKI,0KAGI,UACJ,CACJ,CACA,iGAEI,aACJ,CACA,yIAKI,uBAAyB,CACzB,0BAA6B,CAC7B,4BACJ,CACA,qHAGI,SACJ,CACA,mIAII,0BAA6B,CAC7B,4BACJ,CACA,gLAMI,2BACJ,CCzCA,sCACI,QACJ,CCPA,8DAEI,oBAAqB,CACrB,sBAAuB,CACvB,kBACJ,CACA,+BACI,sBACJ,CACA,8BACI,QACJ,CACA,8BACI,kBAAmB,CACnB,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,UACJ,CACA,4BACI,kBACJ,CACA,gCAGI,4BAAwB,CAFxB,sBAAkB,CAClB,uBAAmB,CADnB,uBAAkB,CAClB,wBAAmB,CAEnB,yBAAqB,CACrB,eAAgB,CAChB,iBAAkB,CAClB,SACJ,CACA,6CACI,iBAAkB,CAClB,qBAAsB,CACtB,oBAAqB,CACrB,QACJ,CACA,8CACI,iBAAkB,CAClB,mBAAoB,CACpB,sBAAuB,CACvB,gBACJ,CACA,oDAEI,WAAY,CACZ,eAAgB,CAChB,qBAAsB,CACtB,UAAW,CACX,SAAU,CACV,iBACJ,CACA,oEAEI,kBACJ,CACA,gEAEI,WAAY,CACZ,YACJ,CACA,4EAEI,kBACJ,CACA,4HAGI,oBACJ,CACA,yCACI,eACJ,CACA,0EAEI,eAAgB,CAChB,aAAc,CACd,eACJ,CACA,0FAEI,eACJ,CACA,0CACI,aACJ,CACA,wCACI,iBACJ,CACA,gDACI,kBACJ,CACA,8CACI,WACJ,CC/FA,yBACI,iBACJ,CACA,6BACI,iBACJ,CACA,6BACI,SACJ,CACA,0DACI,UACJ,CCXA,6BAII,eAAgB,CADhB,aAAc,CAFd,cAAe,CACf,gBAGJ,CACA,gCACI,oBAAqB,CACrB,gBACJ,CACA,oCACI,eACJ,CACA,gCACI,iBACJ,CCfA,SAGI,qBAAsB,CACtB,QAAS,CACT,SAAU,CAJV,iBAAkB,CAKlB,UAEJ,CACA,0CAKI,qBAAsB,CAEtB,YAAa,CACb,gBAAiB,CAPjB,aAAc,CACd,eAAgB,CAOhB,eAAgB,CANhB,YAAa,CAOb,kBAAmB,CAJnB,UAMJ,CACA,eAEI,cAAe,CAKf,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CARvB,cAAe,CAEf,iBAAkB,CAClB,wBAAyB,CACzB,gBAAiB,CACjB,UAIJ,CACA,+CACI,WACJ,CACA,6CACI,WACJ,CACA,2BACI,SACJ,CACA,kDACI,eAAgB,CAChB,cACJ,CACA,iCAII,qBAAsB,CAEtB,YAAa,CACb,gBAAiB,CALjB,aAAgB,CAMhB,eAAgB,CAPhB,SAAU,CAQV,kBAAmB,CAJnB,UAMJ,CACA,uBACI,QACJ,CACA,oBAGI,qBAAsB,CACtB,QAAS,CACT,SAAU,CAJV,UAMJ,CACA,sCAEI,oBAAqB,CADrB,aAAc,CAEd,UACJ,CACA,oCACI,UAAW,CACX,iBACJ,CACA,sDACI,cACJ,CACA,uEAEI,qBAAsB,CACtB,UAAW,CACX,aACJ,CACA,+BAEI,QAAS,CADT,wBAEJ,CACA,wCACI,YAAa,CAEb,gBAAiB,CADjB,YAEJ,CACA,mDACI,qBAAsB,CAEtB,eAAgB,CADhB,eAEJ,CACA,qDACI,qBACJ,CCvGA,wDAEI,iBACJ,CACA,oCACI,wBACJ,CACA,oBACI,qBAAyB,CACzB,iBAAkB,CAClB,WACJ,CACA,kBACI,cACJ,CACA,wCACI,yBAA2B,CAC3B,iBACJ,CACA,qEACI,aACJ,CCrBA,iEAEI,eAAgB,CAEhB,gBAA6B,CAA7B,2BAA6B,CAC7B,yBACJ,CACA,yBACI,qBAAsB,CAEtB,wBAA4B,CAA5B,2BAA4B,CAC5B,iBAAkB,CAClB,cAAe,CACf,iBACJ,CACA,qCACI,eAAgB,CAChB,qBACJ,CACA,mCACI,eAAgB,CAChB,sBAAuB,CACvB,WACJ,CACA,yCACI,iBAAkB,CAClB,eACJ,CACA,kCACI,wBAAyB,CAEzB,kBAAoB,CADpB,UAEJ,CACA,+BACI,YACJ,CACA,qCAEI,qBAAsB,CAEtB,wBAA4B,CAA5B,2BAA4B,CAC5B,iBAAkB,CAJlB,WAAY,CAKZ,WAAY,CAIZ,QAAS,CACT,iBAAkB,CAFlB,OAAQ,CAFR,UAAW,CACX,UAIJ,CACA,+BACI,mBAAqB,CACrB,0BACJ,CACA,gCACI,QACJ,CACA,qDACI,UAAW,CACX,oBAAqB,CACrB,WAAY,CACZ,qBACJ,CACA,kDACI,oBAAqB,CACrB,cAAe,CACf,cAAe,CACf,qBACJ,CACA,2DACI,qBACJ,CCtEA,qEAGI,wBAAyB,CADzB,gBAAiB,CADjB,eAGJ,CACA,wEACI,WACJ,CACA,gJAGI,qBAAmB,CAAnB,kBACJ,CACA,wKAMI,aACJ,CACA,sKAMI,cACJ,CACA,wEAKI,4BAA8B,CAJ9B,eAAmB,CACnB,WAAY,CAEZ,eAAgB,CADhB,UAGJ,CACA,mFAII,QACJ,CACA,wEACI,aACJ,CACA,6FAKI,eACJ,CACA,8DACI,UACJ,CACA,oFAII,WACJ,CC3DA,6CACI,mBACJ,CAEA,2CACI,iDAAyD,CACzD,mBACJ,CAIA,wCACI,cACJ,CACA,8CACI,oBAAqB,CACrB,qBACJ,CACA,uCACI,aACJ,CAGA,uFAEI,oBACJ,CAGA,uMAII,aAAc,CACd,qCAAsC,CACtC,UACJ,CAEA,mGAEI,kBAAmB,CAEnB,sCAAuC,CADvC,uCAEJ,CAEA,oGAEI,gBAAiB,CACjB,sCAAuC,CACvC,uCACJ,CAGA,2LAKI,oBAAqB,CADrB,UAAW,CAEX,cAAe,CAGf,cAAe,CACf,eAAgB,CAFhB,qCAAsC,CADtC,UAIJ,CAUA,+KACI,mCAAoC,CACpC,kBACJ,CAgBA,shBAUI,eACJ,CCvGA,4CACI,6BAA8B,CAC9B,iBAAkB,CAClB,iBACJ,CACA,kDACI,yBAA0B,CAC1B,YACJ,CACA,qGAII,UAAW,CAFX,UAAW,CACX,aAEJ,CACA,0DAEI,kBAAmB,CADnB,YAEJ,CACA,sDACI,kBACJ,CVwBA,CU/CA,sBAwBA,yBACI,sDACI,eACJ,CACJ,CACA,oBACI,aAAc,CACd,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CACX,kBACJ,CACA,4CACI,aACJ,CACA,yCACI,aACJ,CACA,8CACI,aACJ,CACA,4CACI,aACJ,CACA,+CACI,aACJ,CACA,8CACI,aACJ,CACA,uCACI,aACJ,CACA,8EACI,aACJ,CACA,yBACI,8EAGI,YACJ,CACJ,CAKA,mIAEI,QACJ,CACA,mDACI,4BAA6B,CAG7B,YAAa,CAGb,aAAc,CALd,cAAe,CACf,eAKJ,CACA,8DACI,gBACJ,CACA,kEACI,WACJ,CACA,8DACI,cACJ,CACA,sEACI,aACJ,CACA,kEACI,QACJ,CACA,uEACI,gCACJ,CACA,uDACI,kBACJ,CACA,yFAGI,eACJ,CACA,oBACI,mCAA0C,CAE1C,qBAAsB,CADtB,iBAAkB,CAElB,qBAAsB,CACtB,cAAe,CACf,WAAY,CACZ,WACJ,CACA,6BACI,SAAU,CACV,iBAAkB,CAClB,QAAS,CACT,SACJ,CACA,YAOI,qBAAuB,CADvB,wBAAyB,CAEzB,iBAAkB,CAPlB,aAAc,CACd,UAAW,CAEX,WAAY,CACZ,UAAW,CAFX,UAMJ,CACA,kBAEI,wBAAyB,CADzB,cAEJ,CACA,kBACI,wBAAyB,CACzB,YACJ,CACA,gBACI,YACJ,CACA,4BACI,YACJ,CACA,2BACI,eACJ,CACA,uBACI,qBACJ,CACA,eACI,kBAAmB,CACnB,oBAAqB,CACrB,iBAAkB,CAElB,kBAAmB,CADnB,YAEJ,CACA,yBACI,6BACI,aACJ,CACA,0DACI,QACJ,CAGA,oCACI,cACJ,CAJJ,CAMA,CChLA,kBACI,mBAAqB,CACrB,wCAAyC,CAKzC,aAAc,CACd,oBAAqB,CACrB,yCAA8C,CAC9C,gBAAiB,CACjB,aAAc,CACd,kBAAmB,CACnB,mBAAsB,CACtB,eAAgB,CAChB,UACJ,CAEA,mCACI,0CAA2C,CAC3C,aACJ,CAEA,mCACI,gBACJ,CAEA,mCACI,UACJ,CC9BA,kBACI,kBAAmB,CACnB,YAAa,CACb,kBAAmB,CACnB,SAAW,CACX,cAAe,CAEf,iBAAkB,CAClB,UACJ,CCTA,kBACI,uCAAwC,CACxC,eAAgB,CAChB,yDAA0D,CAC1D,6FACsD,CACtD,6DAA8D,CAC9D,cAAe,CACf,sCAAuC,CACvC,4DAA6D,CAC7D,sCAAuC,CACvC,oDAAqD,CACrD,mDAAoD,CACpD,2EAA4E,CAC5E,gBAAiB,CACjB,SAAU,CAIV,cAAe,CACf,mDACJ,CAEA,8CACI,kBACI,uDAIJ,CACJ,CAYA,kJAGI,wCAAyC,CACzC,uCACJ,CAGA,qCACI;;KAEC,CACD,cAAe,CACf,8DACJ,CAGA,kBAaI,0BAAgC,CADhC,oCAA2C,CAE3C,yBACJ,CAEA,oCAEI,cACJ,CAEA,gDAEI,YACJ,CAEA,qCACI,uEAAwE,CACxE,8DAA+D,CAC/D,2DACJ,CAEA,kBACI,yDAA0D,CAC1D,gEAAiE,CACjE,4DACJ,CAEA,kBAYI,mBACJ,CAEA,kBACI,uCACJ,CCnHA,mBAKI,6BACI,iBAAkB,CAClB,mBAAoB,CACpB,mBACJ,CAEA,kBACI,oFAEI,gEACJ,CACJ,CACJ,CAEA,kBACI,uCAAwC,CACxC;;KAEC,CACD;;KAEC,CACD;;KAEC,CACD,gDAAiD,CACjD,4CAA6C,CAC7C,sCAAuC,CACvC,oDAAqD,CACrD,6DAA8D,CAC9D,yDAA4D,CAC5D,gHACyE,CACzE,qDAAwD,CACxD,8CAA+C,CAC/C,iBAAkB,CAClB,UACJ,CAEA,wBACI,cACJ,CAEA,yEACI,gEACJ,CAEA,6BAII,aAAc,CAHd,iBAAkB,CAClB,mBAAoB,CACpB,mBAEJ,CAEA,8CACI,kBACI,oBACJ,CACJ,CAOA,iDAEI,6DAA8D,CAC9D,UAAW,CACX,aAAc,CACd,mDAAoD,CACpD,mEAEC,CACD,iBAAkB,CAClB,UAAW,CACX,SACJ,CAEA,yBACI,8IAWJ,CAEA,wBACI,iJAWJ,CAEA,wIAII,UACJ,CAGA,gCACI,+DACJ,CAYA,uHAEI,qEAAsE,CACtE;;KAGJ,CAMA,kBACI,yCAA0C,CAC1C;;KAEC,CACD,4DACJ,CAEA,kBACI,4DACJ,CAEA,gDAEI,cACJ,CASA,iDACI,yCACJ,CAOA,sDACI,yCACJ,CAOA,sJASI,cACJ,CAEA,wBACI,qBACJ,CAeA,iCACI,qBACJ,CAGA,8HAEI,aACJ,CAGA,6DACI,oBACJ,CCtOA,kBAII,2DAA4D,CAC5D;;KAEC,CACD,+CAAgD,CAEhD,6JAGC,CACD,qIAGC,CACD,8CAA+C,CAC/C;;KAGC,CAED,qBAAsB,CACtB,cAAe,CACf,yDAA0D,CAI1D,uBACJ,CAEA,kBAEI,eAAgB,CAChB,QAAS,CACT,qBAAsB,CAHtB,SAAU,CAKV,oBAAqB,CADrB,UAEJ,CAEA,2BACI,+CACJ,CAYA,yBACI,idAeC,CACD,UAAW,CACX,aAAc,CACd,WAAY,CACZ,cAAe,CACf,UACJ,CAEA,kBACI,YAAa,CACb,qBAAsB,CACtB,6BAA8B,CAC9B,iEAAkE,CAClE,iBAAkB,CAClB,UACJ,CAEA,8CACI,kBACI,oBACJ,CACJ,CAEA,kBAEI,4DAA6D,CAD7D,aAAc,CAId,mBAAoB,CAFpB,gBAAiB,CAGjB,iBAAkB,CAClB,eAAiB,CAHjB,gBAAiB,CAIjB,0CACJ,CAEA,kBACI,yCAA0C,CAC1C,wCAAyC,CACzC,iDACJ,CAEA,mCACI,6DACJ,CAEA,oCAEI,YAAa,CACb,qBAAsB,CACtB,6BACJ,CAEA,+CAEI,QACJ,CAEA,4DAEI,YACJ,CAEA,kBACI,6IAIJ,CC1IA,kBAEI,kBAAmB,CADnB,gEAEJ,CAEA,4EAKI,+EAEJ,CAEA,kBACI,4DAA6D,CAC7D,yCAA0C,CAC1C,wCAAyC,CACzC,iDACJ,CCfA,kBACI,WAAY,CACZ,mBAAoB,CACpB,kBAAoB,CACpB,kBAAoB,CACpB,kBACJ,CAEA,kBACI,wBAA2B,CAC3B,mBAAoB,CACpB,iBACJ,CAEA,kBACI,yBAA0B,CAC1B,sBAAuB,CACvB,eAAgB,CAChB,YAAa,CACb,WAAY,CACZ,gBAAiB,CACjB,iBACJ,CAEA,kBACI,qBAAsB,CACtB,yBAA0B,CAC1B,sBAAuB,CAKvB,oBAAqB,CACrB,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,mBAAoB,CACpB,mBAAoB,CACpB,kBACJ,CAEA,kBACI,eACJ,CAEA,kBACI,4CAA6C,CAC7C,mBAAoB,CAMpB,mBAAqB,CACrB,eAAgB,CAChB,kBACJ,CAEA,8CACI,kBACI,2GAMJ,CAEA,kBACI,qFAKJ,CACJ,CC/EA,MAEI,yDAA4D,CAC5D,gEAAmE,CAEnE,0BAA2B,CAC3B,yCACJ,CAEA,kBAEI,+FACsD,CACtD,6CAA8C,CAH9C,iBAKJ,CAEA,oCAHI,2CAUJ,CAPA,kBAKI,kGACsD,CALtD,YAAa,CACb,kBAAmB,CACnB,4CAIJ,CAEA,kBACI,YAAa,CAEb,sBAAuB,CADvB,UAEJ,CAEA,kBAEI,kBAAmB,CADnB,YAAa,CAKb,kBAAqB,CAFrB,8CAGJ,CAEA,kBAII,uGACsD,CAJtD,YAAa,CACb,kBAAmB,CACnB,gCAAiC,CAOjC,4CAA6C,CAD7C,yCAA0C,CAH1C,iCAAkC,CAClC,oBAIJ,CAEA,kBAGI,kBAAmB,CAEnB,uEAAwE,CAJxE,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CAGvB,oCAAqC,CADrC,UAEJ,CAEA,sBACI,qEACJ,CAEA,kBACI,YAAa,CACb,qBAAsB,CAGtB,eAAgB,CAChB,uCAAwC,CAFxC,wCAAyC,CADzC,8CAIJ,CAEA,kBACI,2CACJ,CAEA,kBACI,2CACJ,CAEA,kBACI,0CACJ,CAKA,yBACI,kBACI,qBAAsB,CAKtB,WAAY,CAJZ,gDAAiD,CAGjD,eAAgB,CADhB,SAGJ,CAEA,kBACI,WACJ,CAEA,kBACI,sCAAuC,CAGvC,kBAAmB,CAFnB,iCAAkC,CAClC,UAEJ,CACJ,CChHA,sCACI,WAAY,CAGZ,kBAAmB,CACnB,kCACJ,CAEA,4CACI,oBACJ,CAEA,gDACI,SAAU,CACV,uBAAwB,CACxB,cAAe,CAKf,qBACJ,CAEA,gDACI,qBAAsB,CACtB,WACJ,CC1BA,UAWE,cAAgB,CAChB,cAAgB,CAEhB,kCAAmC,CACnC,sBAAuB,CACvB,iCAAmC,CACnC,4BAA6B,CAC7B,kCAAmC,CAEnC,kBAAmB,CACnB,qBAAsB,CACtB,qBAAsB,CACtB,oBAAqB,CACrB,mBAAoB,CACpB,qBAAsB,CACtB,qBAAsB,CACtB,mBAAoB,CAzBpB,yBAA0B,CAD1B,aAAc,CAKd,mBAAoB,CACpB,iCAAkC,CAElC,SAAU,CANV,eAAgB,CAKhB,iBAAkB,CAJlB,wBAAyB,CACzB,gBAuBF,CAEA,eACE,mBAAoB,CACpB,cACF,CAEA,eACE,qBACF,CAEA,wBACE,iBAAkB,CAClB,yBACF,CAEA,uCACE,gBACE,iBAAkB,CAClB,yBACF,CACF,CAEA,aAEE,gBAAiB,CACjB,qBAAsB,CACtB,kBAAoB,CACpB,qBAAsB,CAJtB,kBAKF,CAEA,oBACE,WAAY,CACZ,iBACF,CAEA,6BACE,eACF,CAEA,0BACE,SACF,CAEA,sBACE,SAAU,CACV,WACF,CAEA,2BACE,gBACF,CAEA,0BACE,iCAAkC,CAClC,cAAe,CACf,gBAAiB,CACjB,SAAU,CACV,kCACF,CAEA,yBACE,+BAAgC,CAChC,gBAAkB,CAClB,WAAY,CACZ,qBACF,CAEA,0BACE,+BAAgC,CAChC,qBACF,CAIA,gHAEE,4CACF,CAEA,8GAEE,4CACF,CAEA,yEACE,gCACF,CAIA,4DACE,gBACF,CCrHA,UACI,qBAAsB,CACtB,iBAA0B,CAG1B,oCAAyC,CAGzC,4BAA6B,CAE7B,mBAAoB,CACpB,kBAAmB,CACnB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CAQtB,qBAAgD,CAGhD,sCAAuC,CACvC,iCAAkC,CAClC,0EAA2E,CAC3E,wEAAyE,CACzE,mCAAoC,CACpC,qCAAsC,CAEtC,gCAAiC,CACjC,uCAAwC,CACxC,0BACJ,CAEA,cAEI,aAAc,CACd,gBACJ,CAEA,gDAEI,qEACJ,CAEA,qDAEI,YACJ,CAEA,yFAGI,kBACJ,CAEA,kEACI,uBAAwB,CACxB,iBACJ,CAEA,sEACI,WAAa,CACb,gBACJ,CAEA,yBAKI,uCAAwC,CAJxC,WAAY,CAEZ,YAAa,CADb,iBAIJ,CAEA,iDACI,eACJ,CAEA,qEACI,SACJ,CAEA,gCACI,gBACJ,CAEA,0GAOI,gDAGJ,CAEA,gCACI,oCACJ,CAEA,8BACI,kCAAmC,CACnC,+BAAgC,CAEhC,mCAAoC,CADpC,WAEJ,CAEA,8BACI,kCAAmC,CACnC,SACJ,CAEA,qDACI,iFAIJ,CAEA,mDACI,+EAGJ,CAEA,mDACI,+EAGJ,CAEA,sDAEI,iFAGC,CACD,gBAAiB,CACjB,SAAU,CACV,uBAAwB,CAPxB,iBAQJ,CAEA,4DACI,wHAIJ,CAMA,yDACI,YACJ,CAEA,uFAGI,kBACJ,CAEA,0BACI,WACJ,CAEA,kCACI,gBAAiB,CACjB,gBACJ,CAEA,wCACI,qBAAsB,CACtB,gBACJ,CAEA,mDACI,eAAgB,CAChB,YACJ,CAEA,sCAEI,uBAAwB,CACxB,gBAAiB,CACjB,gBAAiB,CAHjB,iBAIJ,CAEA,gCACI,YACJ,CAEA,oDACI,kBACJ,CAEA,iDACI,WAAY,CACZ,gBACJ,CAEA,qDACI,SAAU,CACV,QACJ,CAEA,WACI,uBAAwB,CACxB,wFAEJ,CAEA,oBACI,yBACJ,CAEA,iCACI,uBAAwB,CACxB,iBACJ,CAEA,4BACI,yBAA0B,CAC1B,iBACJ,CAEA,2BAGI,WAAY,CACZ,gBAAiB,CAFjB,6CAAoD,CAGpD,uBACJ,CAEA,qBACI,WAAa,CACb,gBACJ,CAEA,cACI,QAAS,CAET,eAAgB,CADhB,OAEJ","file":"index.css","sourcesContent":[".contentWrapper {\n /* Undo the ModalContent padding so that the image takes up the whole modal. */\n margin-block: calc(-1 * var(--wb-c-modal-panel-layout-gap-default));\n margin-inline: calc(-1 * var(--wb-c-modal-panel-layout-gap-default));\n /* Remove inline spacing that creates a 1px gap below images */\n line-height: 0;\n}\n\n@media (max-width: 767px) {\n .contentWrapper {\n /* Smaller screens have a smaller inline gap */\n margin-inline: calc(-1 * var(--wb-c-modal-panel-layout-gap-small));\n /* On mobile, allow the image to fill the entire viewport */\n max-width: 100vw;\n max-height: 100vh;\n }\n}\n","@layer libraries, perseus-legacy;\n\n@import \"./util.css\" layer(perseus-legacy);\n@import \"./styles.css\"; /* These styles are needed in the shared layer to override element selectors that are provided in the shared layer by frontend apps */\n@import \"./paragraph-styles.css\" layer(perseus-legacy);\n@import \"./perseus-renderer-part-1.css\" layer(perseus-legacy);\n@import \"widgets/categorizer.css\" layer(perseus-legacy);\n@import \"widgets/dropdown.css\" layer(perseus-legacy);\n@import \"widgets/expression.css\" layer(perseus-legacy);\n@import \"widgets/free-response.css\" layer(perseus-legacy);\n@import \"widgets/grapher.css\" layer(perseus-legacy);\n@import \"widgets/graded-group.css\" layer(perseus-legacy);\n@import \"widgets/group.css\" layer(perseus-legacy);\n@import \"widgets/image.css\" layer(perseus-legacy);\n@import \"widgets/interactive-graph.css\" layer(perseus-legacy);\n@import \"widgets/label-image.css\" layer(perseus-legacy);\n@import \"widgets/matcher.css\" layer(perseus-legacy);\n@import \"widgets/matrix.css\" layer(perseus-legacy);\n@import \"widgets/measurer.css\" layer(perseus-legacy);\n@import \"widgets/numeric.css\" layer(perseus-legacy);\n@import \"widgets/orderer.css\" layer(perseus-legacy);\n@import \"widgets/plotter.css\" layer(perseus-legacy);\n@import \"widgets/sortable.css\" layer(perseus-legacy);\n@import \"widgets/table.css\" layer(perseus-legacy);\n@import \"widget-container.css\" layer(perseus-legacy);\n@import \"./perseus-renderer-part-2.css\" layer(perseus-legacy);\n/*\n This file replicates the definition order of our styling when it was in LESS format.\n The styling in the original perseus-renderer.less had import statements interspersed among style definitions\n (which you can't do in regular CSS - https://developer.mozilla.org/en-US/docs/Web/CSS/@import).\n Therefore, the definitions are broken out into two separate CSS files (-part-1.css and -part-2.css)\n and the import order is structured to mirror the original file.\n */\n",".perseus-sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n font-size: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n.perseus-clearfix:before,\n.perseus-clearfix:after {\n content: \"\";\n display: table;\n}\n.perseus-clearfix:after {\n clear: both;\n}\n",".framework-perseus code {\n font-family: Courier, monospace;\n}\n.framework-perseus pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) table {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin-bottom: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h2 {\n font-family: inherit;\n font-size: 30px;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 16px;\n margin-top: 48px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h3 {\n font-family: inherit;\n font-size: 26px;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 16px;\n margin-top: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h4,\n.framework-perseus.perseus-article:not(.perseus-mobile) h5,\n.framework-perseus.perseus-article:not(.perseus-mobile) h6 {\n font-family: inherit;\n font-size: 22px;\n font-weight: 700;\n line-height: 25px;\n margin-bottom: 16px;\n margin-top: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) blockquote {\n padding: 0 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .MathJax .math {\n color: inherit;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .unresponsive-svg-image,\n.framework-perseus.perseus-article:not(.perseus-mobile) .svg-image {\n font-size: 14px;\n line-height: 19.6px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-block-math {\n margin-bottom: 32px;\n position: relative;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-block-math:before {\n bottom: 0;\n content: \"\";\n position: absolute;\n right: 0;\n top: 0;\n width: 30px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-block-math-inner {\n overflow-x: auto;\n padding-bottom: 8px;\n padding-right: 20px;\n padding-top: 8px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h1:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h2:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h3:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h4:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h5:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h6:first-child {\n margin-top: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) pre {\n margin: 0 -16px 32px -16px;\n}\n.framework-perseus.perseus-mobile .clearfix > .perseus-renderer {\n margin-bottom: 32px;\n}\n.framework-perseus.perseus-mobile .perseus-block-math {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-touch-callout: none;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 24px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 24px;\n line-height: 1.2;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 22px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 21px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 21px;\n line-height: 1.5;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 18px;\n border-left: 4px solid #d8d8d8;\n }\n}\n@media (min-width: 767px) and (max-width: 1199px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 32px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 28px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 23px;\n line-height: 1.3;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 30px;\n line-height: 1.3;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 20px;\n border-left: 4px solid #d8d8d8;\n }\n}\n@media (min-width: 1200px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 35px;\n line-height: 1.1;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 32px;\n font-family: inherit;\n font-size: 35px;\n line-height: 1.1;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 25px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 30px;\n line-height: 1.3;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 20px;\n border-left: 5px solid #d8d8d8;\n }\n}\n.framework-perseus.perseus-mobile .MathJax .math {\n color: inherit;\n}\n.framework-perseus.perseus-mobile .perseus-image-widget {\n text-align: center;\n}\n.framework-perseus.perseus-mobile .perseus-block-math {\n padding-top: 16px;\n padding-bottom: 16px;\n}\n.framework-perseus.perseus-mobile .unresponsive-svg-image,\n.framework-perseus.perseus-mobile .svg-image {\n font-size: 14px;\n line-height: 19.6px;\n}\n.perseus-widget-editor-content .perseus-editor-accordion h2 {\n padding-top: 0;\n}\n",".framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin: 0 auto;\n max-width: 688px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .paragraph {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin-bottom: 32px;\n margin-top: 0;\n}\n/* Reset the Renderer margins for the image widget.\n The image widget title and caption shouldn't have margins,\n so we need to override the above styles. */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-widget\n .perseus-renderer\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n mjx-container {\n font-size: 100%;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n .paragraph,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n ol,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n ul {\n color: rgba(33, 36, 44, 0.64);\n font-size: 14px;\n line-height: 19px;\n text-align: left;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .paragraph.perseus-paragraph-full-width {\n margin-bottom: 32px;\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip {\n padding: 8px 12px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .perseus-renderer\n > .paragraph {\n margin-left: auto;\n margin-right: auto;\n max-width: 700px;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .paragraph.perseus-paragraph-full-width {\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile :not(blockquote) > div.paragraph {\n margin: 0;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n margin: 0 auto;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph:not(:first-child) {\n margin-top: var(--wb-sizing-size_240);\n margin-bottom: var(--wb-sizing-size_240);\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph > .paragraph {\n margin: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer) {\n margin: 0 0 0 1em;\n padding: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer)\n > li {\n padding-left: 10px;\n margin-bottom: 24px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n margin: 0;\n padding-left: 32px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol > li {\n list-style-type: decimal;\n margin-bottom: 24px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol ol,\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"])\n ol,\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ol\n ul:not([data-widget=\"radio\"]),\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"])\n ul:not([data-widget=\"radio\"]) {\n padding-top: 24px;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: none;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 14px;\n line-height: 1.3;\n text-align: left;\n }\n}\n@media (min-width: 767px) and (max-width: 1199px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: 512px;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 17px;\n line-height: 1.4;\n text-align: left;\n }\n}\n@media (min-width: 1200px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: 688px;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 20px;\n line-height: 1.4;\n text-align: left;\n }\n}\n.framework-perseus.perseus-mobile .paragraph.perseus-paragraph-full-width {\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip {\n padding: 8px 12px;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n}\n","#perseus {\n position: relative;\n}\n.framework-perseus.perseus-mobile {\n margin-top: 48px;\n}\n.no-select {\n -webkit-user-select: none;\n user-select: none;\n}\n.blank-background {\n background-color: #fdfdfd;\n}\n.graphie {\n -webkit-user-select: none;\n user-select: none;\n}\n.graphie svg {\n position: absolute;\n top: 0;\n left: 0;\n}\n.graphie var,\ndiv.graphie {\n white-space: pre;\n /**\n * Graphie didn't have a fixed font-size and was just using\n * the surrounding font-size. However some labels are banking on\n * specific dimensions, so we need to lock it to a specific size.\n */\n font-size: 14px;\n}\n.hint.last-hint .paragraph {\n font-weight: bold;\n}\n#answercontent input[type=\"text\"].perseus-input-size-normal,\n#answercontent input[type=\"number\"].perseus-input-size-normal,\n.framework-perseus input[type=\"text\"].perseus-input-size-normal,\n.framework-perseus input[type=\"number\"].perseus-input-size-normal {\n border: 1px solid #ccc;\n width: 80px;\n}\n#answercontent input[type=\"text\"].perseus-input-size-small,\n#answercontent input[type=\"number\"].perseus-input-size-small,\n.framework-perseus input[type=\"text\"].perseus-input-size-small,\n.framework-perseus input[type=\"number\"].perseus-input-size-small {\n border: 1px solid #ccc;\n width: 40px;\n}\n#answercontent input[type=\"text\"].perseus-input-right-align,\n#answercontent input[type=\"number\"].perseus-input-right-align,\n.framework-perseus input[type=\"text\"].perseus-input-right-align,\n.framework-perseus input[type=\"number\"].perseus-input-right-align {\n text-align: right;\n}\n.framework-perseus.perseus-mobile .perseus-input-right-align .keypad-input {\n text-align: right;\n}\n.framework-perseus div.paragraph {\n font-family: \"Lato\", sans-serif;\n font-weight: 400;\n font-size: 18px;\n line-height: 22px;\n margin: 22px 0px;\n}\n.framework-perseus .test-prep-blurb div.paragraph {\n font-size: 16px;\n line-height: 20px;\n}\n.framework-perseus div.instructions {\n display: block;\n font-family: \"Noto Serif\", serif;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n font-style: italic;\n}\n.framework-perseus\n .perseus-renderer\n > .paragraph\n > ul:not([data-widget=\"radio\"]),\n.framework-perseus .perseus-renderer > .paragraph > ol {\n margin: 0px 0px 22px 0px;\n}\n.framework-perseus\n .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer) {\n padding-left: 35px;\n list-style-type: disc;\n}\n.framework-perseus .paragraph ol {\n list-style: decimal;\n padding-left: 2em;\n}\n.framework-perseus blockquote {\n padding: 0 2.5em;\n}\n.framework-perseus .zoomable {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-touch-callout: none;\n}\n.framework-perseus sup:not(.mq-non-leaf) {\n font-size: smaller;\n vertical-align: super;\n line-height: 0;\n}\n.framework-perseus .range-input {\n border: 1px solid #ccc;\n border-radius: 5px;\n display: inline-block;\n padding: 0px 5px;\n}\n.framework-perseus .range-input > input {\n border: 0;\n display: inline;\n text-align: center;\n width: 30px;\n}\n.framework-perseus .range-input > span {\n color: #999;\n font-size: 14px;\n}\n.framework-perseus .number-input {\n border: 1px solid #909296;\n border-radius: 5px;\n margin: 0;\n padding: 5px 0;\n text-align: center;\n width: 40px;\n}\n.framework-perseus .number-input.invalid-input {\n background-color: #ffbaba;\n outline-color: red;\n}\n.framework-perseus .number-input.mini {\n width: 40px;\n}\n.framework-perseus .number-input.small {\n width: 60px;\n}\n.framework-perseus .number-input.normal {\n width: 80px;\n}\n.framework-perseus .graph-settings .graph-settings-axis-label {\n border: 1px solid #ccc;\n border-radius: 5px;\n display: inline-block;\n padding: 5px 5px;\n width: 70px;\n float: right;\n margin: 0 5px;\n}\n.framework-perseus .graph-settings .graph-settings-background-url {\n width: 250px;\n}\n.framework-perseus .graphie-container {\n position: relative;\n}\n.framework-perseus .graph-settings,\n.framework-perseus .image-settings,\n.framework-perseus .misc-settings {\n padding-bottom: 5px;\n}\n.framework-perseus .misc-settings,\n.framework-perseus .type-settings {\n border-top: 1px solid black;\n padding-top: 5px;\n}\n.framework-perseus .svg-image {\n display: block;\n margin: 0 auto;\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n.framework-perseus .unresponsive-svg-image,\n.framework-perseus .perseus-rendered-radio .unresponsive-svg-image {\n display: inline-block;\n position: relative;\n}\n.framework-perseus .unresponsive-svg-image > .graphie-container,\n.framework-perseus\n .perseus-rendered-radio\n .unresponsive-svg-image\n > .graphie-container {\n position: absolute;\n top: 0;\n left: 0;\n}\n.framework-perseus .fixed-to-responsive {\n position: relative;\n width: 100%;\n /* Use CSS aspect-ratio property to maintain aspect ratio\n * without needing a spacer div. The aspect-ratio is set inline via style prop. */\n}\n.framework-perseus .fixed-to-responsive > :not(:first-child) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n/* Legacy table styles. Remove when XOM is rolled out (see below for\n updated XOM styles). */\n.framework-perseus:not(.perseus-mobile) table {\n font-size: 14px;\n line-height: 19.6px;\n}\n.framework-perseus:not(.perseus-mobile) table th,\n.framework-perseus:not(.perseus-mobile) table td {\n padding: 5px 10px;\n text-align: left;\n}\n.framework-perseus:not(.perseus-mobile) table th[align=\"center\"],\n.framework-perseus:not(.perseus-mobile) table td[align=\"center\"] {\n text-align: center;\n}\n.framework-perseus:not(.perseus-mobile) table th[align=\"right\"],\n.framework-perseus:not(.perseus-mobile) table td[align=\"right\"] {\n text-align: right;\n}\n.framework-perseus:not(.perseus-mobile) table th {\n border-bottom: 2px solid #ccc;\n font-weight: bold;\n padding-bottom: 2px;\n}\n.framework-perseus:not(.perseus-mobile) table tr:nth-child(odd) td {\n background-color: #f7f8fa;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-titled-table {\n display: inline-block;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-titled-table table {\n margin-left: auto;\n margin-right: auto;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-table-title {\n text-align: center;\n font-size: larger;\n}\n.framework-perseus:not(.perseus-mobile)\n table.non-markdown\n tr:nth-child(odd)\n td {\n background-color: transparent;\n}\n.framework-perseus:not(.perseus-mobile) table.non-markdown th,\n.framework-perseus:not(.perseus-mobile) table.non-markdown td {\n border-width: 0;\n}\n/* New XOM styles for tables. */\n.framework-perseus.perseus-mobile {\n /* There are three kinds of tables:\n 1) normal \"tables\" - emitted by markdown (src/perseus-markdown.jsx)\n 2) \"titled tables\" - emitted by markdown as well (these are just\n tables with a title, and encased in one more element)\n 3) \"table widget\" - where a user is expected to enter answers in a\n table form (src/widgets/table.jsx).\n Moreover, there the Categorizer widget uses <table> tags, so these\n stylings will apply there as well. */\n}\n.framework-perseus.perseus-mobile table {\n border-collapse: collapse;\n margin: 0 auto;\n}\n.framework-perseus.perseus-mobile table tbody > tr {\n border: 1px solid #e5e5e5;\n}\n.framework-perseus.perseus-mobile table th,\n.framework-perseus.perseus-mobile table td {\n padding: 16px;\n text-align: left;\n}\n.framework-perseus.perseus-mobile table th[align=\"center\"],\n.framework-perseus.perseus-mobile table td[align=\"center\"] {\n text-align: center;\n}\n.framework-perseus.perseus-mobile table th[align=\"right\"],\n.framework-perseus.perseus-mobile table td[align=\"right\"] {\n text-align: right;\n}\n.framework-perseus.perseus-mobile table td {\n background: #fff;\n}\n.framework-perseus.perseus-mobile table th {\n font-weight: bold;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile table {\n width: 100%;\n min-width: 480px;\n }\n .framework-perseus.perseus-mobile table tbody > tr {\n border-left: 0;\n border-right: 0;\n }\n}\n.framework-perseus.perseus-mobile .perseus-titled-table {\n display: inline-block;\n}\n.framework-perseus.perseus-mobile .perseus-table-title {\n text-align: center;\n font-size: larger;\n}\n/* Widget CSS */\n.perseus-graph-padding {\n box-sizing: content-box;\n padding: 25px 25px 0 0;\n}\n.perseus-article .perseus-dropdown .perseus-renderer .paragraph,\n.perseus-article .perseus-dropdown .perseus-renderer .perseus-block-math {\n /* overriding overly broad selectors in .framework-perseus rules */\n margin-bottom: 0 !important;\n font-size: 18px !important;\n}\n",".categorizer-container {\n margin-top: 20px;\n}\n.categorizer-container div.paragraph {\n margin: 10px 0px;\n}\n.categorizer-container .category {\n text-align: center;\n}\n.categorizer-container table {\n min-width: 0;\n}\n\n/* Styles specifically for the mobile native apps */\nbody.mobile\n .categorizer-container\n td.category\n input[type=\"radio\"]:checked\n + span:before {\n color: #1c758a;\n}\nbody.mobile\n .categorizer-container\n td.category\n input[type=\"radio\"]\n + span:active:before {\n color: #666;\n content: \"\\f111\"; /* fa-circle */\n}\n",".perseus-widget-expression {\n position: relative;\n}\n.perseus-widget-expression > span {\n display: inline-block;\n vertical-align: middle;\n}\n.perseus-widget-expression .perseus-formats-tooltip {\n width: 190px;\n}\n",".framework-perseus {\n .free-response .free-response-question {\n /* Remove the top margin from the first paragraph, so there isn't forced\n spacing above the question. */\n :nth-child(1 of .paragraph) {\n margin-top: 0;\n }\n\n /* Remove the bottom margin from the last paragraph, so there isn't a\n large space between the question and the textarea. */\n :nth-last-child(1 of .paragraph) {\n margin-bottom: 0;\n }\n }\n}\n",".perseus-widget-grapher > .graphie-container {\n position: relative;\n}\n.perseus-widget-grapher > .graphie-container > img,\n.perseus-widget-grapher > .graphie-container .svg-image {\n position: absolute;\n}\n",".framework-perseus .perseus-graded-group {\n position: relative;\n width: 100%;\n margin-left: 3px;\n padding-left: 5px;\n}\n.framework-perseus .perseus-graded-group.answer-correct {\n border-left: 3px solid #76a005;\n margin-left: 0;\n}\n.framework-perseus .perseus-graded-group.answer-incorrect {\n border-left: 3px solid #ff8787;\n margin-left: 0;\n}\n.framework-perseus .perseus-graded-group .group-icon {\n font-size: 14px;\n position: absolute;\n top: 50%;\n top: calc(50% - 7px);\n left: -30px;\n text-align: center;\n width: 16px;\n}\n",".framework-perseus .perseus-group {\n position: relative;\n width: 100%;\n}\n.framework-perseus .perseus-group .group-icon {\n font-size: 14px;\n position: absolute;\n top: 50%;\n top: calc(50% - 7px);\n margin-left: -20px;\n}\n","/******************* Image widget styles *******************/\n\n.perseus-image-widget {\n margin-inline: auto;\n}\n.perseus-image-widget .perseus-image-title {\n text-align: center;\n}\n/* Reset default paragarph margins. */\n.perseus-image-widget .perseus-image-title .paragraph {\n margin-block: 0;\n}\n.perseus-image-widget .perseus-image-caption {\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n padding-left: 16px;\n position: relative;\n}\n.perseus-image-widget .perseus-image-caption .paragraph {\n font-size: var(--wb-font-body-size-small);\n line-height: var(--wb-font-body-lineHeight-small);\n padding-right: 12px;\n margin-block: 0;\n}\n.perseus-image-modal-title .paragraph .paragraph {\n font-size: var(--wb-font-heading-size-medium);\n line-height: var(--wb-font-heading-lineHeight-medium);\n}\n.perseus-image-modal-description .perseus-renderer .paragraph {\n /* Reset default Renderer margins for the description and caption. */\n margin: 0px 0px;\n}\n\n/******************* Image widget editor styles *******************/\n\n.perseus-image-editor .label-settings td {\n padding: 5px 4px;\n text-align: center;\n}\n.perseus-image-editor .label-settings tr:nth-child(odd) td {\n background-color: var(--wb-semanticColor-core-transparent);\n}\n.perseus-image-editor .label-settings th,\n.perseus-image-editor .label-settings td {\n border-width: 0;\n}\n.perseus-image-editor .image-settings,\n.perseus-image-editor .graph-settings {\n margin-top: 5px;\n}\n/* This prevents the image from overflowing its container in editor previews */\n.perseus-image-preview-container .image-loader-img {\n overflow: hidden;\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n/******************* Perseus hint renderer styles *******************/\n/* Note: all alignment styling are defined in widget-container.css */\n\n.perseus-hint-renderer .perseus-image-widget {\n margin-inline-start: 0;\n}\n.perseus-hint-renderer .svg-image {\n margin-inline-start: 0;\n}\n",".perseus-widget-interactive-graph > .graphie-container {\n position: relative;\n}\n.perseus-widget-interactive-graph > .graphie-container > img,\n.perseus-widget-interactive-graph\n > .graphie-container\n > .unresponsive-svg-image {\n position: absolute;\n bottom: 0;\n left: 0;\n}\n.perseus-mobile .tooltip.visible {\n z-index: 2;\n}\n.perseus-mobile .tooltip.visible .tooltip-content:before {\n border: solid;\n border-color: white transparent;\n border-width: 10px 10px 0 10px;\n bottom: -10px;\n content: \"\";\n left: 50%;\n transform: translateX(-50%);\n position: absolute;\n z-index: 2;\n}\n.perseus-mobile .tooltip .tooltip-content {\n display: none;\n}\n.perseus-mobile .tooltip.visible .tooltip-content {\n display: inline-block;\n background-color: #ffffff;\n border-radius: 5px;\n bottom: 50px;\n left: 50%;\n transform: translateX(-50%);\n padding: 5px;\n position: absolute;\n white-space: nowrap;\n min-width: 30px;\n text-align: center;\n}\n.perseus-mobile .tooltip.visible .tooltip-content mjx-container {\n color: #71b307 !important;\n}\n.perseus-mobile .graphie-label mjx-container {\n color: inherit !important;\n}\n",".framework-perseus .perseus-label-image-widget-instructions div.paragraph {\n margin: 0;\n}\n@media (max-width: 767px) {\n [id*=\"perseus-label-image-widget-answer-pill\"]\n > div.perseus-renderer-responsive {\n all: revert;\n }\n .framework-perseus.perseus-mobile\n [id*=\"perseus-label-image-widget-answer-pill\"]\n mjx-container {\n all: revert;\n }\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions {\n color: initial;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-renderer\n .paragraph\n > .paragraph {\n color: initial !important;\n font-size: initial !important;\n line-height: initial !important;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-block-math {\n padding: 0;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-block-math\n mjx-container {\n font-size: initial !important;\n line-height: initial !important;\n}\n.perseus-label-image-widget-answer-choices\n .perseus-block-math\n > .perseus-block-math-inner,\n.perseus-label-image-widget-instructions\n .perseus-block-math\n > .perseus-block-math-inner {\n overflow-x: hidden !important;\n}\n",".perseus-widget-matcher {\n /* Ideally we'd get rid of this, as most of the styles have been moved\n to inline styles using Aphrodite, but this is a hacky \"reach-in\" into\n descendent widgets that we can't modify */\n}\n.perseus-widget-matcher div.paragraph {\n margin: 0;\n}\n",".perseus-matrix .matrix-prefix,\n.perseus-matrix .matrix-suffix {\n display: inline-block;\n margin: 10px 5px 0 10px;\n vertical-align: top;\n}\n.perseus-matrix .matrix-suffix {\n margin: 10px 10px 0 5px;\n}\n.perseus-matrix div.paragraph {\n margin: 0;\n}\n.perseus-matrix .matrix-input {\n background: #e2e2e2;\n display: inline-block;\n margin: 5px;\n padding: 3px;\n position: relative;\n width: auto;\n}\n.perseus-matrix .matrix-row {\n white-space: nowrap;\n}\n.perseus-matrix .matrix-bracket {\n border-color: #666;\n border-style: solid;\n border-bottom-width: 2px;\n border-top-width: 2px;\n margin-top: -2px;\n position: absolute;\n width: 6px;\n}\n.perseus-matrix .matrix-bracket.bracket-left {\n border-color: #666;\n border-left-width: 2px;\n border-right-width: 0;\n left: 3px;\n}\n.perseus-matrix .matrix-bracket.bracket-right {\n border-color: #666;\n border-left-width: 0;\n border-right-width: 2px;\n margin-left: -3px;\n}\n.perseus-matrix input,\n.perseus-matrix .number-input {\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n margin: 3px;\n padding: 0;\n text-align: center;\n}\n.perseus-matrix input.outside,\n.perseus-matrix .number-input.outside {\n background: #f3f3f3;\n}\n.perseus-matrix input:focus,\n.perseus-matrix .number-input:focus {\n border: none;\n outline: none;\n}\n.static-mode.perseus-matrix input,\n.static-mode.perseus-matrix .number-input {\n background: #f5f5f5;\n}\n.perseus-matrix.the-matrix .matrix-bracket,\n.perseus-matrix.the-matrix .matrix-left,\n.perseus-matrix.the-matrix .matrix-right {\n border-color: #29f139;\n}\n.perseus-matrix.the-matrix .matrix-input {\n background: #222;\n}\n.perseus-matrix.the-matrix input,\n.perseus-matrix.the-matrix .number-input {\n background: #666;\n color: #29f139;\n font-weight: bold;\n}\n.perseus-matrix.the-matrix input.outside,\n.perseus-matrix.the-matrix .number-input.outside {\n background: #444;\n}\nbody.mobile .perseus-matrix .matrix-input {\n display: table;\n}\nbody.mobile .perseus-matrix .matrix-row {\n display: table-row;\n}\nbody.mobile .perseus-matrix .matrix-input-field {\n display: table-cell;\n}\n.perseus-matrix-editor .perseus-single-editor {\n width: 338px;\n}\n",".perseus-widget-measurer {\n position: relative;\n}\n.perseus-widget-measurer img {\n position: absolute;\n}\n.perseus-widget-measurer-url {\n width: 70%;\n}\n#translations-dashboard .perseus-widget-measurer > .graphie {\n z-index: -1;\n}\n",".input-with-examples-tooltip {\n font-size: 18px;\n line-height: 28px;\n color: #717378;\n background: #fff;\n}\n.input-with-examples-tooltip ul {\n list-style-type: disc;\n margin-left: 30px;\n}\n.input-with-examples-tooltip strong {\n font-weight: 700;\n}\n.input-with-examples-tooltip em {\n font-style: italic;\n}\n",".orderer {\n position: relative;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n /* End Fix */\n}\n.orderer.layout-horizontal .draggable-box {\n margin-left: 0;\n margin-top: 30px;\n padding: 13px;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto;\n white-space: nowrap;\n /* End Fix */\n}\n.orderer .card {\n padding: 0 10px;\n cursor: pointer;\n position: relative;\n -webkit-user-select: none;\n user-select: none;\n width: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.orderer.height-normal.layout-horizontal .card {\n height: 65px;\n}\n.orderer.height-normal.layout-vertical .card {\n padding: 5px;\n}\n.orderer.height-auto .card {\n padding: 0;\n}\n.orderer.height-auto.layout-horizontal .drag-hint {\n min-height: 65px;\n min-width: 22px;\n}\n.orderer.layout-horizontal .bank {\n padding: 0;\n margin: 0px 13px;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto;\n white-space: nowrap;\n /* End Fix */\n}\n.orderer div.paragraph {\n margin: 0;\n}\n.orderer .card-wrap {\n width: auto;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n /* End Fix */\n}\n.orderer.layout-horizontal .card-wrap {\n flex-shrink: 0;\n display: inline-block;\n margin: 4px; /* Uniform spacing around each card */\n}\n.orderer.layout-vertical .card-wrap {\n float: none;\n text-align: center;\n}\n.orderer.layout-vertical .card-wrap:not(:first-child) {\n margin-top: 8px;\n}\n.orderer.layout-vertical .bank,\n.orderer.layout-vertical .draggable-box {\n box-sizing: border-box;\n float: left;\n max-width: 50%;\n}\n.orderer.layout-vertical .bank {\n padding: 11px 20px 11px 0;\n margin: 0;\n}\n.orderer.layout-vertical .draggable-box {\n margin-top: 0;\n padding: 10px;\n min-height: 170px;\n}\n.orderer.layout-vertical .draggable-box .drag-hint {\n box-sizing: border-box;\n min-width: 140px;\n min-height: 34px;\n}\n.orderer.layout-vertical .draggable-box .placeholder {\n box-sizing: border-box;\n}\n",".perseus-widget-plotter svg,\n.perseus-widget-plotter vml {\n position: absolute;\n}\n.perseus-widget-plotter span.rotate {\n transform: rotate(-90deg);\n}\n.set-from-scale-box {\n border: 2px solid #eeeeee;\n border-radius: 3px;\n padding: 3px;\n}\n.categories-title {\n font-size: 14px;\n}\n.perseus-mobile .perseus-widget-plotter {\n border: solid 0.5px #babec2;\n border-radius: 4px;\n}\n.perseus-mobile .perseus-widget-plotter .graphie-label mjx-container {\n color: #626569;\n}\n",".draggy-boxy-thing .draggable-box,\n.draggy-boxy-thing .cards-area {\n background: #eee;\n border: 1px solid #ccc;\n border-bottom: 1px solid #aaa;\n box-shadow: 0 1px 2px #ccc;\n}\n.draggy-boxy-thing .card {\n background-color: #fff;\n border: 1px solid #b9b9b9;\n border-bottom-color: #939393;\n border-radius: 4px;\n cursor: pointer;\n touch-action: none;\n}\n.draggy-boxy-thing .card.placeholder {\n background: #ddd;\n border: 1px solid #ccc;\n}\n.draggy-boxy-thing .card.drag-hint {\n background: none;\n border: 1px dashed #aaa;\n cursor: auto;\n}\n.draggy-boxy-thing .card.drag-hint:hover {\n border-color: #aaa;\n box-shadow: none;\n}\n.draggy-boxy-thing .card.dragging {\n background-color: #ffedcd;\n opacity: 0.8;\n filter: opacity(0.8);\n}\n.draggy-boxy-thing .card.stack {\n z-index: auto;\n}\n.draggy-boxy-thing .card.stack:after {\n content: \" \";\n background-color: #fff;\n border: 1px solid #b9b9b9;\n border-bottom-color: #939393;\n border-radius: 4px;\n height: 100%;\n width: 100%;\n z-index: -1;\n top: 1px;\n left: 1px;\n position: absolute;\n}\n.draggy-boxy-thing .card:hover {\n border-color: #ffa500;\n box-shadow: 0 0 4px #c78100;\n}\n.perseus-sortable div.paragraph {\n margin: 0;\n}\n.perseus-sortable .perseus-sortable-draggable:before {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.perseus-sortable .perseus-sortable-draggable > div {\n display: inline-block;\n font-size: 14px;\n max-width: 100%;\n vertical-align: middle;\n}\n.perseus-sortable .perseus-sortable-draggable-unpadded img {\n vertical-align: bottom;\n}\n",".framework-perseus table.perseus-widget-table-of-values.non-markdown {\n text-align: left;\n margin: 20px auto;\n border-collapse: collapse;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown tr {\n height: 23px;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown th,\n.framework-perseus table.perseus-widget-table-of-values.non-markdown td {\n border: 2px solid black;\n border-width: 0 2px;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th:first-child,\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td:first-child {\n border-left: 0;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th:last-child,\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td:last-child {\n border-right: 0;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown th {\n font-weight: normal;\n padding: 5px;\n width: 80px;\n text-align: left;\n border-bottom: 2px solid black;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th\n .paragraph {\n margin: 0;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown td {\n padding: 0px 5px;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n tbody\n tr:first-child\n td {\n padding-top: 5px;\n}\n.framework-perseus table.perseus-widget-table-of-values input {\n width: 80px;\n}\nbody.mobile\n .framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td {\n padding: 5px;\n}\n","/* Highlight states for editor/interaction */\n.perseus-widget-container.widget-nohighlight {\n transition: all 0.15s;\n}\n\n.perseus-widget-container.widget-highlight {\n box-shadow: 0px 0px 0px var(--wb-sizing-size_020) #ffa500;\n transition: all 0.15s;\n}\n\n/******************* Start for WidgetContainer's alignment CSS styling *******************/\n/* Base display modes */\n.perseus-widget-container.widget-inline {\n display: inline;\n}\n.perseus-widget-container.widget-inline-block {\n display: inline-block;\n vertical-align: bottom;\n}\n.perseus-widget-container.widget-block {\n display: block;\n}\n\n/* Base float alignment classes (no float applied at base level) */\n.perseus-widget-container.widget-wrap-left,\n.perseus-widget-container.widget-wrap-right {\n display: inline-block;\n}\n\n/* Desktop article context - spacing and constraints for wrap-left or wrap-right */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right {\n max-width: 50%;\n padding-top: var(--wb-sizing-size_240);\n width: 100%;\n}\n\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left {\n float: inline-start;\n padding-right: var(--wb-sizing-size_320);\n padding-left: var(--wb-sizing-size_320);\n}\n\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right {\n float: inline-end;\n padding-left: var(--wb-sizing-size_320);\n padding-right: var(--wb-sizing-size_320);\n}\n\n/* Mobile context - block display, no float */\n.framework-perseus.perseus-article.perseus-mobile\n .perseus-widget-container.widget-wrap-left,\n.framework-perseus.perseus-article.perseus-mobile\n .perseus-widget-container.widget-wrap-right {\n float: none;\n display: inline-block;\n max-width: 100%;\n width: 100%;\n padding-top: var(--wb-sizing-size_320);\n padding-left: 0;\n padding-right: 0;\n}\n/******************* End for WidgetContainer's alignment CSS styling *******************/\n\n/* Typography and sizing */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container:not(.perseus-widget__definition) {\n font-size: var(--wb-sizing-size_140);\n line-height: 19.6px;\n}\n\n.framework-perseus.perseus-mobile .perseus-widget-container {\n font-size: var(--wb-sizing-size_140);\n line-height: 19.6px;\n}\n\n/* Specific for perseus-image-widget caption styling within floated widgets */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left\n .perseus-image-caption\n .paragraph\n .paragraph,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right\n .perseus-image-caption\n .paragraph\n .paragraph {\n margin-bottom: 0;\n}\n\n.framework-perseus.perseus-mobile\n .perseus-widget-container.widget-wrap-left\n .perseus-image-caption\n .paragraph\n .paragraph,\n.framework-perseus.perseus-mobile\n .perseus-widget-container.widget-wrap-right\n .perseus-image-caption\n .paragraph\n .paragraph {\n margin-bottom: 0;\n}\n","/* All perseus-widget-container styles moved to widget-container.css */\n\n.bibliotron-exercise .perseus-hint-renderer {\n border-left: 4px solid #f6f7f7;\n padding-left: 16px;\n position: relative;\n}\n.bibliotron-exercise .perseus-hint-renderer:focus {\n border-left-color: #d6d8da;\n outline: none;\n}\n.bibliotron-exercise .perseus-hint-renderer:before,\n.bibliotron-exercise .perseus-hint-renderer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.bibliotron-exercise .perseus-hint-renderer div.paragraph {\n margin-top: 0px;\n margin-bottom: 16px;\n}\n.bibliotron-exercise .perseus-hint-renderer.last-hint {\n margin-bottom: 32px;\n}\n@media (max-width: 767px) {\n .bibliotron-exercise .perseus-hint-renderer.last-hint {\n margin-bottom: 0;\n }\n}\n.perseus-hint-label {\n color: #00457c;\n display: none;\n font-weight: 600;\n margin-right: 13px;\n position: absolute;\n right: 100%;\n white-space: nowrap;\n}\n.perseus-domain-science .perseus-hint-label {\n color: #9e034e;\n}\n.perseus-domain-math .perseus-hint-label {\n color: #007d96;\n}\n.perseus-domain-economics .perseus-hint-label {\n color: #a75a05;\n}\n.perseus-domain-partner .perseus-hint-label {\n color: #208170;\n}\n.perseus-domain-humanities .perseus-hint-label {\n color: #be2612;\n}\n.perseus-domain-test-prep .perseus-hint-label {\n color: #543b78;\n}\n.perseus-domain-cs .perseus-hint-label {\n color: #0d923f;\n}\n.bibliotron-exercise .perseus-hint-renderer.last-rendered .perseus-hint-label {\n display: block;\n}\n@media (max-width: 767px) {\n .bibliotron-exercise\n .perseus-hint-renderer.last-rendered\n .perseus-hint-label {\n display: none;\n }\n}\n/*\n Extra specificity needed to override other styles that are too broad.\n Once we get a better framework in place (like CSS Modules), we can fix this selector.\n*/\n.framework-perseus .perseus-formats-tooltip .paragraph,\n.framework-perseus .tooltipContainer .perseus-formats-tooltip .paragraph ul {\n margin: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode {\n background-color: transparent;\n font-size: 18px;\n min-width: 100px;\n border: unset;\n /* Even in RTL languages, math is LTR. */\n /* So we force this component to always render LTR */\n direction: ltr;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode.mq-focused {\n box-shadow: unset;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode > .mq-root-block {\n padding: 4px;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-cursor {\n padding-left: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-paren.mq-ghost {\n color: inherit;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-paren + span {\n margin: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-binary-operator {\n font-family: KaTeX_Main !important;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode sup {\n line-height: normal;\n}\n.perseus-widget-editor\n .perseus-math-input.mq-editable-field.mq-math-mode\n > .mq-root-block {\n border-radius: 0;\n}\n.math-input-buttons {\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n border: 1px solid #ddd;\n box-sizing: border-box;\n margin-top: 5px;\n padding: 2px;\n width: 201px;\n}\n.math-input-buttons.absolute {\n left: -2px;\n position: absolute;\n top: -3px;\n z-index: 5;\n}\n.tex-button {\n display: block;\n float: left;\n width: 35px;\n height: 35px;\n margin: 2px;\n border: 1px solid #1c758a;\n background-color: white;\n border-radius: 5px;\n}\n.tex-button:hover {\n cursor: pointer;\n background-color: #f0f0f0;\n}\n.tex-button:focus {\n border: 2px solid #1c758a;\n outline: none;\n}\n.tex-button-row {\n margin: 5px 0;\n}\n.tex-button-row:first-child {\n margin-top: 0;\n}\n.tex-button-row:last-child {\n margin-bottom: 0;\n}\n.renderer-widget-error {\n background-color: #fcc;\n}\n.perseus-error {\n background: #ffbaba;\n border: 2px solid red;\n border-radius: 5px;\n padding: 20px;\n margin: 15px 0 10px;\n}\n@media (max-width: 767px) {\n .perseus-renderer-responsive {\n margin: 0 16px;\n }\n .perseus-renderer-responsive .perseus-renderer-responsive {\n margin: 0;\n }\n}\n@media (max-width: 767px) {\n .perseus-mobile .perseus-block-math {\n font-size: 18px;\n }\n}\n","/* Styles for the InputWithExamples */\n.input-with-examples {\n border-radius: 0.3rem;\n border-width: var(--wb-border-width-thin);\n /*\n Even in RTL languages, math is LTR.\n So we force this component to always render LTR\n */\n direction: ltr;\n display: inline-block;\n font-family: Symbola, \"Times New Roman\", serif;\n font-size: 1.8rem;\n height: 3.2rem;\n line-height: 1.8rem;\n padding: 0.4rem 0.5rem;\n text-align: left;\n width: 8rem;\n}\n\n.input-with-examples.is-focused {\n border-width: var(--wb-border-width-medium);\n padding: 0.4rem;\n}\n\n.input-with-examples.right-align {\n text-align: right;\n}\n\n.input-with-examples.size-small {\n width: 4rem;\n}\n",".scroll-buttons-container {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n padding: 1.2rem;\n /* Ensure scroll buttons stay above fade effects and remain clickable even the multiple choice widget is no longer interactive/checked state */\n position: relative;\n z-index: 10;\n}\n",".base {\n -webkit-tap-highlight-color: transparent;\n appearance: none; /* Remove user agent formatting in favor of our own */\n background-color: var(--wb-semanticColor-core-transparent);\n border: solid var(--wb-border-width-medium)\n var(--wb-semanticColor-core-border-neutral-strong);\n color: var(--wb-semanticColor-core-foreground-neutral-default);\n cursor: pointer;\n font-family: var(--wb-font-family-sans);\n font-size: var(--perseus-multiple-choice-indicator-font-size);\n font-weight: var(--wb-font-weight-bold);\n height: var(--perseus-multiple-choice-indicator-size);\n line-height: var(--wb-font-heading-lineHeight-small);\n outline: 0 solid var(--wb-semanticColor-core-background-instructive-default);\n outline-offset: 0;\n padding: 0;\n /* Along with the `transform` property applied to the <fieldset> ancestor,\n the following `position` property will enable the indicator to stay in a fixed place while scrolling.\n */\n position: fixed;\n width: var(--perseus-multiple-choice-indicator-size);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .base {\n transition:\n all 0.125s,\n outline-width 0s,\n outline-offset 0s;\n }\n}\n\n/* Show outline on hover, focus, and when the choice container is hovered.\n Since we don't have a reference to the container's class name,\n we grab the parent element with :has(> .base)\n and apply the ring when the parent is hovered.\n The exception to this is when the indicator is showing correctness\n (i.e. has the classes .is-correct or .is-wrong).\n Mobile known inconsistent behavior on hover effect when scrolling left-to-right/up-and-down:\n - Android doesn't show the outline during tap-dragging gestures, only when user taps the choice.\n - iOS shows the outline during tap-dragging gestures.\n */\n.base:hover,\n.base:focus,\n:has(> .base):hover .base:not(:where(.is-correct, .is-wrong)) {\n outline-offset: var(--wb-sizing-size_020);\n outline-width: var(--wb-sizing-size_020);\n}\n\n/* button is checked */\n.base[aria-pressed=\"true\"] {\n background-color: var(\n --wb-semanticColor-core-background-instructive-default\n );\n border-width: 0;\n color: var(--wb-semanticColor-core-foreground-knockout-default);\n}\n\n/* Icon inside the button when showing correctness */\n.icon {\n /* The size of the icon, and the space between the icon and the choice letter\n should scale visually with the font-size.\n Even though the checkbox is an icon, it is acting like text (i.e. similar to unicode icons).\n If we change the font size of the letter, we want the icon to scale proportionally.\n The space between the icon and the letter should also be proportional to their size.\n By setting the width, height, and margin to an em unit,\n we don't have to worry about adjusting these if we change the font size of the letter,\n and it will scale with any user-based font-size changes.\n The height and width of the icon is calculated based upon the revised specs,\n which end up being this weird fraction.\n */\n margin-inline-end: calc(1em / 3) !important;\n height: calc(7em / 6) !important;\n width: calc(7em / 6) !important;\n}\n\n.is-correct,\n.is-wrong {\n cursor: default;\n}\n\n.is-correct:hover,\n.is-wrong:hover {\n outline: none;\n}\n\n.is-correct[aria-pressed=\"true\"] {\n background-color: var(--wb-semanticColor-core-background-success-strong);\n color: var(--wb-semanticColor-core-foreground-knockout-default);\n width: var(--perseus-multiple-choice-indicator-correct-size);\n}\n\n.is-wrong {\n background-color: var(--wb-semanticColor-core-transparent);\n border-color: var(--wb-semanticColor-core-border-disabled-strong);\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n}\n\n.circle-shape {\n /* Why set border-radius to 100vh?\n Extremely large border radii cause an overlap situation,\n resulting in a recalculation to the smallest radius that doesn't cause overlap,\n and applying the reduction proportionally across all radii.\n https://drafts.csswg.org/css-backgrounds/#corner-overlap\n Using this method of rounding the edges instead of specifying a pre-determined amount\n in order to make the measurement relative to the size of the button.\n In the case where the single-select indicator has multiple elements in its content (like a checkmark),\n the shape changes from a circle to a gel-capsule.\n This property setting automatically handles that case without the need for JS logic.\n */\n border-radius: 100vh;\n}\n\n.square-shape {\n border-radius: var(--wb-sizing-size_040);\n}\n",":global(.framework-perseus) {\n /* OVERRIDES\n These styles should be removed when either layering control within Perseus is available,\n or when the high-level styles are refactored and these become unnecessary.\n */\n .choice :global(.paragraph) {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n }\n\n &:global(.perseus-article) {\n .choice:not(.is-correct):has(> button[aria-pressed=\"true\"])\n :global(.paragraph) {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n }\n }\n}\n\n.choice {\n -webkit-tap-highlight-color: transparent;\n --perseus-multiple-choice-divider-color: var(\n --wb-semanticColor-core-border-neutral-subtle\n ); /* This will change with hover & focus */\n --perseus-multiple-choice-divider-width: var(\n --wb-border-width-thin\n ); /* This will change with hover & focus */\n --perseus-multiple-choice-divider-space: var(\n --wb-border-width-medium\n ); /* Space between the choices, which is also used to position the divider */\n border-radius: var(--wb-border-radius-radius_080);\n font-size: var(--wb-font-heading-size-medium);\n font-weight: var(--wb-font-weight-semi);\n line-height: var(--wb-font-heading-lineHeight-medium);\n margin-block-end: var(--perseus-multiple-choice-divider-space);\n min-height: calc(var(--perseus-multiple-choice-spacing) * 4);\n outline: var(--wb-border-width-medium) solid\n var(--perseus-multiple-choice-correctness-outline-color, transparent);\n outline-offset: calc(var(--wb-border-width-medium) * -1);\n padding: var(--perseus-multiple-choice-spacing);\n position: relative; /* Needed to enable the dividers (:before and :after pseudo-elements) to position correctly */\n width: 100%;\n}\n\n.choice:hover {\n cursor: pointer;\n}\n\n.choice:not(.is-correct):has(> button[aria-pressed=\"true\"]) {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n}\n\n.choice :global(.paragraph) {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .choice {\n transition: all 0.125s;\n }\n}\n\n/*****************\n BORDER MANAGEMENT\n *****************/\n\n/* Horizontal divider between choices */\n.choice:after,\n.choice:before {\n background-color: var(--perseus-multiple-choice-divider-color);\n content: \"\";\n display: block;\n height: var(--perseus-multiple-choice-divider-width);\n margin-inline-start: calc(\n var(--perseus-multiple-choice-spacing) * -1\n ); /* Account for the padding on the sides of the choice */\n position: absolute;\n width: 100%;\n z-index: 1; /* Ensure the divider is above the scroll fade when it is showing */\n}\n\n.choice:before {\n top: calc(\n (\n var(--perseus-multiple-choice-divider-space) -\n (\n (\n var(--perseus-multiple-choice-divider-space) -\n var(--wb-border-width-thin)\n ) / 2\n )\n ) * -1\n );\n}\n\n.choice:after {\n bottom: calc(\n (\n var(--perseus-multiple-choice-divider-space) +\n (\n (\n var(--wb-border-width-thin) -\n var(--perseus-multiple-choice-divider-space)\n ) / 2\n )\n ) * -1\n );\n}\n\n.choice:hover:after,\n.choice:focus-within:after,\n.choice:hover:before,\n.choice:focus-within:before {\n z-index: 10; /* Ensure the divider is above the adjacent choice dividers */\n}\n\n/* The first choice option needs additional space for the border */\n.choice:first-of-type {\n margin-block-start: var(--perseus-multiple-choice-divider-space);\n}\n\n/* Enhance (thicker and darker) the divider between choices when:\n - the choice indicator has focus (not in review mode) OR\n - the choice is hovered (not in review mode) OR\n - the choice is in review mode AND\n - the choice is incorrect AND\n - the choice indicator has focus\n Mobile known inconsistent behavior on hover effect when scrolling left-to-right/up-and-down:\n - Android doesn't show the enhanced divider during tap-dragging gestures, only when user taps the choice.\n - iOS shows the enhanced divider during tap-dragging gestures.\n */\n.choice:not(.is-correct):focus-within,\n.choice:not(.is-correct, .is-wrong):hover {\n --perseus-multiple-choice-divider-width: var(--wb-border-width-medium);\n --perseus-multiple-choice-divider-color: var(\n --wb-semanticColor-core-border-neutral-default\n );\n}\n\n/***********\n REVIEW MODE\n ***********/\n\n.is-correct {\n --perseus-multiple-choice-divider-width: 0;\n --perseus-multiple-choice-correctness-outline-color: var(\n --wb-semanticColor-core-border-success-default\n );\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n}\n\n.is-wrong {\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n}\n\n.is-correct:hover,\n.is-wrong:hover {\n cursor: default;\n}\n\n/* Don't show borders for choices that come after a correct choice.\n Here, the \"choices that come after\" is defined by the sibling selector:\n + :not(.is-correct)\n However, we only want to affect the top border of the sibling,\n which is in the :before pseudo-element:\n + :not(.is-correct):before\n*/\n.is-correct + :not(.is-correct):before {\n --perseus-multiple-choice-divider-width: 0;\n}\n\n/* Don't show borders for choices that come before a correct choice.\n Here, we want to affect the siblings \"that come before\", so we use :has().\n This reads as \"apply to any element that 'has' a sibling that 'is-correct'\".\n It also only applies the style change to the :after pseudo-element (the bottom border).\n*/\n:not(.is-correct):has(+ .is-correct):after {\n --perseus-multiple-choice-divider-width: 0;\n}\n\n/**************\n LEGACY STYLING\n **************/\n\n/* Content has been created with this rule in place since the dawn of time, so we need to keep it */\n.choice :global(.paragraph),\n.choice\n :global(.paragraph)\n div:not(\n :global(.graphie-container),\n :global(.graphie),\n :global(.unresponsive-svg-image)\n ),\n.choice :global(.paragraph) p {\n display: inline;\n}\n\n.choice table {\n border: 1px solid #ccc;\n}\n\n/*************************\n IMAGES ON THEIR OWN LINES\n *************************/\n\n/*\n Images should be on their own lines when a double return is placed between them and the content around them.\n The selectors here represent what that looks like after the markdown is rendered.\n NOTE: Causing the containing `.paragraph` elements to display as block elements\n also causes vertical spacing to be applied due to the `margin` on the `.paragraph` class.\n The last rule removes the leading space on images that \"start\" the choice.\n */\n\n/* Images with surrounding text that is on the same line should be aligned in the middle */\n.choice :global(.paragraph) img {\n vertical-align: middle;\n}\n\n/* Paragraphs with only images that are adjacent to other paragraphs (before or after) */\n.choice :global(.paragraph) :global(+ .paragraph):has(img:only-child),\n.choice :global(.paragraph):has(img:only-child):has(:global(+ .paragraph)) {\n display: block;\n}\n\n/* Remove the leading margin when the first paragraph is an image, for better alignment with the choice indicator */\n.choice :global(.paragraph):first-child:has(img:only-child) {\n margin-block-start: 0;\n}\n",".container {\n /* Variables used in choice.module.css and choice-indicator.module.css.\n Placed here for convenience so that we don't have to maintain common values in multiple places.\n */\n --perseus-multiple-choice-spacing: var(--wb-sizing-size_160);\n --perseus-multiple-choice-indicator-font-size: var(\n --wb-font-heading-size-small\n );\n --perseus-multiple-choice-indicator-size: 3.2rem;\n /* 1.5 accounts for size of checkmark icon and its margin */\n --perseus-multiple-choice-indicator-correct-size: calc(\n calc(var(--perseus-multiple-choice-indicator-font-size) * 1.5) +\n var(--perseus-multiple-choice-indicator-size)\n );\n --perseus-multiple-choice-content-margin: calc(\n var(--perseus-multiple-choice-spacing) +\n var(--perseus-multiple-choice-indicator-size)\n );\n --perseus-multiple-choice-fade-direction: 90deg; /* Default is left to right */\n --perseus-multiple-choice-fade-color: var(\n --perseus-widget-background-color,\n var(--wb-semanticColor-core-background-base-default)\n ); /* Accounts for theme color, unless a background color is specified (i.e. from Graded Group Set) */\n\n box-sizing: border-box; /* Added here to ensure proper sizing in the editor preview */\n min-width: auto; /* Needed for scrollable view to work */\n padding-inline-end: var(--perseus-multiple-choice-spacing);\n /* The following transform will cause a new reference layer for its descendants,\n which we use to position the indicator and the scroll fade in a fixed place while scrolling.\n */\n transform: translateZ(0);\n}\n\n.choice-list {\n padding: 0;\n list-style: none;\n margin: 0;\n min-width: fit-content;\n width: 100%;\n scrollbar-width: thin;\n}\n\n.choice-list:dir(rtl) {\n --perseus-multiple-choice-fade-direction: 270deg; /* Flip to right to left when in RTL mode */\n}\n\n/* FADE BARS FOR SCROLLING\n A white bar starts on the left side and stays solid until a small amount (spacing / 2) past the indicator (content margin).\n It then fades to transparent over that same small amount.\n It stays transparent until the opposite side of the container,\n where it fades back to white in the reverse order as just described.\n In review mode, the left side starts fading to transparent at a further distance to account for the checkmark icon.\n This is why --perseus-multiple-choice-content-margin is used on the left side,\n but the right side uses --perseus-multiple-choice-spacing.\n Also, in order to account for text direction, the direction is flipped when in RTL mode.\n*/\n.choice-list:before {\n background: linear-gradient(\n /* 90deg or 270deg */ var(--perseus-multiple-choice-fade-direction),\n var(--perseus-multiple-choice-fade-color)\n calc(\n var(--perseus-multiple-choice-content-margin) +\n (var(--perseus-multiple-choice-spacing) / 2)\n ),\n transparent\n calc(\n var(--perseus-multiple-choice-content-margin) +\n var(--perseus-multiple-choice-spacing)\n )\n calc(100% - (var(--perseus-multiple-choice-spacing) * 1.5)),\n var(--perseus-multiple-choice-fade-color)\n calc(100% - var(--perseus-multiple-choice-spacing))\n );\n content: \"\";\n display: block;\n height: 100%;\n position: fixed;\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--wb-sizing-size_120);\n margin-inline-start: var(--perseus-multiple-choice-content-margin);\n position: relative; /* Needed to enable the z-index to work */\n z-index: -1; /* Ensures that the content is below the indicator and scroll fade */\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .content {\n transition: all 0.125s;\n }\n}\n\n.instructions {\n display: block;\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n font-size: 1.8rem;\n line-height: 1.25;\n font-family: inherit;\n font-style: normal;\n font-weight: bold;\n margin-block-end: var(--wb-sizing-size_160);\n}\n\n.rationale {\n font-size: var(--wb-font-body-size-medium);\n font-weight: var(--wb-font-weight-medium);\n line-height: var(--wb-font-body-lineHeight-medium);\n}\n\n.rationale.is-correct {\n color: var(--wb-semanticColor-core-foreground-neutral-default);\n}\n\n.rationale :global(.perseus-renderer) {\n /* Ensures that multiple paragraphs are stacked with spacing */\n display: flex;\n flex-direction: column;\n gap: var(--wb-sizing-size_120);\n}\n\n.rationale :global(.perseus-renderer .paragraph) {\n /* Removes margin that is added by overly-broad styling for .paragraph - the gap in the rule above handles spacing */\n margin: 0;\n}\n\n.rationale :global(.perseus-renderer > .paragraph:not(:has(*))) {\n /* Ensures that empty paragraphs do not take up space */\n display: none;\n}\n\n.review-answers {\n --perseus-multiple-choice-content-margin: calc(\n var(--perseus-multiple-choice-spacing) +\n var(--perseus-multiple-choice-indicator-correct-size)\n );\n}\n",".definition {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n border-bottom: none;\n}\n\n:hover > .definition,\n:focus > .definition,\n:active > .definition {\n /* Note(TB): Probably don't need borderBottom styling as Clickable handles that.\n If removed, also remove the Focused story. */\n border-bottom: 2px solid\n var(--wb-semanticColor-core-border-instructive-default);\n}\n\n.tooltip-body {\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n font-size: var(--wb-font-body-size-medium);\n font-weight: var(--wb-font-weight-medium);\n line-height: var(--wb-font-body-lineHeight-medium);\n}\n","/*\n Special styling is needed to fit the button in a block of text without throwing off the line spacing.\n While the button is not normally included in a block of text, it needs to be able to accommodate such a case.\n*/\n.button-style-overrides {\n height: auto;\n line-height: inherit;\n margin-left: -0.2rem; /* transfer space on the left side to the padding */\n margin-right: 0.2rem; /* adds space between the right border and any text that follows */\n padding-left: 0.2rem; /* adds space between the left border and the button text */\n}\n\n.content {\n border-left: 0px solid #ccc;\n display: inline-grid;\n position: relative;\n}\n\n.content-collapsed {\n grid-template-columns: 0fr;\n grid-template-rows: 0fr;\n margin-bottom: 0;\n margin-top: 0;\n min-width: 0;\n padding-bottom: 0;\n visibility: hidden;\n}\n\n.content-expanded {\n border-left-width: 5px;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n /*\n Note: we still use arrow height as the vertical margin, even on\n desktop when there is no arrow, but it's good enough.\n */\n margin-bottom: 1.4rem;\n margin-left: -2.3rem;\n margin-top: 1.4rem;\n min-width: 100%;\n padding-bottom: 1rem;\n padding-left: 2.3rem;\n visibility: visible;\n}\n\n.content-wrapper {\n overflow: hidden;\n}\n\n.label-style {\n font-size: var(--wb-font-heading-size-medium);\n line-height: inherit;\n /*\n The following property adjusts the large space between the button text and the caret icon.\n Since we are unable to adjust the styling of the icon (where the extra space exists),\n we are adjusting it on the text label by using a negative margin.\n */\n margin-right: -0.6rem;\n text-align: left;\n white-space: normal;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .transition-collapsed {\n transition:\n all 0.25s step-end,\n grid-template-rows 0.25s,\n margin-top 0.25s,\n margin-bottom 0.25s,\n padding-bottom 0.25s;\n }\n\n .transition-expanded {\n transition:\n grid-template-rows 0.5s,\n margin-top 0.5s,\n margin-bottom 0.5s,\n padding-bottom 0.5s;\n }\n}\n",":root {\n /* Undo the default padding for the top of the modal. */\n --modal-padding-offset: calc(-1 * var(--wb-sizing-size_320));\n --modal-padding-offset-mobile: calc(-1 * var(--wb-sizing-size_160));\n /* Fixed px values from the design. */\n --modal-panel-height: 568px;\n --modal-description-container-width: 420px;\n}\n\n.title-container {\n text-align: center;\n border-top: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n padding-block-start: var(--wb-sizing-size_160);\n padding-block-end: var(--wb-sizing-size_160);\n}\n\n.info-area-container {\n display: flex;\n flex-direction: row;\n margin-block-start: var(--wb-sizing-size_160);\n padding-block-end: var(--wb-sizing-size_160);\n border-bottom: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n}\n\n.modal-container {\n display: flex;\n width: 100%;\n justify-content: center;\n}\n\n.modal-title-container {\n display: flex;\n align-items: center;\n /* Undo the default padding for the top of the modal. */\n margin-block-start: var(--modal-padding-offset);\n /* Reset the default margin for h1. */\n margin-block-end: 0px;\n}\n\n.modal-panel-container {\n display: flex;\n flex-direction: row;\n height: var(--modal-panel-height);\n border-block-start: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n padding: var(--wb-sizing-size_080);\n padding-inline-end: 0;\n /* Undo the default padding for the modal panel. */\n margin-inline: var(--modal-padding-offset);\n margin-block-end: var(--modal-padding-offset);\n}\n\n.modal-image-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: var(--wb-semanticColor-core-background-neutral-strong);\n width: 100%;\n max-height: var(--modal-panel-height);\n}\n\n.modal-image-container img {\n background-color: var(--wb-semanticColor-core-background-base-default);\n}\n\n.modal-description-container {\n display: flex;\n flex-direction: column;\n width: var(--modal-description-container-width);\n padding-inline: var(--wb-sizing-size_320);\n overflow-y: auto;\n padding-block: var(--wb-sizing-size_240);\n}\n\n.modal-caption-container {\n padding-block-end: var(--wb-sizing-size_240);\n}\n\n.spacer-horizontal {\n margin-inline-end: var(--wb-sizing-size_160);\n}\n\n.spacer-vertical {\n margin-block-end: var(--wb-sizing-size_160);\n}\n\n/* NOTE: It looks like this 767px is hardcoded in CSS files.\n It can be found in packages/perseus/src/styles/constants.ts as\n a breakpoint constant to be used in jsx/tsx files. */\n@media (max-width: 767px) {\n .modal-panel-container {\n flex-direction: column;\n margin-inline: var(--modal-padding-offset-mobile);\n /* Allow mobile photo to stretch to the edges of the modal. */\n padding: 0;\n overflow-y: auto;\n height: auto;\n }\n\n .modal-image-container {\n height: auto;\n }\n\n .modal-description-container {\n margin-block: var(--wb-sizing-size_120);\n padding: var(--wb-sizing-size_120);\n width: auto;\n overflow-y: visible;\n }\n}\n",".MafsView .protractor-rotation-handle {\n cursor: grab;\n /* `pointer-events: all` is needed to make the hit target the size of the\n * entire <g> element and not just its visible subelements */\n pointer-events: all;\n transition: transform 0.15s ease-out;\n}\n\n.MafsView .protractor-rotation-handle:hover {\n transform: scale(1.2);\n}\n\n.MafsView .protractor-rotation-handle-arrow-arc {\n fill: none;\n stroke: var(--mafs-blue);\n stroke-width: 8;\n /* `strokeLinecap: square` prevents a hairline crack from appearing\n * between the arc and the arrowheads, by making the arc extend a bit\n * beyond its start and end coordinates.\n */\n stroke-linecap: square;\n}\n\n.MafsView .protractor-rotation-handle-arrowhead {\n fill: var(--mafs-blue);\n stroke: none;\n}\n",".MafsView {\n display: block;\n background: var(--mafs-bg);\n overflow: hidden;\n -webkit-user-select: none;\n user-select: none;\n font-family: inherit;\n font-variant-numeric: tabular-nums;\n touch-action: none;\n outline: 0;\n\n --mafs-bg: black;\n --mafs-fg: white;\n\n --mafs-origin-color: var(--mafs-fg);\n --mafs-line-color: #555;\n --mafs-line-stroke-dash-style: 4, 3;\n --mafs-axis-stroke-width: 1px;\n --grid-line-subdivision-color: #222;\n\n --mafs-red: #f11d0e;\n --mafs-orange: #f14e0e;\n --mafs-yellow: #ffe44a;\n --mafs-green: #15e272;\n --mafs-blue: #58a6ff;\n --mafs-indigo: #7c58ff;\n --mafs-violet: #ae58ff;\n --mafs-pink: #ee00ab;\n}\n\n.MafsView text {\n fill: var(--mafs-fg);\n cursor: default;\n}\n\n.MafsView path {\n stroke: var(--mafs-fg);\n}\n\n.MafsView:focus-visible {\n border-radius: 5px;\n outline: 3px solid #58a6ff;\n}\n\n@supports not selector(:focus-visible) {\n .MafsView:focus {\n border-radius: 5px;\n outline: 3px solid #58a6ff;\n }\n}\n\n.mafs-shadow {\n paint-order: stroke;\n stroke-width: 3px;\n stroke: var(--mafs-bg);\n stroke-opacity: 0.75;\n stroke-linejoin: round;\n}\n\n.mafs-movable-point {\n cursor: grab;\n touch-action: none;\n}\n\n.mafs-movable-point-dragging {\n cursor: grabbing;\n}\n\n.mafs-movable-point:focus {\n outline: 0;\n}\n\n.mafs-movable-point * {\n fill: none;\n stroke: none;\n}\n\n.mafs-movable-point-hitbox {\n fill: transparent;\n}\n\n.mafs-movable-point-focus {\n stroke: var(--movable-point-color);\n stroke-width: 2;\n stroke-opacity: 0;\n fill: none;\n transition: stroke-opacity 0.2s ease;\n}\n\n.mafs-movable-point-ring {\n fill: var(--movable-point-color);\n fill-opacity: 0.25;\n stroke: none;\n transition: r 0.2s ease;\n}\n\n.mafs-movable-point-point {\n fill: var(--movable-point-color);\n transition: r 0.2s ease;\n}\n\n/* Hover */\n\n.mafs-movable-point:hover .mafs-movable-point-point,\n.mafs-movable-point:focus-visible .mafs-movable-point-point {\n r: calc(var(--movable-point-ring-size) - 2px);\n}\n\n.mafs-movable-point:hover .mafs-movable-point-ring,\n.mafs-movable-point:focus-visible .mafs-movable-point-ring {\n r: calc(var(--movable-point-ring-size) + 3px);\n}\n\n.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring {\n r: var(--movable-point-ring-size);\n}\n\n/* Focus */\n\n.mafs-movable-point:focus-visible .mafs-movable-point-focus {\n stroke-opacity: 1;\n}\n","/**\n * Overrides of mafs theme-- we will want to move this into JS land\n * to take advantage of WB tokens\n */\n.MafsView {\n --mafs-bg: transparent;\n --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */\n\n /* Grid lines */\n --mafs-line-color: rgba(33, 36, 44, 0.16); /* WB color.offBlack16*/\n\n /* Axis lines */\n --mafs-axis-stroke-width: 2px;\n\n --mafs-blue: #1865f2; /* WB color.blue */\n --mafs-red: #d92916; /* WB color.red */\n --mafs-green: #00a60e; /* WB color.green */\n --mafs-violet: #9059ff; /* WB color.purple */\n --mafs-yellow: #ffb100; /* WB color.gold */\n /* Note: offBlack50 is not the best for contrast. However, this color needs\n to be distinguishable from our regular interactive blue so it is clear that\n the element is not interactive, even though the visual elements (e.g.\n outlines, shadows) may indicate otherwise. When using a darker gray, it\n looks the same as our WB blue in grayscale. We had to make a call here, and\n we decided to make it lighter and more distinguishable even if it sacrifices\n color contrast. (Nisha 2025) */\n --static-gray: #909296 /* WB color.offBlack50 */;\n\n /* overridden on a per-point basis */\n --movable-point-color: var(--mafs-blue);\n --movable-point-center-radius: 6px;\n --movable-point-ring-radius: calc(2px + var(--movable-point-center-radius));\n --movable-point-halo-radius: calc(3px + var(--movable-point-ring-radius));\n --movable-point-hover-expansion: 2px;\n --movable-point-focus-ring-offset: 2px;\n\n --movable-line-stroke-weight: 2px;\n --movable-line-stroke-weight-active: 4px;\n overflow: visible !important;\n}\n\n.MafsView > svg {\n /* Chrome/Safari bugfix for LEMS-1906 */\n display: block;\n overflow: visible; /* LEMS-2035: This ensures that Mafs doesn't clip the axis labels */\n}\n\n.MafsView .movable-line:hover,\n.movable-dragging {\n --movable-line-stroke-weight: var(--movable-line-stroke-weight-active);\n}\n\n.MafsView .movable-line:focus,\n.movable-polygon:focus {\n outline: none;\n}\n\n.MafsView\n .movable-line\n :is(.movable-line-focus-outline, .movable-line-focus-outline-gap) {\n stroke: transparent;\n}\n\n.MafsView .movable-line:focus-visible .movable-line-focus-outline {\n stroke: var(--mafs-blue);\n stroke-width: 10px;\n}\n\n.MafsView .movable-line:focus-visible .movable-line-focus-outline-gap {\n stroke: white;\n stroke-width: 6px;\n}\n\n.MafsView .movable-point {\n cursor: grab;\n touch-action: none;\n outline: none;\n /* Disable iOS grey highlight rectangle as it creates a weird visual artifact when dragging points */\n -webkit-tap-highlight-color: transparent;\n}\n\n.MafsView .movable-point.movable-point--dragging {\n cursor: grabbing;\n}\n\n.MafsView .movable-point.movable-point--dragging .movable-point-halo {\n opacity: 0;\n}\n\n.MafsView .movable-point-hitbox {\n fill: transparent;\n}\n\n.MafsView\n :is(\n .movable-point-center,\n .movable-point-ring,\n .movable-point-halo,\n .movable-point-focus-outline\n ) {\n transition:\n r 0.15s ease-out,\n opacity 0.15s ease-out;\n}\n\n.MafsView .movable-point-center {\n r: var(--movable-point-center-radius);\n}\n\n.MafsView .movable-point-halo {\n r: var(--movable-point-halo-radius);\n fill: var(--movable-point-color);\n opacity: 0.25;\n filter: drop-shadow(0 5px 5px #0008);\n}\n\n.MafsView .movable-point-ring {\n r: var(--movable-point-ring-radius);\n fill: #fff;\n}\n\n.MafsView .movable-point:hover .movable-point-center {\n r: calc(\n var(--movable-point-hover-expansion) +\n var(--movable-point-center-radius)\n );\n}\n\n.MafsView .movable-point:hover .movable-point-ring {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-ring-radius)\n );\n}\n\n.MafsView .movable-point:hover .movable-point-halo {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-halo-radius)\n );\n}\n\n.MafsView .movable-point .movable-point-focus-outline {\n visibility: hidden;\n r: calc(\n var(--movable-point-halo-radius) +\n var(--movable-point-focus-ring-offset)\n );\n stroke-width: 2px;\n fill: none;\n stroke: var(--mafs-blue);\n}\n\n.MafsView .movable-point:hover .movable-point-focus-outline {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) +\n var(--movable-point-focus-ring-offset)\n );\n}\n\n/**\n * This is needed because empty elements with focus will still have the focus outline\n * when navigating via keyboard, causing weird blue dots to appear in Firefox.\n */\n.MafsView .movable-point__focusable-handle:focus-visible {\n outline: none;\n}\n\n.MafsView\n .movable-point:is(:focus, .movable-point--focus)\n .movable-point-focus-outline {\n visibility: visible;\n}\n\n.MafsView .movable-circle {\n cursor: grab;\n}\n\n.MafsView .movable-circle .circle {\n stroke-width: 2px;\n fill: transparent;\n}\n\n.MafsView .movable-circle:hover .circle {\n fill: var(--mafs-blue);\n fill-opacity: 0.16;\n}\n\n.MafsView .movable-circle.movable-circle--dragging {\n cursor: grabbing;\n outline: none;\n}\n\n.MafsView .movable-circle .focus-ring {\n visibility: hidden; /* overridden when the circle is focused */\n stroke: var(--mafs-blue);\n stroke-width: 2px;\n fill: transparent;\n}\n\n.MafsView .movable-circle:focus {\n outline: none;\n}\n\n.MafsView .movable-circle:focus-visible .focus-ring {\n visibility: visible;\n}\n\n.MafsView .movable-circle .movable-circle-handle {\n stroke: #fff;\n stroke-width: 2px;\n}\n\n.MafsView .movable-circle .movable-circle-handle-dot {\n fill: #fff;\n r: 1.25px;\n}\n\n@font-face {\n font-family: Mafs-MJXTEX;\n src: url(\"https://cdn.kastatic.org/fonts/mathjax/MathJax_Main-Regular.woff\")\n format(\"woff\");\n}\n\n.MafsView pattern g {\n stroke: rgba(33, 36, 44, 0.32);\n}\n\n.MafsView .angle-arc-interactive {\n stroke: var(--mafs-blue);\n stroke-width: 0.1px;\n}\n\n.MafsView .angle-arc-static {\n stroke: var(--static-gray);\n stroke-width: 0.1px;\n}\n\n.MafsView .axis-tick-label {\n /* There is a bug in the MathJax font for Safari, so we use KaTeX */\n font-family: \"KaTeX_Main\", \"Mafs-MJXTEX\", sans-serif;\n stroke: #fff;\n stroke-width: 5px;\n paint-order: stroke fill;\n}\n\n.MafsView .axis-tick {\n stroke: black;\n stroke-width: 1px;\n}\n\n.mafs-sr-only {\n height: 0;\n width: 0;\n overflow: hidden;\n}\n"]}
1
+ {"version":3,"sources":["zoomed-image-view.module.css","perseus-renderer.css","util.css","styles.css","paragraph-styles.css","perseus-renderer-part-1.css","widgets/categorizer.css","widgets/expression.css","widgets/free-response.css","widgets/grapher.css","widgets/graded-group.css","widgets/group.css","widgets/image.css","widgets/interactive-graph.css","widgets/label-image.css","widgets/matcher.css","widgets/matrix.css","widgets/measurer.css","widgets/numeric.css","widgets/orderer.css","widgets/plotter.css","widgets/sortable.css","widgets/table.css","widget-container.css","perseus-renderer-part-2.css","numeric-input.module.css","scrollable-view.module.css","choice-indicator.module.css","choice.module.css","multiple-choice.module.css","definition.module.css","explanation.module.css","image-widget.module.css","protractor.css","core.css","mafs-styles.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".contentWrapper {\n /* Undo the ModalContent padding so that the image takes up the whole modal. */\n margin-block: calc(-1 * var(--wb-c-modal-panel-layout-gap-default));\n margin-inline: calc(-1 * var(--wb-c-modal-panel-layout-gap-default));\n /* Remove inline spacing that creates a 1px gap below images */\n line-height: 0;\n}\n\n@media (max-width: 767px) {\n .contentWrapper {\n /* Smaller screens have a smaller inline gap */\n margin-inline: calc(-1 * var(--wb-c-modal-panel-layout-gap-small));\n /* On mobile, allow the image to fill the entire viewport */\n max-width: 100vw;\n max-height: 100vh;\n }\n}\n","@layer libraries, perseus-legacy;\n\n@import \"./util.css\" layer(perseus-legacy);\n@import \"./styles.css\"; /* These styles are needed in the shared layer to override element selectors that are provided in the shared layer by frontend apps */\n@import \"./paragraph-styles.css\" layer(perseus-legacy);\n@import \"./perseus-renderer-part-1.css\" layer(perseus-legacy);\n@import \"widgets/categorizer.css\" layer(perseus-legacy);\n@import \"widgets/dropdown.css\" layer(perseus-legacy);\n@import \"widgets/expression.css\" layer(perseus-legacy);\n@import \"widgets/free-response.css\" layer(perseus-legacy);\n@import \"widgets/grapher.css\" layer(perseus-legacy);\n@import \"widgets/graded-group.css\" layer(perseus-legacy);\n@import \"widgets/group.css\" layer(perseus-legacy);\n@import \"widgets/image.css\" layer(perseus-legacy);\n@import \"widgets/interactive-graph.css\" layer(perseus-legacy);\n@import \"widgets/label-image.css\" layer(perseus-legacy);\n@import \"widgets/matcher.css\" layer(perseus-legacy);\n@import \"widgets/matrix.css\" layer(perseus-legacy);\n@import \"widgets/measurer.css\" layer(perseus-legacy);\n@import \"widgets/numeric.css\" layer(perseus-legacy);\n@import \"widgets/orderer.css\" layer(perseus-legacy);\n@import \"widgets/plotter.css\" layer(perseus-legacy);\n@import \"widgets/sortable.css\" layer(perseus-legacy);\n@import \"widgets/table.css\" layer(perseus-legacy);\n@import \"widget-container.css\" layer(perseus-legacy);\n@import \"./perseus-renderer-part-2.css\" layer(perseus-legacy);\n/*\n This file replicates the definition order of our styling when it was in LESS format.\n The styling in the original perseus-renderer.less had import statements interspersed among style definitions\n (which you can't do in regular CSS - https://developer.mozilla.org/en-US/docs/Web/CSS/@import).\n Therefore, the definitions are broken out into two separate CSS files (-part-1.css and -part-2.css)\n and the import order is structured to mirror the original file.\n */\n",".perseus-sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n font-size: 0;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n.perseus-clearfix:before,\n.perseus-clearfix:after {\n content: \"\";\n display: table;\n}\n.perseus-clearfix:after {\n clear: both;\n}\n",".framework-perseus code {\n font-family: Courier, monospace;\n}\n.framework-perseus pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) table {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin-bottom: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h2 {\n font-family: inherit;\n font-size: 30px;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 16px;\n margin-top: 48px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h3 {\n font-family: inherit;\n font-size: 26px;\n font-weight: 700;\n line-height: 1.1;\n margin-bottom: 16px;\n margin-top: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) h4,\n.framework-perseus.perseus-article:not(.perseus-mobile) h5,\n.framework-perseus.perseus-article:not(.perseus-mobile) h6 {\n font-family: inherit;\n font-size: 22px;\n font-weight: 700;\n line-height: 25px;\n margin-bottom: 16px;\n margin-top: 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) blockquote {\n padding: 0 32px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .MathJax .math {\n color: inherit;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .unresponsive-svg-image,\n.framework-perseus.perseus-article:not(.perseus-mobile) .svg-image {\n font-size: 14px;\n line-height: 19.6px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) .perseus-block-math {\n margin-bottom: 32px;\n position: relative;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-block-math:before {\n bottom: 0;\n content: \"\";\n position: absolute;\n right: 0;\n top: 0;\n width: 30px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-block-math-inner {\n overflow-x: auto;\n padding-bottom: 8px;\n padding-right: 20px;\n padding-top: 8px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h1:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h2:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h3:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h4:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h5:first-child,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n > .clearfix:first-child\n > .perseus-renderer:first-child\n > .paragraph:first-child\n h6:first-child {\n margin-top: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile) pre {\n margin: 0 -16px 32px -16px;\n}\n.framework-perseus.perseus-mobile .clearfix > .perseus-renderer {\n margin-bottom: 32px;\n}\n.framework-perseus.perseus-mobile .perseus-block-math {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-touch-callout: none;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 24px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 24px;\n line-height: 1.2;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 22px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 21px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 21px;\n line-height: 1.5;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 18px;\n border-left: 4px solid #d8d8d8;\n }\n}\n@media (min-width: 767px) and (max-width: 1199px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 32px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 28px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 23px;\n line-height: 1.3;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 30px;\n line-height: 1.3;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 20px;\n border-left: 4px solid #d8d8d8;\n }\n}\n@media (min-width: 1200px) {\n .framework-perseus.perseus-mobile h1 {\n font-weight: 700;\n padding-top: 0px;\n font-family: inherit;\n font-size: 35px;\n line-height: 1.1;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile h2 {\n font-weight: 700;\n padding-top: 32px;\n font-family: inherit;\n font-size: 35px;\n line-height: 1.1;\n color: #3b3e40;\n }\n .framework-perseus.perseus-mobile h3,\n .framework-perseus.perseus-mobile h4 {\n font-weight: 700;\n padding-top: 16px;\n font-family: inherit;\n font-size: 30px;\n line-height: 1.1;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .default-body-text {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile blockquote {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n color: #888d93;\n }\n .framework-perseus.perseus-mobile table {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile mjx-container:not(.mafs-graph *) {\n font-size: 25px;\n line-height: 1.2;\n color: #21242c;\n }\n .framework-perseus.perseus-mobile .perseus-block-math mjx-container {\n font-size: 30px;\n line-height: 1.3;\n }\n .framework-perseus.perseus-mobile .graphie-label mjx-container {\n font-size: 1.21em;\n line-height: 1.2;\n }\n .framework-perseus.perseus-mobile code {\n font-family: Courier, monospace;\n }\n .framework-perseus.perseus-mobile pre {\n background-color: #f0f1f2;\n border-radius: 4px;\n color: #21242c;\n font-size: 18px;\n line-height: 1.6;\n padding: 16px;\n white-space: pre;\n overflow: auto;\n }\n .framework-perseus.perseus-mobile blockquote {\n padding: 0 0 0 20px;\n border-left: 5px solid #d8d8d8;\n }\n}\n.framework-perseus.perseus-mobile .MathJax .math {\n color: inherit;\n}\n.framework-perseus.perseus-mobile .perseus-image-widget {\n text-align: center;\n}\n.framework-perseus.perseus-mobile .perseus-block-math {\n padding-top: 16px;\n padding-bottom: 16px;\n}\n.framework-perseus.perseus-mobile .unresponsive-svg-image,\n.framework-perseus.perseus-mobile .svg-image {\n font-size: 14px;\n line-height: 19.6px;\n}\n.perseus-widget-editor-content .perseus-editor-accordion h2 {\n padding-top: 0;\n}\n",".framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin: 0 auto;\n max-width: 688px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .paragraph {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n margin-bottom: 32px;\n margin-top: 0;\n}\n/* Reset the Renderer margins for the image widget.\n The image widget title and caption shouldn't have margins,\n so we need to override the above styles. */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-widget\n .perseus-renderer\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n mjx-container {\n font-size: 100%;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n color: #21242c;\n font-size: 20px;\n line-height: 30px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n .paragraph,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n ol,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-image-caption\n .perseus-renderer\n .paragraph\n ul {\n color: rgba(33, 36, 44, 0.64);\n font-size: 14px;\n line-height: 19px;\n text-align: left;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .paragraph.perseus-paragraph-full-width {\n margin-bottom: 32px;\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip {\n padding: 8px 12px;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .perseus-renderer\n > .paragraph {\n margin-left: auto;\n margin-right: auto;\n max-width: 700px;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .paragraph.perseus-paragraph-full-width {\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .perseus-article\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile :not(blockquote) > div.paragraph {\n margin: 0;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n margin: 0 auto;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph:not(:first-child) {\n margin-top: var(--wb-sizing-size_240);\n margin-bottom: var(--wb-sizing-size_240);\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph > .paragraph {\n margin: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer) {\n margin: 0 0 0 1em;\n padding: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer)\n > li {\n padding-left: 10px;\n margin-bottom: 24px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n margin: 0;\n padding-left: 32px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol > li {\n list-style-type: decimal;\n margin-bottom: 24px;\n}\n.framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol ol,\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"])\n ol,\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ol\n ul:not([data-widget=\"radio\"]),\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"])\n ul:not([data-widget=\"radio\"]) {\n padding-top: 24px;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: none;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 18px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 14px;\n line-height: 1.3;\n text-align: left;\n }\n}\n@media (min-width: 767px) and (max-width: 1199px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: 512px;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 20px;\n line-height: 1.5;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 17px;\n line-height: 1.4;\n text-align: left;\n }\n}\n@media (min-width: 1200px) {\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n max-width: 688px;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .paragraph {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile .perseus-renderer > .paragraph ol {\n font-family: inherit;\n font-size: 22px;\n line-height: 1.4;\n color: #626569;\n }\n .framework-perseus.perseus-mobile\n .perseus-image-caption\n .paragraph\n .paragraph {\n color: #888d93;\n font-size: 20px;\n line-height: 1.4;\n text-align: left;\n }\n}\n.framework-perseus.perseus-mobile .paragraph.perseus-paragraph-full-width {\n margin-left: 0;\n margin-right: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .paragraph.perseus-paragraph-full-width\n > .paragraph {\n margin: 0;\n max-width: none;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip {\n padding: 8px 12px;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph {\n margin-bottom: 0;\n}\n.framework-perseus.perseus-mobile\n .perseus-renderer\n > .paragraph\n .perseus-formats-tooltip\n .paragraph\n ul:not([data-widget=\"radio\"]) {\n font-size: 15px;\n line-height: 1.5;\n margin: 0;\n}\n","#perseus {\n position: relative;\n}\n.framework-perseus.perseus-mobile {\n margin-top: 48px;\n}\n.no-select {\n -webkit-user-select: none;\n user-select: none;\n}\n.blank-background {\n background-color: #fdfdfd;\n}\n.graphie {\n -webkit-user-select: none;\n user-select: none;\n}\n.graphie svg {\n position: absolute;\n top: 0;\n left: 0;\n}\n.graphie var,\ndiv.graphie {\n white-space: pre;\n /**\n * Graphie didn't have a fixed font-size and was just using\n * the surrounding font-size. However some labels are banking on\n * specific dimensions, so we need to lock it to a specific size.\n */\n font-size: 14px;\n}\n.hint.last-hint .paragraph {\n font-weight: bold;\n}\n#answercontent input[type=\"text\"].perseus-input-size-normal,\n#answercontent input[type=\"number\"].perseus-input-size-normal,\n.framework-perseus input[type=\"text\"].perseus-input-size-normal,\n.framework-perseus input[type=\"number\"].perseus-input-size-normal {\n border: 1px solid #ccc;\n width: 80px;\n}\n#answercontent input[type=\"text\"].perseus-input-size-small,\n#answercontent input[type=\"number\"].perseus-input-size-small,\n.framework-perseus input[type=\"text\"].perseus-input-size-small,\n.framework-perseus input[type=\"number\"].perseus-input-size-small {\n border: 1px solid #ccc;\n width: 40px;\n}\n#answercontent input[type=\"text\"].perseus-input-right-align,\n#answercontent input[type=\"number\"].perseus-input-right-align,\n.framework-perseus input[type=\"text\"].perseus-input-right-align,\n.framework-perseus input[type=\"number\"].perseus-input-right-align {\n text-align: right;\n}\n.framework-perseus.perseus-mobile .perseus-input-right-align .keypad-input {\n text-align: right;\n}\n.framework-perseus div.paragraph {\n font-family: \"Lato\", sans-serif;\n font-weight: 400;\n font-size: 18px;\n line-height: 22px;\n margin: 22px 0px;\n}\n.framework-perseus .test-prep-blurb div.paragraph {\n font-size: 16px;\n line-height: 20px;\n}\n.framework-perseus div.instructions {\n display: block;\n font-family: \"Noto Serif\", serif;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n font-style: italic;\n}\n.framework-perseus\n .perseus-renderer\n > .paragraph\n > ul:not([data-widget=\"radio\"]),\n.framework-perseus .perseus-renderer > .paragraph > ol {\n margin: 0px 0px 22px 0px;\n}\n.framework-perseus\n .paragraph\n ul:not([data-widget=\"radio\"], .indicatorContainer) {\n padding-left: 35px;\n list-style-type: disc;\n}\n.framework-perseus .paragraph ol {\n list-style: decimal;\n padding-left: 2em;\n}\n.framework-perseus blockquote {\n padding: 0 2.5em;\n}\n.framework-perseus .zoomable {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-touch-callout: none;\n}\n.framework-perseus sup:not(.mq-non-leaf) {\n font-size: smaller;\n vertical-align: super;\n line-height: 0;\n}\n.framework-perseus .range-input {\n border: 1px solid #ccc;\n border-radius: 5px;\n display: inline-block;\n padding: 0px 5px;\n}\n.framework-perseus .range-input > input {\n border: 0;\n display: inline;\n text-align: center;\n width: 30px;\n}\n.framework-perseus .range-input > span {\n color: #999;\n font-size: 14px;\n}\n.framework-perseus .number-input {\n border: 1px solid #909296;\n border-radius: 5px;\n margin: 0;\n padding: 5px 0;\n text-align: center;\n width: 40px;\n}\n.framework-perseus .number-input.invalid-input {\n background-color: #ffbaba;\n outline-color: red;\n}\n.framework-perseus .number-input.mini {\n width: 40px;\n}\n.framework-perseus .number-input.small {\n width: 60px;\n}\n.framework-perseus .number-input.normal {\n width: 80px;\n}\n.framework-perseus .graph-settings .graph-settings-axis-label {\n border: 1px solid #ccc;\n border-radius: 5px;\n display: inline-block;\n padding: 5px 5px;\n width: 70px;\n float: right;\n margin: 0 5px;\n}\n.framework-perseus .graph-settings .graph-settings-background-url {\n width: 250px;\n}\n.framework-perseus .graphie-container {\n position: relative;\n}\n.framework-perseus .graph-settings,\n.framework-perseus .image-settings,\n.framework-perseus .misc-settings {\n padding-bottom: 5px;\n}\n.framework-perseus .misc-settings,\n.framework-perseus .type-settings {\n border-top: 1px solid black;\n padding-top: 5px;\n}\n.framework-perseus .svg-image {\n display: block;\n margin: 0 auto;\n margin-inline-start: auto;\n margin-inline-end: auto;\n}\n.framework-perseus .unresponsive-svg-image,\n.framework-perseus .perseus-rendered-radio .unresponsive-svg-image {\n display: inline-block;\n position: relative;\n}\n.framework-perseus .unresponsive-svg-image > .graphie-container,\n.framework-perseus\n .perseus-rendered-radio\n .unresponsive-svg-image\n > .graphie-container {\n position: absolute;\n top: 0;\n left: 0;\n}\n.framework-perseus .fixed-to-responsive {\n position: relative;\n width: 100%;\n /* Use CSS aspect-ratio property to maintain aspect ratio\n * without needing a spacer div. The aspect-ratio is set inline via style prop. */\n}\n.framework-perseus .fixed-to-responsive > :not(:first-child) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n/* Legacy table styles. Remove when XOM is rolled out (see below for\n updated XOM styles). */\n.framework-perseus:not(.perseus-mobile) table {\n font-size: 14px;\n line-height: 19.6px;\n}\n.framework-perseus:not(.perseus-mobile) table th,\n.framework-perseus:not(.perseus-mobile) table td {\n padding: 5px 10px;\n text-align: left;\n}\n.framework-perseus:not(.perseus-mobile) table th[align=\"center\"],\n.framework-perseus:not(.perseus-mobile) table td[align=\"center\"] {\n text-align: center;\n}\n.framework-perseus:not(.perseus-mobile) table th[align=\"right\"],\n.framework-perseus:not(.perseus-mobile) table td[align=\"right\"] {\n text-align: right;\n}\n.framework-perseus:not(.perseus-mobile) table th {\n border-bottom: 2px solid #ccc;\n font-weight: bold;\n padding-bottom: 2px;\n}\n.framework-perseus:not(.perseus-mobile) table tr:nth-child(odd) td {\n background-color: #f7f8fa;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-titled-table {\n display: inline-block;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-titled-table table {\n margin-left: auto;\n margin-right: auto;\n}\n.framework-perseus:not(.perseus-mobile) .perseus-table-title {\n text-align: center;\n font-size: larger;\n}\n.framework-perseus:not(.perseus-mobile)\n table.non-markdown\n tr:nth-child(odd)\n td {\n background-color: transparent;\n}\n.framework-perseus:not(.perseus-mobile) table.non-markdown th,\n.framework-perseus:not(.perseus-mobile) table.non-markdown td {\n border-width: 0;\n}\n/* New XOM styles for tables. */\n.framework-perseus.perseus-mobile {\n /* There are three kinds of tables:\n 1) normal \"tables\" - emitted by markdown (src/perseus-markdown.jsx)\n 2) \"titled tables\" - emitted by markdown as well (these are just\n tables with a title, and encased in one more element)\n 3) \"table widget\" - where a user is expected to enter answers in a\n table form (src/widgets/table.jsx).\n Moreover, there the Categorizer widget uses <table> tags, so these\n stylings will apply there as well. */\n}\n.framework-perseus.perseus-mobile table {\n border-collapse: collapse;\n margin: 0 auto;\n}\n.framework-perseus.perseus-mobile table tbody > tr {\n border: 1px solid #e5e5e5;\n}\n.framework-perseus.perseus-mobile table th,\n.framework-perseus.perseus-mobile table td {\n padding: 16px;\n text-align: left;\n}\n.framework-perseus.perseus-mobile table th[align=\"center\"],\n.framework-perseus.perseus-mobile table td[align=\"center\"] {\n text-align: center;\n}\n.framework-perseus.perseus-mobile table th[align=\"right\"],\n.framework-perseus.perseus-mobile table td[align=\"right\"] {\n text-align: right;\n}\n.framework-perseus.perseus-mobile table td {\n background: #fff;\n}\n.framework-perseus.perseus-mobile table th {\n font-weight: bold;\n}\n@media (max-width: 767px) {\n .framework-perseus.perseus-mobile table {\n width: 100%;\n min-width: 480px;\n }\n .framework-perseus.perseus-mobile table tbody > tr {\n border-left: 0;\n border-right: 0;\n }\n}\n.framework-perseus.perseus-mobile .perseus-titled-table {\n display: inline-block;\n}\n.framework-perseus.perseus-mobile .perseus-table-title {\n text-align: center;\n font-size: larger;\n}\n/* Widget CSS */\n.perseus-graph-padding {\n box-sizing: content-box;\n padding: 25px 25px 0 0;\n}\n.perseus-article .perseus-dropdown .perseus-renderer .paragraph,\n.perseus-article .perseus-dropdown .perseus-renderer .perseus-block-math {\n /* overriding overly broad selectors in .framework-perseus rules */\n margin-bottom: 0 !important;\n font-size: 18px !important;\n}\n",".categorizer-container {\n margin-top: 20px;\n}\n.categorizer-container div.paragraph {\n margin: 10px 0px;\n}\n.categorizer-container .category {\n text-align: center;\n}\n.categorizer-container table {\n min-width: 0;\n}\n\n/* Styles specifically for the mobile native apps */\nbody.mobile\n .categorizer-container\n td.category\n input[type=\"radio\"]:checked\n + span:before {\n color: #1c758a;\n}\nbody.mobile\n .categorizer-container\n td.category\n input[type=\"radio\"]\n + span:active:before {\n color: #666;\n content: \"\\f111\"; /* fa-circle */\n}\n",".perseus-widget-expression {\n position: relative;\n}\n.perseus-widget-expression > span {\n display: inline-block;\n vertical-align: middle;\n}\n.perseus-widget-expression .perseus-formats-tooltip {\n width: 190px;\n}\n",".framework-perseus {\n .free-response .free-response-question {\n /* Remove the top margin from the first paragraph, so there isn't forced\n spacing above the question. */\n :nth-child(1 of .paragraph) {\n margin-top: 0;\n }\n\n /* Remove the bottom margin from the last paragraph, so there isn't a\n large space between the question and the textarea. */\n :nth-last-child(1 of .paragraph) {\n margin-bottom: 0;\n }\n }\n}\n",".perseus-widget-grapher > .graphie-container {\n position: relative;\n}\n.perseus-widget-grapher > .graphie-container > img,\n.perseus-widget-grapher > .graphie-container .svg-image {\n position: absolute;\n}\n",".framework-perseus .perseus-graded-group {\n position: relative;\n width: 100%;\n margin-left: 3px;\n padding-left: 5px;\n}\n.framework-perseus .perseus-graded-group.answer-correct {\n border-left: 3px solid #76a005;\n margin-left: 0;\n}\n.framework-perseus .perseus-graded-group.answer-incorrect {\n border-left: 3px solid #ff8787;\n margin-left: 0;\n}\n.framework-perseus .perseus-graded-group .group-icon {\n font-size: 14px;\n position: absolute;\n top: 50%;\n top: calc(50% - 7px);\n left: -30px;\n text-align: center;\n width: 16px;\n}\n",".framework-perseus .perseus-group {\n position: relative;\n width: 100%;\n}\n.framework-perseus .perseus-group .group-icon {\n font-size: 14px;\n position: absolute;\n top: 50%;\n top: calc(50% - 7px);\n margin-left: -20px;\n}\n","/******************* Image widget styles *******************/\n\n.perseus-image-widget {\n margin-inline: auto;\n}\n.perseus-image-widget .perseus-image-title {\n text-align: center;\n}\n/* Reset default paragarph margins. */\n.perseus-image-widget .perseus-image-title .paragraph {\n margin-block: 0;\n}\n.perseus-image-widget .perseus-image-caption {\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n padding-left: 16px;\n position: relative;\n}\n.perseus-image-widget .perseus-image-caption .paragraph {\n font-size: var(--wb-font-body-size-small);\n line-height: var(--wb-font-body-lineHeight-small);\n padding-right: 12px;\n margin-block: 0;\n}\n.perseus-image-modal-title .paragraph .paragraph {\n font-size: var(--wb-font-heading-size-medium);\n line-height: var(--wb-font-heading-lineHeight-medium);\n}\n.perseus-image-modal-description .perseus-renderer .paragraph {\n /* Reset default Renderer margins for the description and caption. */\n margin: 0px 0px;\n}\n\n/******************* Image widget editor styles *******************/\n\n.perseus-image-editor .label-settings td {\n padding: 5px 4px;\n text-align: center;\n}\n.perseus-image-editor .label-settings tr:nth-child(odd) td {\n background-color: var(--wb-semanticColor-core-transparent);\n}\n.perseus-image-editor .label-settings th,\n.perseus-image-editor .label-settings td {\n border-width: 0;\n}\n.perseus-image-editor .image-settings,\n.perseus-image-editor .graph-settings {\n margin-top: 5px;\n}\n/* This prevents the image from overflowing its container in editor previews */\n.perseus-image-preview-container .image-loader-img {\n overflow: hidden;\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n/******************* Perseus hint renderer styles *******************/\n/* Note: all alignment styling are defined in widget-container.css */\n\n.perseus-hint-renderer .perseus-image-widget {\n margin-inline-start: 0;\n}\n.perseus-hint-renderer .svg-image {\n margin-inline-start: 0;\n}\n",".perseus-widget-interactive-graph > .graphie-container {\n position: relative;\n}\n.perseus-widget-interactive-graph > .graphie-container > img,\n.perseus-widget-interactive-graph\n > .graphie-container\n > .unresponsive-svg-image {\n position: absolute;\n bottom: 0;\n left: 0;\n}\n.perseus-mobile .tooltip.visible {\n z-index: 2;\n}\n.perseus-mobile .tooltip.visible .tooltip-content:before {\n border: solid;\n border-color: white transparent;\n border-width: 10px 10px 0 10px;\n bottom: -10px;\n content: \"\";\n left: 50%;\n transform: translateX(-50%);\n position: absolute;\n z-index: 2;\n}\n.perseus-mobile .tooltip .tooltip-content {\n display: none;\n}\n.perseus-mobile .tooltip.visible .tooltip-content {\n display: inline-block;\n background-color: #ffffff;\n border-radius: 5px;\n bottom: 50px;\n left: 50%;\n transform: translateX(-50%);\n padding: 5px;\n position: absolute;\n white-space: nowrap;\n min-width: 30px;\n text-align: center;\n}\n.perseus-mobile .tooltip.visible .tooltip-content mjx-container {\n color: #71b307 !important;\n}\n.perseus-mobile .graphie-label mjx-container {\n color: inherit !important;\n}\n",".framework-perseus .perseus-label-image-widget-instructions div.paragraph {\n margin: 0;\n}\n@media (max-width: 767px) {\n [id*=\"perseus-label-image-widget-answer-pill\"]\n > div.perseus-renderer-responsive {\n all: revert;\n }\n .framework-perseus.perseus-mobile\n [id*=\"perseus-label-image-widget-answer-pill\"]\n mjx-container {\n all: revert;\n }\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions {\n color: initial;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-renderer\n .paragraph\n > .paragraph {\n color: initial !important;\n font-size: initial !important;\n line-height: initial !important;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-block-math {\n padding: 0;\n}\n.framework-perseus:not(.perseus-article).perseus-mobile\n .perseus-label-image-widget-instructions\n .perseus-block-math\n mjx-container {\n font-size: initial !important;\n line-height: initial !important;\n}\n.perseus-label-image-widget-answer-choices\n .perseus-block-math\n > .perseus-block-math-inner,\n.perseus-label-image-widget-instructions\n .perseus-block-math\n > .perseus-block-math-inner {\n overflow-x: hidden !important;\n}\n",".perseus-widget-matcher {\n /* Ideally we'd get rid of this, as most of the styles have been moved\n to inline styles using Aphrodite, but this is a hacky \"reach-in\" into\n descendent widgets that we can't modify */\n}\n.perseus-widget-matcher div.paragraph {\n margin: 0;\n}\n",".perseus-matrix .matrix-prefix,\n.perseus-matrix .matrix-suffix {\n display: inline-block;\n margin: 10px 5px 0 10px;\n vertical-align: top;\n}\n.perseus-matrix .matrix-suffix {\n margin: 10px 10px 0 5px;\n}\n.perseus-matrix div.paragraph {\n margin: 0;\n}\n.perseus-matrix .matrix-input {\n background: #e2e2e2;\n display: inline-block;\n margin: 5px;\n padding: 3px;\n position: relative;\n width: auto;\n}\n.perseus-matrix .matrix-row {\n white-space: nowrap;\n}\n.perseus-matrix .matrix-bracket {\n border-color: #666;\n border-style: solid;\n border-bottom-width: 2px;\n border-top-width: 2px;\n margin-top: -2px;\n position: absolute;\n width: 6px;\n}\n.perseus-matrix .matrix-bracket.bracket-left {\n border-color: #666;\n border-left-width: 2px;\n border-right-width: 0;\n left: 3px;\n}\n.perseus-matrix .matrix-bracket.bracket-right {\n border-color: #666;\n border-left-width: 0;\n border-right-width: 2px;\n margin-left: -3px;\n}\n.perseus-matrix input,\n.perseus-matrix .number-input {\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n margin: 3px;\n padding: 0;\n text-align: center;\n}\n.perseus-matrix input.outside,\n.perseus-matrix .number-input.outside {\n background: #f3f3f3;\n}\n.perseus-matrix input:focus,\n.perseus-matrix .number-input:focus {\n border: none;\n outline: none;\n}\n.static-mode.perseus-matrix input,\n.static-mode.perseus-matrix .number-input {\n background: #f5f5f5;\n}\n.perseus-matrix.the-matrix .matrix-bracket,\n.perseus-matrix.the-matrix .matrix-left,\n.perseus-matrix.the-matrix .matrix-right {\n border-color: #29f139;\n}\n.perseus-matrix.the-matrix .matrix-input {\n background: #222;\n}\n.perseus-matrix.the-matrix input,\n.perseus-matrix.the-matrix .number-input {\n background: #666;\n color: #29f139;\n font-weight: bold;\n}\n.perseus-matrix.the-matrix input.outside,\n.perseus-matrix.the-matrix .number-input.outside {\n background: #444;\n}\nbody.mobile .perseus-matrix .matrix-input {\n display: table;\n}\nbody.mobile .perseus-matrix .matrix-row {\n display: table-row;\n}\nbody.mobile .perseus-matrix .matrix-input-field {\n display: table-cell;\n}\n.perseus-matrix-editor .perseus-single-editor {\n width: 338px;\n}\n",".perseus-widget-measurer {\n position: relative;\n}\n.perseus-widget-measurer img {\n position: absolute;\n}\n.perseus-widget-measurer-url {\n width: 70%;\n}\n#translations-dashboard .perseus-widget-measurer > .graphie {\n z-index: -1;\n}\n",".input-with-examples-tooltip {\n font-size: 18px;\n line-height: 28px;\n color: #717378;\n background: #fff;\n}\n.input-with-examples-tooltip ul {\n list-style-type: disc;\n margin-left: 30px;\n}\n.input-with-examples-tooltip strong {\n font-weight: 700;\n}\n.input-with-examples-tooltip em {\n font-style: italic;\n}\n",".orderer {\n position: relative;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n width: 100%;\n /* End Fix */\n}\n.orderer.layout-horizontal .draggable-box {\n margin-left: 0;\n margin-top: 30px;\n padding: 13px;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto;\n white-space: nowrap;\n /* End Fix */\n}\n.orderer .card {\n padding: 0 10px;\n cursor: pointer;\n position: relative;\n -webkit-user-select: none;\n user-select: none;\n width: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.orderer.height-normal.layout-horizontal .card {\n height: 65px;\n}\n.orderer.height-normal.layout-vertical .card {\n padding: 5px;\n}\n.orderer.height-auto .card {\n padding: 0;\n}\n.orderer.height-auto.layout-horizontal .drag-hint {\n min-height: 65px;\n min-width: 22px;\n}\n.orderer.layout-horizontal .bank {\n padding: 0;\n margin: 0px 13px;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n overflow-x: auto;\n white-space: nowrap;\n /* End Fix */\n}\n.orderer div.paragraph {\n margin: 0;\n}\n.orderer .card-wrap {\n width: auto;\n /* Start fix for wrapping issue caused by CSS reset removal */\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n /* End Fix */\n}\n.orderer.layout-horizontal .card-wrap {\n flex-shrink: 0;\n display: inline-block;\n margin: 4px; /* Uniform spacing around each card */\n}\n.orderer.layout-vertical .card-wrap {\n float: none;\n text-align: center;\n}\n.orderer.layout-vertical .card-wrap:not(:first-child) {\n margin-top: 8px;\n}\n.orderer.layout-vertical .bank,\n.orderer.layout-vertical .draggable-box {\n box-sizing: border-box;\n float: left;\n max-width: 50%;\n}\n.orderer.layout-vertical .bank {\n padding: 11px 20px 11px 0;\n margin: 0;\n}\n.orderer.layout-vertical .draggable-box {\n margin-top: 0;\n padding: 10px;\n min-height: 170px;\n}\n.orderer.layout-vertical .draggable-box .drag-hint {\n box-sizing: border-box;\n min-width: 140px;\n min-height: 34px;\n}\n.orderer.layout-vertical .draggable-box .placeholder {\n box-sizing: border-box;\n}\n",".perseus-widget-plotter svg,\n.perseus-widget-plotter vml {\n position: absolute;\n}\n.perseus-widget-plotter span.rotate {\n transform: rotate(-90deg);\n}\n.set-from-scale-box {\n border: 2px solid #eeeeee;\n border-radius: 3px;\n padding: 3px;\n}\n.categories-title {\n font-size: 14px;\n}\n.perseus-mobile .perseus-widget-plotter {\n border: solid 0.5px #babec2;\n border-radius: 4px;\n}\n.perseus-mobile .perseus-widget-plotter .graphie-label mjx-container {\n color: #626569;\n}\n",".draggy-boxy-thing .draggable-box,\n.draggy-boxy-thing .cards-area {\n background: #eee;\n border: 1px solid #ccc;\n border-bottom: 1px solid #aaa;\n box-shadow: 0 1px 2px #ccc;\n}\n.draggy-boxy-thing .card {\n background-color: #fff;\n border: 1px solid #b9b9b9;\n border-bottom-color: #939393;\n border-radius: 4px;\n cursor: pointer;\n touch-action: none;\n}\n.draggy-boxy-thing .card.placeholder {\n background: #ddd;\n border: 1px solid #ccc;\n}\n.draggy-boxy-thing .card.drag-hint {\n background: none;\n border: 1px dashed #aaa;\n cursor: auto;\n}\n.draggy-boxy-thing .card.drag-hint:hover {\n border-color: #aaa;\n box-shadow: none;\n}\n.draggy-boxy-thing .card.dragging {\n background-color: #ffedcd;\n opacity: 0.8;\n filter: opacity(0.8);\n}\n.draggy-boxy-thing .card.stack {\n z-index: auto;\n}\n.draggy-boxy-thing .card.stack:after {\n content: \" \";\n background-color: #fff;\n border: 1px solid #b9b9b9;\n border-bottom-color: #939393;\n border-radius: 4px;\n height: 100%;\n width: 100%;\n z-index: -1;\n top: 1px;\n left: 1px;\n position: absolute;\n}\n.draggy-boxy-thing .card:hover {\n border-color: #ffa500;\n box-shadow: 0 0 4px #c78100;\n}\n.perseus-sortable div.paragraph {\n margin: 0;\n}\n.perseus-sortable .perseus-sortable-draggable:before {\n content: \"\";\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.perseus-sortable .perseus-sortable-draggable > div {\n display: inline-block;\n font-size: 14px;\n max-width: 100%;\n vertical-align: middle;\n}\n.perseus-sortable .perseus-sortable-draggable-unpadded img {\n vertical-align: bottom;\n}\n",".framework-perseus table.perseus-widget-table-of-values.non-markdown {\n text-align: left;\n margin: 20px auto;\n border-collapse: collapse;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown tr {\n height: 23px;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown th,\n.framework-perseus table.perseus-widget-table-of-values.non-markdown td {\n border: 2px solid black;\n border-width: 0 2px;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th:first-child,\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td:first-child {\n border-left: 0;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th:last-child,\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td:last-child {\n border-right: 0;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown th {\n font-weight: normal;\n padding: 5px;\n width: 80px;\n text-align: left;\n border-bottom: 2px solid black;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n th\n .paragraph {\n margin: 0;\n}\n.framework-perseus table.perseus-widget-table-of-values.non-markdown td {\n padding: 0px 5px;\n}\n.framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n tbody\n tr:first-child\n td {\n padding-top: 5px;\n}\n.framework-perseus table.perseus-widget-table-of-values input {\n width: 80px;\n}\nbody.mobile\n .framework-perseus\n table.perseus-widget-table-of-values.non-markdown\n td {\n padding: 5px;\n}\n","/* Highlight states for editor/interaction */\n.perseus-widget-container.widget-nohighlight {\n transition: all 0.15s;\n}\n\n.perseus-widget-container.widget-highlight {\n box-shadow: 0px 0px 0px var(--wb-sizing-size_020) #ffa500;\n transition: all 0.15s;\n}\n\n/******************* Start for WidgetContainer's alignment CSS styling *******************/\n/* Base display modes */\n.perseus-widget-container.widget-inline {\n display: inline;\n}\n.perseus-widget-container.widget-inline-block {\n display: inline-block;\n vertical-align: bottom;\n}\n.perseus-widget-container.widget-block {\n display: block;\n}\n\n/* Base float alignment classes (no float applied at base level) */\n.perseus-widget-container.widget-wrap-left,\n.perseus-widget-container.widget-wrap-right {\n display: inline-block;\n}\n\n/* Desktop article context - spacing and constraints for wrap-left or wrap-right */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right {\n max-width: 50%;\n padding-top: var(--wb-sizing-size_240);\n width: 100%;\n}\n\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left {\n float: inline-start;\n padding-right: var(--wb-sizing-size_320);\n padding-left: var(--wb-sizing-size_320);\n}\n\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right {\n float: inline-end;\n padding-left: var(--wb-sizing-size_320);\n padding-right: var(--wb-sizing-size_320);\n}\n\n/* Mobile context - block display, no float */\n.framework-perseus.perseus-article.perseus-mobile\n .perseus-widget-container.widget-wrap-left,\n.framework-perseus.perseus-article.perseus-mobile\n .perseus-widget-container.widget-wrap-right {\n float: none;\n display: inline-block;\n max-width: 100%;\n width: 100%;\n padding-top: var(--wb-sizing-size_320);\n padding-left: 0;\n padding-right: 0;\n}\n/******************* End for WidgetContainer's alignment CSS styling *******************/\n\n/* Typography and sizing */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container:not(.perseus-widget__definition) {\n font-size: var(--wb-sizing-size_140);\n line-height: 19.6px;\n}\n\n.framework-perseus.perseus-mobile .perseus-widget-container {\n font-size: var(--wb-sizing-size_140);\n line-height: 19.6px;\n}\n\n/* Specific for perseus-image-widget caption styling within floated widgets */\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-left\n .perseus-image-caption\n .paragraph\n .paragraph,\n.framework-perseus.perseus-article:not(.perseus-mobile)\n .perseus-widget-container.widget-wrap-right\n .perseus-image-caption\n .paragraph\n .paragraph {\n margin-bottom: 0;\n}\n\n.framework-perseus.perseus-mobile\n .perseus-widget-container.widget-wrap-left\n .perseus-image-caption\n .paragraph\n .paragraph,\n.framework-perseus.perseus-mobile\n .perseus-widget-container.widget-wrap-right\n .perseus-image-caption\n .paragraph\n .paragraph {\n margin-bottom: 0;\n}\n","/* All perseus-widget-container styles moved to widget-container.css */\n\n.bibliotron-exercise .perseus-hint-renderer {\n border-left: 4px solid #f6f7f7;\n padding-left: 16px;\n position: relative;\n}\n.bibliotron-exercise .perseus-hint-renderer:focus {\n border-left-color: #d6d8da;\n outline: none;\n}\n.bibliotron-exercise .perseus-hint-renderer:before,\n.bibliotron-exercise .perseus-hint-renderer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.bibliotron-exercise .perseus-hint-renderer div.paragraph {\n margin-top: 0px;\n margin-bottom: 16px;\n}\n.bibliotron-exercise .perseus-hint-renderer.last-hint {\n margin-bottom: 32px;\n}\n@media (max-width: 767px) {\n .bibliotron-exercise .perseus-hint-renderer.last-hint {\n margin-bottom: 0;\n }\n}\n.perseus-hint-label {\n color: #00457c;\n display: none;\n font-weight: 600;\n margin-right: 13px;\n position: absolute;\n right: 100%;\n white-space: nowrap;\n}\n.perseus-domain-science .perseus-hint-label {\n color: #9e034e;\n}\n.perseus-domain-math .perseus-hint-label {\n color: #007d96;\n}\n.perseus-domain-economics .perseus-hint-label {\n color: #a75a05;\n}\n.perseus-domain-partner .perseus-hint-label {\n color: #208170;\n}\n.perseus-domain-humanities .perseus-hint-label {\n color: #be2612;\n}\n.perseus-domain-test-prep .perseus-hint-label {\n color: #543b78;\n}\n.perseus-domain-cs .perseus-hint-label {\n color: #0d923f;\n}\n.bibliotron-exercise .perseus-hint-renderer.last-rendered .perseus-hint-label {\n display: block;\n}\n@media (max-width: 767px) {\n .bibliotron-exercise\n .perseus-hint-renderer.last-rendered\n .perseus-hint-label {\n display: none;\n }\n}\n/*\n Extra specificity needed to override other styles that are too broad.\n Once we get a better framework in place (like CSS Modules), we can fix this selector.\n*/\n.framework-perseus .perseus-formats-tooltip .paragraph,\n.framework-perseus .tooltipContainer .perseus-formats-tooltip .paragraph ul {\n margin: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode {\n background-color: transparent;\n font-size: 18px;\n min-width: 100px;\n border: unset;\n /* Even in RTL languages, math is LTR. */\n /* So we force this component to always render LTR */\n direction: ltr;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode.mq-focused {\n box-shadow: unset;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode > .mq-root-block {\n padding: 4px;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-cursor {\n padding-left: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-paren.mq-ghost {\n color: inherit;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-paren + span {\n margin: 0;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode .mq-binary-operator {\n font-family: KaTeX_Main !important;\n}\n.perseus-math-input.mq-editable-field.mq-math-mode sup {\n line-height: normal;\n}\n.perseus-widget-editor\n .perseus-math-input.mq-editable-field.mq-math-mode\n > .mq-root-block {\n border-radius: 0;\n}\n.math-input-buttons {\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 5px;\n border: 1px solid #ddd;\n box-sizing: border-box;\n margin-top: 5px;\n padding: 2px;\n width: 201px;\n}\n.math-input-buttons.absolute {\n left: -2px;\n position: absolute;\n top: -3px;\n z-index: 5;\n}\n.tex-button {\n display: block;\n float: left;\n width: 35px;\n height: 35px;\n margin: 2px;\n border: 1px solid #1c758a;\n background-color: white;\n border-radius: 5px;\n}\n.tex-button:hover {\n cursor: pointer;\n background-color: #f0f0f0;\n}\n.tex-button:focus {\n border: 2px solid #1c758a;\n outline: none;\n}\n.tex-button-row {\n margin: 5px 0;\n}\n.tex-button-row:first-child {\n margin-top: 0;\n}\n.tex-button-row:last-child {\n margin-bottom: 0;\n}\n.renderer-widget-error {\n background-color: #fcc;\n}\n.perseus-error {\n background: #ffbaba;\n border: 2px solid red;\n border-radius: 5px;\n padding: 20px;\n margin: 15px 0 10px;\n}\n@media (max-width: 767px) {\n .perseus-renderer-responsive {\n margin: 0 16px;\n }\n .perseus-renderer-responsive .perseus-renderer-responsive {\n margin: 0;\n }\n}\n@media (max-width: 767px) {\n .perseus-mobile .perseus-block-math {\n font-size: 18px;\n }\n}\n","/* Styles for the InputWithExamples */\n.input-with-examples {\n border-radius: 0.3rem;\n border-width: var(--wb-border-width-thin);\n /*\n Even in RTL languages, math is LTR.\n So we force this component to always render LTR\n */\n direction: ltr;\n display: inline-block;\n font-family: Symbola, \"Times New Roman\", serif;\n font-size: 1.8rem;\n height: 3.2rem;\n line-height: 1.8rem;\n padding: 0.4rem 0.5rem;\n text-align: left;\n width: 8rem;\n}\n\n.input-with-examples.is-focused {\n border-width: var(--wb-border-width-medium);\n padding: 0.4rem;\n}\n\n.input-with-examples.right-align {\n text-align: right;\n}\n\n.input-with-examples.size-small {\n width: 4rem;\n}\n",".scroll-buttons-container {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: 0.8rem;\n padding: 1.2rem;\n /* Ensure scroll buttons stay above fade effects and remain clickable even the multiple choice widget is no longer interactive/checked state */\n position: relative;\n z-index: 10;\n}\n",".base {\n -webkit-tap-highlight-color: transparent;\n appearance: none; /* Remove user agent formatting in favor of our own */\n background-color: var(--wb-semanticColor-core-transparent);\n border: solid var(--wb-border-width-medium)\n var(--wb-semanticColor-core-border-neutral-strong);\n color: var(--wb-semanticColor-core-foreground-neutral-default);\n cursor: pointer;\n font-family: var(--wb-font-family-sans);\n font-size: var(--perseus-multiple-choice-indicator-font-size);\n font-weight: var(--wb-font-weight-bold);\n height: var(--perseus-multiple-choice-indicator-size);\n line-height: var(--wb-font-heading-lineHeight-small);\n outline: 0 solid var(--wb-semanticColor-core-background-instructive-default);\n outline-offset: 0;\n padding: 0;\n /* Along with the `transform` property applied to the <fieldset> ancestor,\n the following `position` property will enable the indicator to stay in a fixed place while scrolling.\n */\n position: fixed;\n width: var(--perseus-multiple-choice-indicator-size);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .base {\n transition:\n all 0.125s,\n outline-width 0s,\n outline-offset 0s;\n }\n}\n\n/* Show outline on hover, focus, and when the choice container is hovered.\n Since we don't have a reference to the container's class name,\n we grab the parent element with :has(> .base)\n and apply the ring when the parent is hovered.\n The exception to this is when the indicator is showing correctness\n (i.e. has the classes .is-correct or .is-wrong).\n Mobile known inconsistent behavior on hover effect when scrolling left-to-right/up-and-down:\n - Android doesn't show the outline during tap-dragging gestures, only when user taps the choice.\n - iOS shows the outline during tap-dragging gestures.\n */\n.base:hover,\n.base:focus,\n:has(> .base):hover .base:not(:where(.is-correct, .is-wrong)) {\n outline-offset: var(--wb-sizing-size_020);\n outline-width: var(--wb-sizing-size_020);\n}\n\n/* button is checked */\n.base[aria-pressed=\"true\"] {\n background-color: var(\n --wb-semanticColor-core-background-instructive-default\n );\n border-width: 0;\n color: var(--wb-semanticColor-core-foreground-knockout-default);\n}\n\n/* Icon inside the button when showing correctness */\n.icon {\n /* The size of the icon, and the space between the icon and the choice letter\n should scale visually with the font-size.\n Even though the checkbox is an icon, it is acting like text (i.e. similar to unicode icons).\n If we change the font size of the letter, we want the icon to scale proportionally.\n The space between the icon and the letter should also be proportional to their size.\n By setting the width, height, and margin to an em unit,\n we don't have to worry about adjusting these if we change the font size of the letter,\n and it will scale with any user-based font-size changes.\n The height and width of the icon is calculated based upon the revised specs,\n which end up being this weird fraction.\n */\n margin-inline-end: calc(1em / 3) !important;\n height: calc(7em / 6) !important;\n width: calc(7em / 6) !important;\n}\n\n.is-correct,\n.is-wrong {\n cursor: default;\n}\n\n.is-correct:hover,\n.is-wrong:hover {\n outline: none;\n}\n\n.is-correct[aria-pressed=\"true\"] {\n background-color: var(--wb-semanticColor-core-background-success-strong);\n color: var(--wb-semanticColor-core-foreground-knockout-default);\n width: var(--perseus-multiple-choice-indicator-correct-size);\n}\n\n.is-wrong {\n background-color: var(--wb-semanticColor-core-transparent);\n border-color: var(--wb-semanticColor-core-border-disabled-strong);\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n}\n\n.circle-shape {\n /* Why set border-radius to 100vh?\n Extremely large border radii cause an overlap situation,\n resulting in a recalculation to the smallest radius that doesn't cause overlap,\n and applying the reduction proportionally across all radii.\n https://drafts.csswg.org/css-backgrounds/#corner-overlap\n Using this method of rounding the edges instead of specifying a pre-determined amount\n in order to make the measurement relative to the size of the button.\n In the case where the single-select indicator has multiple elements in its content (like a checkmark),\n the shape changes from a circle to a gel-capsule.\n This property setting automatically handles that case without the need for JS logic.\n */\n border-radius: 100vh;\n}\n\n.square-shape {\n border-radius: var(--wb-sizing-size_040);\n}\n",":global(.framework-perseus) {\n /* OVERRIDES\n These styles should be removed when either layering control within Perseus is available,\n or when the high-level styles are refactored and these become unnecessary.\n */\n .choice :global(.paragraph) {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n }\n\n &:global(.perseus-article) {\n .choice:not(.is-correct):has(> button[aria-pressed=\"true\"])\n :global(.paragraph) {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n }\n }\n}\n\n.choice {\n -webkit-tap-highlight-color: transparent;\n --perseus-multiple-choice-divider-color: var(\n --wb-semanticColor-core-border-neutral-subtle\n ); /* This will change with hover & focus */\n --perseus-multiple-choice-divider-width: var(\n --wb-border-width-thin\n ); /* This will change with hover & focus */\n --perseus-multiple-choice-divider-space: var(\n --wb-border-width-medium\n ); /* Space between the choices, which is also used to position the divider */\n border-radius: var(--wb-border-radius-radius_080);\n font-size: var(--wb-font-heading-size-medium);\n font-weight: var(--wb-font-weight-semi);\n line-height: var(--wb-font-heading-lineHeight-medium);\n margin-block-end: var(--perseus-multiple-choice-divider-space);\n min-height: calc(var(--perseus-multiple-choice-spacing) * 4);\n outline: var(--wb-border-width-medium) solid\n var(--perseus-multiple-choice-correctness-outline-color, transparent);\n outline-offset: calc(var(--wb-border-width-medium) * -1);\n padding: var(--perseus-multiple-choice-spacing);\n position: relative; /* Needed to enable the dividers (:before and :after pseudo-elements) to position correctly */\n width: 100%;\n}\n\n.choice:hover {\n cursor: pointer;\n}\n\n.choice:not(.is-correct):has(> button[aria-pressed=\"true\"]) {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n}\n\n.choice :global(.paragraph) {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .choice {\n transition: all 0.125s;\n }\n}\n\n/*****************\n BORDER MANAGEMENT\n *****************/\n\n/* Horizontal divider between choices */\n.choice:after,\n.choice:before {\n background-color: var(--perseus-multiple-choice-divider-color);\n content: \"\";\n display: block;\n height: var(--perseus-multiple-choice-divider-width);\n margin-inline-start: calc(\n var(--perseus-multiple-choice-spacing) * -1\n ); /* Account for the padding on the sides of the choice */\n position: absolute;\n width: 100%;\n z-index: 1; /* Ensure the divider is above the scroll fade when it is showing */\n}\n\n.choice:before {\n top: calc(\n (\n var(--perseus-multiple-choice-divider-space) -\n (\n (\n var(--perseus-multiple-choice-divider-space) -\n var(--wb-border-width-thin)\n ) / 2\n )\n ) * -1\n );\n}\n\n.choice:after {\n bottom: calc(\n (\n var(--perseus-multiple-choice-divider-space) +\n (\n (\n var(--wb-border-width-thin) -\n var(--perseus-multiple-choice-divider-space)\n ) / 2\n )\n ) * -1\n );\n}\n\n.choice:hover:after,\n.choice:focus-within:after,\n.choice:hover:before,\n.choice:focus-within:before {\n z-index: 10; /* Ensure the divider is above the adjacent choice dividers */\n}\n\n/* The first choice option needs additional space for the border */\n.choice:first-of-type {\n margin-block-start: var(--perseus-multiple-choice-divider-space);\n}\n\n/* Enhance (thicker and darker) the divider between choices when:\n - the choice indicator has focus (not in review mode) OR\n - the choice is hovered (not in review mode) OR\n - the choice is in review mode AND\n - the choice is incorrect AND\n - the choice indicator has focus\n Mobile known inconsistent behavior on hover effect when scrolling left-to-right/up-and-down:\n - Android doesn't show the enhanced divider during tap-dragging gestures, only when user taps the choice.\n - iOS shows the enhanced divider during tap-dragging gestures.\n */\n.choice:not(.is-correct):focus-within,\n.choice:not(.is-correct, .is-wrong):hover {\n --perseus-multiple-choice-divider-width: var(--wb-border-width-medium);\n --perseus-multiple-choice-divider-color: var(\n --wb-semanticColor-core-border-neutral-default\n );\n}\n\n/***********\n REVIEW MODE\n ***********/\n\n.is-correct {\n --perseus-multiple-choice-divider-width: 0;\n --perseus-multiple-choice-correctness-outline-color: var(\n --wb-semanticColor-core-border-success-default\n );\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n}\n\n.is-wrong {\n color: var(--wb-semanticColor-core-foreground-neutral-subtle);\n}\n\n.is-correct:hover,\n.is-wrong:hover {\n cursor: default;\n}\n\n/* Don't show borders for choices that come after a correct choice.\n Here, the \"choices that come after\" is defined by the sibling selector:\n + :not(.is-correct)\n However, we only want to affect the top border of the sibling,\n which is in the :before pseudo-element:\n + :not(.is-correct):before\n*/\n.is-correct + :not(.is-correct):before {\n --perseus-multiple-choice-divider-width: 0;\n}\n\n/* Don't show borders for choices that come before a correct choice.\n Here, we want to affect the siblings \"that come before\", so we use :has().\n This reads as \"apply to any element that 'has' a sibling that 'is-correct'\".\n It also only applies the style change to the :after pseudo-element (the bottom border).\n*/\n:not(.is-correct):has(+ .is-correct):after {\n --perseus-multiple-choice-divider-width: 0;\n}\n\n/**************\n LEGACY STYLING\n **************/\n\n/* Content has been created with this rule in place since the dawn of time, so we need to keep it */\n.choice :global(.paragraph),\n.choice\n :global(.paragraph)\n div:not(\n :global(.graphie-container),\n :global(.graphie),\n :global(.unresponsive-svg-image)\n ),\n.choice :global(.paragraph) p {\n display: inline;\n}\n\n.choice table {\n border: 1px solid #ccc;\n}\n\n/*************************\n IMAGES ON THEIR OWN LINES\n *************************/\n\n/*\n Images should be on their own lines when a double return is placed between them and the content around them.\n The selectors here represent what that looks like after the markdown is rendered.\n NOTE: Causing the containing `.paragraph` elements to display as block elements\n also causes vertical spacing to be applied due to the `margin` on the `.paragraph` class.\n The last rule removes the leading space on images that \"start\" the choice.\n */\n\n/* Images with surrounding text that is on the same line should be aligned in the middle */\n.choice :global(.paragraph) img {\n vertical-align: middle;\n}\n\n/* Paragraphs with only images that are adjacent to other paragraphs (before or after) */\n.choice :global(.paragraph) :global(+ .paragraph):has(img:only-child),\n.choice :global(.paragraph):has(img:only-child):has(:global(+ .paragraph)) {\n display: block;\n}\n\n/* Remove the leading margin when the first paragraph is an image, for better alignment with the choice indicator */\n.choice :global(.paragraph):first-child:has(img:only-child) {\n margin-block-start: 0;\n}\n",".container {\n /* Variables used in choice.module.css and choice-indicator.module.css.\n Placed here for convenience so that we don't have to maintain common values in multiple places.\n */\n --perseus-multiple-choice-spacing: var(--wb-sizing-size_160);\n --perseus-multiple-choice-indicator-font-size: var(\n --wb-font-heading-size-small\n );\n --perseus-multiple-choice-indicator-size: 3.2rem;\n /* 1.5 accounts for size of checkmark icon and its margin */\n --perseus-multiple-choice-indicator-correct-size: calc(\n calc(var(--perseus-multiple-choice-indicator-font-size) * 1.5) +\n var(--perseus-multiple-choice-indicator-size)\n );\n --perseus-multiple-choice-content-margin: calc(\n var(--perseus-multiple-choice-spacing) +\n var(--perseus-multiple-choice-indicator-size)\n );\n --perseus-multiple-choice-fade-direction: 90deg; /* Default is left to right */\n --perseus-multiple-choice-fade-color: var(\n --perseus-widget-background-color,\n var(--wb-semanticColor-core-background-base-default)\n ); /* Accounts for theme color, unless a background color is specified (i.e. from Graded Group Set) */\n\n box-sizing: border-box; /* Added here to ensure proper sizing in the editor preview */\n min-width: auto; /* Needed for scrollable view to work */\n padding-inline-end: var(--perseus-multiple-choice-spacing);\n /* The following transform will cause a new reference layer for its descendants,\n which we use to position the indicator and the scroll fade in a fixed place while scrolling.\n */\n transform: translateZ(0);\n}\n\n.choice-list {\n padding: 0;\n list-style: none;\n margin: 0;\n min-width: fit-content;\n width: 100%;\n scrollbar-width: thin;\n}\n\n.choice-list:dir(rtl) {\n --perseus-multiple-choice-fade-direction: 270deg; /* Flip to right to left when in RTL mode */\n}\n\n/* FADE BARS FOR SCROLLING\n A white bar starts on the left side and stays solid until a small amount (spacing / 2) past the indicator (content margin).\n It then fades to transparent over that same small amount.\n It stays transparent until the opposite side of the container,\n where it fades back to white in the reverse order as just described.\n In review mode, the left side starts fading to transparent at a further distance to account for the checkmark icon.\n This is why --perseus-multiple-choice-content-margin is used on the left side,\n but the right side uses --perseus-multiple-choice-spacing.\n Also, in order to account for text direction, the direction is flipped when in RTL mode.\n*/\n.choice-list:before {\n background: linear-gradient(\n /* 90deg or 270deg */ var(--perseus-multiple-choice-fade-direction),\n var(--perseus-multiple-choice-fade-color)\n calc(\n var(--perseus-multiple-choice-content-margin) +\n (var(--perseus-multiple-choice-spacing) / 2)\n ),\n transparent\n calc(\n var(--perseus-multiple-choice-content-margin) +\n var(--perseus-multiple-choice-spacing)\n )\n calc(100% - (var(--perseus-multiple-choice-spacing) * 1.5)),\n var(--perseus-multiple-choice-fade-color)\n calc(100% - var(--perseus-multiple-choice-spacing))\n );\n content: \"\";\n display: block;\n height: 100%;\n position: fixed;\n width: 100%;\n}\n\n.content {\n display: flex;\n flex-direction: column;\n gap: var(--wb-sizing-size_120);\n margin-inline-start: var(--perseus-multiple-choice-content-margin);\n position: relative; /* Needed to enable the z-index to work */\n z-index: -1; /* Ensures that the content is below the indicator and scroll fade */\n /* Remove the following line once support for Safari is at least v16.4 */\n --perseus-content-line-height: var(--wb-font-heading-lineHeight-medium);\n}\n\n/* Remove the following line once support for Safari is at least v16.4\n https://caniuse.com/wf-lh\n*/\n@supports (margin-block-start: 1lh) {\n .content {\n --perseus-content-line-height: 1lh;\n }\n}\n\n/* Add small top margin to the content container to optically align text with the indicator.\n This only applies to content that does not have an image or tall-math-containing choices as its first child.\n This calculation takes into account the line height of the text and the height of the indicator.\n The 0.4 multiplier is due to how the font distributes extra line height space around the text.\n Since it isn't an exact 50% split (the descender probably messes things up),\n a 40% multiplier works well across various line heights.\n Choices with tall MathJax elements are excluded because they render taller than the CSS line-height\n (e.g. fractions, roots, under/over-scripts), which would cause the math to visually shift away from the indicator.\n For tall math content, the natural top-alignment with the indicator is the correct visual behavior.\n Short inline math (e.g. $x = 4$) stays within the CSS line-height and benefits from the margin.\n*/\n.content:not(\n :has(\n :global(.paragraph):first-child\n > :global(.paragraph)\n :is(\n img,\n mjx-mfrac,\n mjx-msqrt,\n mjx-mroot,\n mjx-munder,\n mjx-mover,\n mjx-munderover\n )\n )\n ) {\n /* Replace \"var(--perseus-content-line-height)\" with \"1lh\" once support for Safari is at least v16.4 */\n margin-block-start: calc(\n (\n var(--perseus-multiple-choice-indicator-size) -\n var(--perseus-content-line-height)\n ) * 0.4\n );\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .content {\n transition: all 0.125s;\n }\n}\n\n.instructions {\n display: block;\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n font-size: 1.8rem;\n line-height: 1.25;\n font-family: inherit;\n font-style: normal;\n font-weight: bold;\n margin-block-end: var(--wb-sizing-size_160);\n}\n\n.rationale {\n font-size: var(--wb-font-body-size-medium);\n font-weight: var(--wb-font-weight-medium);\n line-height: var(--wb-font-body-lineHeight-medium);\n}\n\n.rationale.is-correct {\n color: var(--wb-semanticColor-core-foreground-neutral-default);\n}\n\n.rationale :global(.perseus-renderer) {\n /* Ensures that multiple paragraphs are stacked with spacing */\n display: flex;\n flex-direction: column;\n gap: var(--wb-sizing-size_120);\n}\n\n.rationale :global(.perseus-renderer .paragraph) {\n /* Removes margin that is added by overly-broad styling for .paragraph - the gap in the rule above handles spacing */\n margin: 0;\n}\n\n.rationale :global(.perseus-renderer > .paragraph:not(:has(*))) {\n /* Ensures that empty paragraphs do not take up space */\n display: none;\n}\n\n.review-answers {\n --perseus-multiple-choice-content-margin: calc(\n var(--perseus-multiple-choice-spacing) +\n var(--perseus-multiple-choice-indicator-correct-size)\n );\n}\n",".definition {\n color: var(--wb-semanticColor-core-foreground-instructive-strong);\n border-bottom: none;\n}\n\n:hover > .definition,\n:focus > .definition,\n:active > .definition {\n /* Note(TB): Probably don't need borderBottom styling as Clickable handles that.\n If removed, also remove the Focused story. */\n border-bottom: 2px solid\n var(--wb-semanticColor-core-border-instructive-default);\n}\n\n.tooltip-body {\n color: var(--wb-semanticColor-core-foreground-neutral-strong);\n font-size: var(--wb-font-body-size-medium);\n font-weight: var(--wb-font-weight-medium);\n line-height: var(--wb-font-body-lineHeight-medium);\n}\n","/*\n Special styling is needed to fit the button in a block of text without throwing off the line spacing.\n While the button is not normally included in a block of text, it needs to be able to accommodate such a case.\n*/\n.button-style-overrides {\n height: auto;\n line-height: inherit;\n margin-left: -0.2rem; /* transfer space on the left side to the padding */\n margin-right: 0.2rem; /* adds space between the right border and any text that follows */\n padding-left: 0.2rem; /* adds space between the left border and the button text */\n}\n\n.content {\n border-left: 0px solid #ccc;\n display: inline-grid;\n position: relative;\n}\n\n.content-collapsed {\n grid-template-columns: 0fr;\n grid-template-rows: 0fr;\n margin-bottom: 0;\n margin-top: 0;\n min-width: 0;\n padding-bottom: 0;\n visibility: hidden;\n}\n\n.content-expanded {\n border-left-width: 5px;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n /*\n Note: we still use arrow height as the vertical margin, even on\n desktop when there is no arrow, but it's good enough.\n */\n margin-bottom: 1.4rem;\n margin-left: -2.3rem;\n margin-top: 1.4rem;\n min-width: 100%;\n padding-bottom: 1rem;\n padding-left: 2.3rem;\n visibility: visible;\n}\n\n.content-wrapper {\n overflow: hidden;\n}\n\n.label-style {\n font-size: var(--wb-font-heading-size-medium);\n line-height: inherit;\n /*\n The following property adjusts the large space between the button text and the caret icon.\n Since we are unable to adjust the styling of the icon (where the extra space exists),\n we are adjusting it on the text label by using a negative margin.\n */\n margin-right: -0.6rem;\n text-align: left;\n white-space: normal;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .transition-collapsed {\n transition:\n all 0.25s step-end,\n grid-template-rows 0.25s,\n margin-top 0.25s,\n margin-bottom 0.25s,\n padding-bottom 0.25s;\n }\n\n .transition-expanded {\n transition:\n grid-template-rows 0.5s,\n margin-top 0.5s,\n margin-bottom 0.5s,\n padding-bottom 0.5s;\n }\n}\n",":root {\n /* Undo the default padding for the top of the modal. */\n --modal-padding-offset: calc(-1 * var(--wb-sizing-size_320));\n --modal-padding-offset-mobile: calc(-1 * var(--wb-sizing-size_160));\n /* Fixed px values from the design. */\n --modal-panel-height: 568px;\n --modal-description-container-width: 420px;\n}\n\n.title-container {\n text-align: center;\n border-top: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n padding-block-start: var(--wb-sizing-size_160);\n padding-block-end: var(--wb-sizing-size_160);\n}\n\n.info-area-container {\n display: flex;\n flex-direction: row;\n margin-block-start: var(--wb-sizing-size_160);\n padding-block-end: var(--wb-sizing-size_160);\n border-bottom: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n}\n\n.modal-container {\n display: flex;\n width: 100%;\n justify-content: center;\n}\n\n.modal-title-container {\n display: flex;\n align-items: center;\n /* Undo the default padding for the top of the modal. */\n margin-block-start: var(--modal-padding-offset);\n /* Reset the default margin for h1. */\n margin-block-end: 0px;\n}\n\n.modal-panel-container {\n display: flex;\n flex-direction: row;\n height: var(--modal-panel-height);\n border-block-start: var(--wb-border-width-thin) solid\n var(--wb-semanticColor-core-border-neutral-subtle);\n padding: var(--wb-sizing-size_080);\n padding-inline-end: 0;\n /* Undo the default padding for the modal panel. */\n margin-inline: var(--modal-padding-offset);\n margin-block-end: var(--modal-padding-offset);\n}\n\n.modal-image-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: var(--wb-semanticColor-core-background-neutral-strong);\n width: 100%;\n max-height: var(--modal-panel-height);\n}\n\n.modal-image-container img {\n background-color: var(--wb-semanticColor-core-background-base-default);\n}\n\n.modal-description-container {\n display: flex;\n flex-direction: column;\n width: var(--modal-description-container-width);\n padding-inline: var(--wb-sizing-size_320);\n overflow-y: auto;\n padding-block: var(--wb-sizing-size_240);\n}\n\n.modal-caption-container {\n padding-block-end: var(--wb-sizing-size_240);\n}\n\n.spacer-horizontal {\n margin-inline-end: var(--wb-sizing-size_160);\n}\n\n.spacer-vertical {\n margin-block-end: var(--wb-sizing-size_160);\n}\n\n/* NOTE: It looks like this 767px is hardcoded in CSS files.\n It can be found in packages/perseus/src/styles/constants.ts as\n a breakpoint constant to be used in jsx/tsx files. */\n@media (max-width: 767px) {\n .modal-panel-container {\n flex-direction: column;\n margin-inline: var(--modal-padding-offset-mobile);\n /* Allow mobile photo to stretch to the edges of the modal. */\n padding: 0;\n overflow-y: auto;\n height: auto;\n }\n\n .modal-image-container {\n height: auto;\n }\n\n .modal-description-container {\n margin-block: var(--wb-sizing-size_120);\n padding: var(--wb-sizing-size_120);\n width: auto;\n overflow-y: visible;\n }\n}\n",".MafsView .protractor-rotation-handle {\n cursor: grab;\n /* `pointer-events: all` is needed to make the hit target the size of the\n * entire <g> element and not just its visible subelements */\n pointer-events: all;\n transition: transform 0.15s ease-out;\n}\n\n.MafsView .protractor-rotation-handle:hover {\n transform: scale(1.2);\n}\n\n.MafsView .protractor-rotation-handle-arrow-arc {\n fill: none;\n stroke: var(--mafs-blue);\n stroke-width: 8;\n /* `strokeLinecap: square` prevents a hairline crack from appearing\n * between the arc and the arrowheads, by making the arc extend a bit\n * beyond its start and end coordinates.\n */\n stroke-linecap: square;\n}\n\n.MafsView .protractor-rotation-handle-arrowhead {\n fill: var(--mafs-blue);\n stroke: none;\n}\n",".MafsView {\n display: block;\n background: var(--mafs-bg);\n overflow: hidden;\n -webkit-user-select: none;\n user-select: none;\n font-family: inherit;\n font-variant-numeric: tabular-nums;\n touch-action: none;\n outline: 0;\n\n --mafs-bg: black;\n --mafs-fg: white;\n\n --mafs-origin-color: var(--mafs-fg);\n --mafs-line-color: #555;\n --mafs-line-stroke-dash-style: 4, 3;\n --mafs-axis-stroke-width: 1px;\n --grid-line-subdivision-color: #222;\n\n --mafs-red: #f11d0e;\n --mafs-orange: #f14e0e;\n --mafs-yellow: #ffe44a;\n --mafs-green: #15e272;\n --mafs-blue: #58a6ff;\n --mafs-indigo: #7c58ff;\n --mafs-violet: #ae58ff;\n --mafs-pink: #ee00ab;\n}\n\n.MafsView text {\n fill: var(--mafs-fg);\n cursor: default;\n}\n\n.MafsView path {\n stroke: var(--mafs-fg);\n}\n\n.MafsView:focus-visible {\n border-radius: 5px;\n outline: 3px solid #58a6ff;\n}\n\n@supports not selector(:focus-visible) {\n .MafsView:focus {\n border-radius: 5px;\n outline: 3px solid #58a6ff;\n }\n}\n\n.mafs-shadow {\n paint-order: stroke;\n stroke-width: 3px;\n stroke: var(--mafs-bg);\n stroke-opacity: 0.75;\n stroke-linejoin: round;\n}\n\n.mafs-movable-point {\n cursor: grab;\n touch-action: none;\n}\n\n.mafs-movable-point-dragging {\n cursor: grabbing;\n}\n\n.mafs-movable-point:focus {\n outline: 0;\n}\n\n.mafs-movable-point * {\n fill: none;\n stroke: none;\n}\n\n.mafs-movable-point-hitbox {\n fill: transparent;\n}\n\n.mafs-movable-point-focus {\n stroke: var(--movable-point-color);\n stroke-width: 2;\n stroke-opacity: 0;\n fill: none;\n transition: stroke-opacity 0.2s ease;\n}\n\n.mafs-movable-point-ring {\n fill: var(--movable-point-color);\n fill-opacity: 0.25;\n stroke: none;\n transition: r 0.2s ease;\n}\n\n.mafs-movable-point-point {\n fill: var(--movable-point-color);\n transition: r 0.2s ease;\n}\n\n/* Hover */\n\n.mafs-movable-point:hover .mafs-movable-point-point,\n.mafs-movable-point:focus-visible .mafs-movable-point-point {\n r: calc(var(--movable-point-ring-size) - 2px);\n}\n\n.mafs-movable-point:hover .mafs-movable-point-ring,\n.mafs-movable-point:focus-visible .mafs-movable-point-ring {\n r: calc(var(--movable-point-ring-size) + 3px);\n}\n\n.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring {\n r: var(--movable-point-ring-size);\n}\n\n/* Focus */\n\n.mafs-movable-point:focus-visible .mafs-movable-point-focus {\n stroke-opacity: 1;\n}\n","/**\n * Overrides of mafs theme-- we will want to move this into JS land\n * to take advantage of WB tokens\n */\n.MafsView {\n --mafs-bg: transparent;\n --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */\n\n /* Grid lines */\n --mafs-line-color: rgba(33, 36, 44, 0.16); /* WB color.offBlack16*/\n\n /* Axis lines */\n --mafs-axis-stroke-width: 2px;\n\n --mafs-blue: #1865f2; /* WB color.blue */\n --mafs-red: #d92916; /* WB color.red */\n --mafs-green: #00a60e; /* WB color.green */\n --mafs-violet: #9059ff; /* WB color.purple */\n --mafs-yellow: #ffb100; /* WB color.gold */\n /* Note: offBlack50 is not the best for contrast. However, this color needs\n to be distinguishable from our regular interactive blue so it is clear that\n the element is not interactive, even though the visual elements (e.g.\n outlines, shadows) may indicate otherwise. When using a darker gray, it\n looks the same as our WB blue in grayscale. We had to make a call here, and\n we decided to make it lighter and more distinguishable even if it sacrifices\n color contrast. (Nisha 2025) */\n --static-gray: #909296 /* WB color.offBlack50 */;\n\n /* overridden on a per-point basis */\n --movable-point-color: var(--mafs-blue);\n --movable-point-center-radius: 6px;\n --movable-point-ring-radius: calc(2px + var(--movable-point-center-radius));\n --movable-point-halo-radius: calc(3px + var(--movable-point-ring-radius));\n --movable-point-hover-expansion: 2px;\n --movable-point-focus-ring-offset: 2px;\n\n --movable-line-stroke-weight: 2px;\n --movable-line-stroke-weight-active: 4px;\n overflow: visible !important;\n}\n\n.MafsView > svg {\n /* Chrome/Safari bugfix for LEMS-1906 */\n display: block;\n overflow: visible; /* LEMS-2035: This ensures that Mafs doesn't clip the axis labels */\n}\n\n.MafsView .movable-line:hover,\n.movable-dragging {\n --movable-line-stroke-weight: var(--movable-line-stroke-weight-active);\n}\n\n.MafsView .movable-line:focus,\n.movable-polygon:focus {\n outline: none;\n}\n\n.MafsView\n .movable-line\n :is(.movable-line-focus-outline, .movable-line-focus-outline-gap) {\n stroke: transparent;\n}\n\n.MafsView .movable-line:focus-visible .movable-line-focus-outline {\n stroke: var(--mafs-blue);\n stroke-width: 10px;\n}\n\n.MafsView .movable-line:focus-visible .movable-line-focus-outline-gap {\n stroke: white;\n stroke-width: 6px;\n}\n\n.MafsView .movable-point {\n cursor: grab;\n touch-action: none;\n outline: none;\n /* Disable iOS grey highlight rectangle as it creates a weird visual artifact when dragging points */\n -webkit-tap-highlight-color: transparent;\n}\n\n.MafsView .movable-point.movable-point--dragging {\n cursor: grabbing;\n}\n\n.MafsView .movable-point.movable-point--dragging .movable-point-halo {\n opacity: 0;\n}\n\n.MafsView .movable-point-hitbox {\n fill: transparent;\n}\n\n.MafsView\n :is(\n .movable-point-center,\n .movable-point-ring,\n .movable-point-halo,\n .movable-point-focus-outline\n ) {\n transition:\n r 0.15s ease-out,\n opacity 0.15s ease-out;\n}\n\n.MafsView .movable-point-center {\n r: var(--movable-point-center-radius);\n}\n\n.MafsView .movable-point-halo {\n r: var(--movable-point-halo-radius);\n fill: var(--movable-point-color);\n opacity: 0.25;\n filter: drop-shadow(0 5px 5px #0008);\n}\n\n.MafsView .movable-point-ring {\n r: var(--movable-point-ring-radius);\n fill: #fff;\n}\n\n.MafsView .movable-point:hover .movable-point-center {\n r: calc(\n var(--movable-point-hover-expansion) +\n var(--movable-point-center-radius)\n );\n}\n\n.MafsView .movable-point:hover .movable-point-ring {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-ring-radius)\n );\n}\n\n.MafsView .movable-point:hover .movable-point-halo {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-halo-radius)\n );\n}\n\n.MafsView .movable-point .movable-point-focus-outline {\n visibility: hidden;\n r: calc(\n var(--movable-point-halo-radius) +\n var(--movable-point-focus-ring-offset)\n );\n stroke-width: 2px;\n fill: none;\n stroke: var(--mafs-blue);\n}\n\n.MafsView .movable-point:hover .movable-point-focus-outline {\n r: calc(\n var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) +\n var(--movable-point-focus-ring-offset)\n );\n}\n\n/**\n * This is needed because empty elements with focus will still have the focus outline\n * when navigating via keyboard, causing weird blue dots to appear in Firefox.\n */\n.MafsView .movable-point__focusable-handle:focus-visible {\n outline: none;\n}\n\n.MafsView\n .movable-point:is(:focus, .movable-point--focus)\n .movable-point-focus-outline {\n visibility: visible;\n}\n\n.MafsView .movable-circle {\n cursor: grab;\n}\n\n.MafsView .movable-circle .circle {\n stroke-width: 2px;\n fill: transparent;\n}\n\n.MafsView .movable-circle:hover .circle {\n fill: var(--mafs-blue);\n fill-opacity: 0.16;\n}\n\n.MafsView .movable-circle.movable-circle--dragging {\n cursor: grabbing;\n outline: none;\n}\n\n.MafsView .movable-circle .focus-ring {\n visibility: hidden; /* overridden when the circle is focused */\n stroke: var(--mafs-blue);\n stroke-width: 2px;\n fill: transparent;\n}\n\n.MafsView .movable-circle:focus {\n outline: none;\n}\n\n.MafsView .movable-circle:focus-visible .focus-ring {\n visibility: visible;\n}\n\n.MafsView .movable-circle .movable-circle-handle {\n stroke: #fff;\n stroke-width: 2px;\n}\n\n.MafsView .movable-circle .movable-circle-handle-dot {\n fill: #fff;\n r: 1.25px;\n}\n\n@font-face {\n font-family: Mafs-MJXTEX;\n src: url(\"https://cdn.kastatic.org/fonts/mathjax/MathJax_Main-Regular.woff\")\n format(\"woff\");\n}\n\n.MafsView pattern g {\n stroke: rgba(33, 36, 44, 0.32);\n}\n\n.MafsView .angle-arc-interactive {\n stroke: var(--mafs-blue);\n stroke-width: 0.1px;\n}\n\n.MafsView .angle-arc-static {\n stroke: var(--static-gray);\n stroke-width: 0.1px;\n}\n\n.MafsView .axis-tick-label {\n /* There is a bug in the MathJax font for Safari, so we use KaTeX */\n font-family: \"KaTeX_Main\", \"Mafs-MJXTEX\", sans-serif;\n stroke: #fff;\n stroke-width: 5px;\n paint-order: stroke fill;\n}\n\n.MafsView .axis-tick {\n stroke: black;\n stroke-width: 1px;\n}\n\n.mafs-sr-only {\n height: 0;\n width: 0;\n overflow: hidden;\n}\n"]}