{"version":3,"file":"prefix-115.83df5da0966564d5.css","mappings":"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","sources":["webpack://WebComponents/./runestone/fitb/css/fitb.css","webpack://WebComponents/./runestone/mchoice/css/mchoice.css","webpack://WebComponents/./runestone/shortanswer/css/shortanswer.css","webpack://WebComponents/./runestone/clickableArea/css/clickable.css","webpack://WebComponents/./runestone/dragndrop/css/dragndrop.less","webpack://WebComponents/./runestone/dragndrop/css/dragndrop.css","webpack://WebComponents/./runestone/parsons/css/parsons.less","webpack://WebComponents/./runestone/parsons/css/parsons.css","webpack://WebComponents/./runestone/parsons/css/prettify.css","webpack://WebComponents/./runestone/matching/css/matching.less","webpack://WebComponents/./runestone/matching/css/matching.css","webpack://WebComponents/./runestone/common/css/variables.less","webpack://WebComponents/./runestone/selectquestion/css/selectquestion.css","webpack://WebComponents/./runestone/timed/css/timed.less","webpack://WebComponents/./runestone/timed/css/timed.css"],"sourcesContent":[".selectwidthauto {\n     width:auto !important;\n     display: inline-block !important;\n     margin: 5px;\n}\n\ninput.input-validation-error {\n    border: 1px solid #e80c4d;\n}\n\n\n.dark-mode .fillintheblank_section input[type=\"text\"] {\n    color: unset;\n    background-color: #333;\n}\n\n.ptx-runestone-container .fitb-feedback {\n    margin-top: 10px;\n    margin-bottom: 0;\n}\n\n.ptx-runestone-container .fitb-feedback:empty {\n    margin-top: 0;\n}",".mchoice label p {\n    display: inline;\n    font-weight: normal !important;\n}\n\n.mchoice label pre {\n    font-weight: normal;\n}\n\n.mchoice fieldset {\n    margin-bottom: 0.5em;\n}\n\n.mchoice fieldset legend {\n    font-size: small;\n    margin-bottom: 0.5em;\n}\n\n.multiplechoice_section label > .para {\n    display: inline;\n}\n\n/* The timed assessment strips off the container with the .multiplechoice_section class,\n   so we need to apply the same styles to the .timedAssessment class */\n.timedAssessment .mchoice label > .para {\n    display: inline;\n}\n\nlabel.mchoice-option {\n    display: block;\n}\n\n.ptx-runestone-container input.mchoice-input {\n    vertical-align: top;\n    margin-right: 0.5em;\n}\n\n.mchoice .alert {\n    margin-top: 10px;\n    margin-bottom: 0;\n}","div.journal div.latexoutput {\n    background-color: var(--outerBackground, #eeeeee);\n    padding: 1em;\n    margin-bottom: 10px;\n    border-radius: 5px;\n}\n\n\n.shortanswer_section .alert {\n    margin-bottom: 0;\n}\n\n.shortanswer__timestamp {\n    font-size: 0.9em;\n    color: var(--grayToWhite, #333);\n}\n\n.journal textarea {\n    width: 100%;\n    max-width: 100%;\n    min-height: 6rem;\n\n    padding: 0.75rem 0.9rem;\n    font-size: 1rem;\n    line-height: 1.5;\n\n    border-radius: 8px;\n    border: 1px solid #d0d7de;\n    background-color: #fff;\n\n    transition:\n        border-color 0.15s ease,\n        box-shadow 0.15s ease;\n\n    resize: none;\n    overflow: hidden;\n\n    font-family: system-ui, -apple-system, BlinkMacSystemFont,\n                 \"Segoe UI\", Roboto, sans-serif;\n    background:\n        linear-gradient(#fff, #fff) padding-box,\n        linear-gradient(to right, #eaeef2, #eaeef2) border-box;\n}\n\n.journal textarea:focus {\n    outline: none;\n    border-color: #0969da;\n    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15);\n}",".clickable {\n    cursor: pointer;\n}\n\n.clickable:has(code) {\n    padding: 3px;\n    display: inline-block;\n}\n\n.clickable-clicked:has(code) {\n    box-shadow: 0px 0px 2px 2px rgba(0,100,0,0.75);\n}\n\n.clickable-clicked {\n    background-color: var(--clickableBgColor);\n}\n\n.clickable-clicked td {\n    background-color: #dad6c1;\n    box-shadow: initial;\n}\n\ntable {\n    border-collapse: collapse;\n}\n\nth.clickable, td.clickable {\n    border: 1px solid black;\n}\n\ntd.clickable-clicked{\n    background-color: #dad6c1;\n    box-shadow: initial;\n}\n\ntd img {\n    margin: 5px;\n}\n\n.clickable-clicked th {\n    background-color: #dad6c1;\n    box-shadow: initial;\n}\n\nth.clickable-clicked{\n    background-color: #dad6c1;\n    box-shadow: initial;\n}\n\n.clickable-incorrect,\n.clickable-incorrect th,\n.clickable-incorrect td {\n    border: 1px solid red !important;\n    background-color: var(--clickableIncorrectBgColor);\n}\n\nimg.clickable-incorrect {\n    box-shadow: 0px 0px 2px 2px rgba(100,0,0,0.75);\n}\n\n.clickable-incorrect:has(code) {\n    box-shadow: 0px 0px 2px 2px rgba(251, 0, 0, 0.75);\n}\n\n:root {\n    --clickableBgColor: yellow;\n    --clickableIncorrectBgColor: #ffcccc;\n}\n\n:root.dark-mode {\n    --clickableBgColor: rgb(60, 86, 36);\n    --clickableIncorrectBgColor: #562c2c;\n\n    .clickable-clicked:has(code):not(.clickable-incorrect) {\n        box-shadow: 0px 0px 2px 2px rgba(251, 255, 21, 0.75);\n    }\n}\n",".ptx-runestone-container,.runestone-sphinx {\n    @import (less) url(\"./dragndrop.css\");\n}\n\n@import (less) url(\"../../common/css/variables.less\");",".rsdraggable {\n    margin-left: 1%;\n    margin-right: 1%;\n    margin-top: 5px;\n    display: inline;\n    float: left;\n    text-align: left;\n    vertical-align: top;\n    background-color: var(--questionBgColor, #efefff);\n    padding-bottom: 10px;\n    min-width: 28%;\n    border: 1px solid var(--componentBorderColor, #efefff);\n    box-sizing: border-box;\n}\n\n.dnd-button-container {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 1em;\n}\n\n.drag-button {\n    display: inline-block;\n}\n\n.drag-reset {\n    background-color: #474949;\n    color: white;\n}\n\n.drag-reset:hover {\n    background-color: black;\n    color: white;\n}\n\n.drop-incorrect {\n    border: 1px solid var(--draggableIncorrectBorder, red) !important;\n    background-color: var(--draggableIncorrectBg, #f2dede) !important;\n}\n\n.drag-reset:enabled {\n    background-color: #474949;\n    color: white;\n}\n\n.draggable-drag {\n    border-radius: 10px;\n    display: block;\n    background-color: var(--draggableBgColor);\n    border: 1px solid lightgray;\n    padding: 10px;\n    margin-top: 5px;\n    cursor: grab;\n}\n\n.draggable-feedback {\n    text-align: left !important;\n    clear: both;\n    margin-bottom: 0;\n    margin-top: 10px;\n}\n\n.draggable-drop {\n    border-radius: 10px;\n    display: block;\n    background-color: var(--dropableBgColor);\n    border: 1px solid lightgray;\n    padding: 10px;\n    margin-top: 5px;\n    cursor: grab;\n}\n\n.draggable-container {\n    text-align: center;\n}\n\n.possibleDrop {\n    border-color: #000000;\n    background-color: #CCCCCC;\n}\n\n/*\n * This is a hack to allow us to drop on the drop target when\n * the drop area contains mathjax or or other child elements.\n*/\n.draggable-drop .process-math,\n.draggable-drop .MathJax {\n    pointer-events: none;\n    cursor: not-allowed;\n}\n\n/* Hide the error message from people but let screen readers see it */\n.vh-dnd-error {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n.cardsort-statement {\n    text-align: left;\n    background-color: var(--questionBgColor);\n    padding: 10px;\n    margin-bottom: 10px;\n}",".ptx-runestone-container,.runestone-sphinx {\n    @import (less) url(\"./parsons.css\");\n\n}\n\n/* make entire block background match background of code */\n:root.dark-mode {\n    .ptx-runestone-container .parsons .block:has(code[class*=language-]) {\n            background: hsl(0, 0%, 8%);\n    }\n}",".parsons-container {\n    clear: both;\n}\n\n.parsons .sortable-code-container {\n    text-align: center;\n}\n.parsons .sortable-code-container:not(.block) {\n    /* Remove text highlighting in widget */\n    -webkit-user-select: none;\n    -moz-user-select: -moz-none;\n    -ms-user-select: none;\n    user-select: none;\n}\n.parsons .sortable-code {\n    position: static;\n    padding-left: 0px;\n    margin: 0px 15px;\n    display: inline-block;\n    text-align: left;\n    vertical-align: top;\n}\n.parsons .source,\n.parsons .answer,\n.parsons .answer1,\n.parsons .answer2,\n.parsons .answer3,\n.parsons .answer4 {\n    position: relative;\n    font-size: 100%;\n    list-style: none;\n    background-color: var(--questionBgColor, #efefff);\n    padding-bottom: 10px;\n    padding-left: 0;\n    margin-left: 0;\n    border: 1px solid var(--componentBorderColor, #efefff);\n}\n.parsons .source {\n    background-color: var(--questionBgColor, #efefff);\n}\n.parsons .answer {\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer.incorrect {\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer.correct {\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .answer1 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%;\n    background-position: 30px 0;\n    background-origin: padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer1.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%;\n    background-position: 30px 0;\n    background-origin: padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer1.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%;\n    background-position: 30px 0;\n    background-origin: padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .answer2 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0;\n    background-origin: padding-box, padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer2.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0;\n    background-origin: padding-box, padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer2.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0;\n    background-origin: padding-box, padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .answer3 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0;\n    background-origin: padding-box, padding-box, padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer3.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0;\n    background-origin: padding-box, padding-box, padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer3.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0;\n    background-origin: padding-box, padding-box, padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .answer4 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer4.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer4.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n /* The following styles are for the 5th and 6th indentation levels, if applicable */\n.parsons .answer5 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer5.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer5.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .answer6 {\n    background: linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsBorderColor), var(--parsonsBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0, 180px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsBgColor);\n    border-color: var(--parsonsBorderColor);\n}\n.parsons .answer6.incorrect {\n    background: linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsIncorrectBorderColor), var(--parsonsIncorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0, 180px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsIncorrectBgColor);\n    border-color: var(--parsonsIncorrectBorderColor);\n}\n.parsons .answer6.correct {\n    background: linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box,\n        linear-gradient(var(--parsonsCorrectBorderColor), var(--parsonsCorrectBorderColor)) no-repeat border-box;\n    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%;\n    background-position: 30px 0, 60px 0, 90px 0, 120px 0, 150px 0, 180px 0;\n    background-origin: padding-box, padding-box, padding-box, padding-box;\n    background-color: var(--parsonsCorrectBgColor);\n    border-color: var(--parsonsCorrectBorderColor);\n}\n.parsons .block {\n    position: absolute;\n    -moz-border-radius: 10px;\n    -webkit-border-radius: 10px;\n    border-radius: 10px;\n    background-color: var(--background, #efefef);\n    border: 1px solid #d3d3d3;\n    padding: 5px 10px;\n    margin-top: 5px;\n    overflow: hidden;\n    cursor: move;\n}\n.parsons .block.disabled {\n    opacity: 0.3;\n}\n.parsons .block.down {\n    border: 2px solid black;\n    padding: 4px 9px;\n}\n.parsons .block.up {\n    border: 2px solid black;\n    padding: 4px 9px;\n    background-color: white;\n    box-shadow: 3px 3px 4px black;\n}\n.parsons {\n    display: block;\n}\n.parsons .block {\n    clear: both;\n    float: left;\n    /*background-color: transparent;*/\n}\n\n.parsons .sortable-code code {\n    clear: both;\n    float: left;\n    background-color: transparent;\n    white-space: pre;\n}\n\n.parsons .sortable-code code:empty {\n    height: 1.25em; /* force some height for empty lines */\n}\n\n.parsons .block p {\n    margin: 0;\n}\n.parsons .block,\n.parsons .block:before,\n.parsons .block:after {\n    box-sizing: content-box;\n}\n.parsons .indent1 {\n    margin-left: 30px;\n}\n.parsons .indent2 {\n    margin-left: 60px;\n}\n.parsons .indent3 {\n    margin-left: 90px;\n}\n.parsons .indent4 {\n    margin-left: 120px;\n}\n.parsons .indent5 {\n    margin-left: 150px;\n}\n.parsons .indent6 {\n    margin-left: 180px;\n}\n.parsons .indent7 {\n    margin-left: 210px;\n}\n.parsons .indent8 {\n    margin-left: 240px;\n}\n.parsons .correct {\n    border: 1px solid #d6e9c6;\n    background: none;\n    background-color: var(--parsonsCorrectBgColor);\n}\n.parsons .indentLeft,\n.parsons .indentRight {\n    border: 2px solid #ffcc00;\n    padding: 4px 9px;\n    background-color: #fff0b3;\n}\n.parsons .indentLeft {\n    background-image: url(\"./images/parsons-ll.svg\"),\n        url(\"./images/parsons-rl.svg\");\n    background-repeat: no-repeat, no-repeat;\n    background-position: left center, right center;\n}\n.parsons .indentRight {\n    background-image: url(\"./images/parsons-lr.svg\"),\n        url(\"./images/parsons-rr.svg\");\n    background-repeat: no-repeat, no-repeat;\n    background-position: left center, right center;\n}\n.parsons .incorrectPosition {\n    background-color: #ffbaba;\n    border: 1px solid red;\n}\n.parsons .paired {\n    position: absolute;\n    -moz-border-radius: 10px;\n    -webkit-border-radius: 10px;\n    border-radius: 10px;\n    background-color: transparent;\n    border-left: 11px solid #b8b8f2;\n    border-right: 11px solid #b8b8f2;\n    border-top: 1px solid #b8b8f2;\n    border-bottom: 1px solid #b8b8f2;\n    margin-top: 5px;\n    overflow: hidden;\n}\n.parsons {\n    border-left: 0;\n    border-right: 0;\n    border-radius: 0;\n}\n.parsons .parsons-text {\n    max-width: var(--contentWidthRegular);\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.parsons .parsons-img {\n    display: inline-block;\n    text-align: center;\n    width: 100%;\n}\n\n.parsons .parsons-controls {\n    max-width: var(--contentWidthRegular);\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n    margin-top: 10px;\n}\n\n.parsons [role=\"tooltip\"] {\n    max-width: var(--contentWidthRegular);\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 5px;\n    margin-bottom: 5px;\n    padding: 0px 10px;\n    top: 0;\n    text-align: center;\n    font-style: italic;\n}\n\n.block-label {\n    font-size: 90%;\n    color: #7e7ee7;\n    vertical-align: top;\n    white-space: pre;\n}\n.right-label {\n    padding: 0.2em 0em 0.3em 0.6em;\n}\n.left-label {\n    padding: 0.2em 0.6em 0.3em 0em;\n}\n\n.labels {\n    padding-top: 2px;\n    display: inline-block;\n    vertical-align: top;\n}\n\n.runestone .lines {\n    display: inline-block;\n    align-self: left;\n}\n\n.border_left {\n    border-left: 1px solid #b0b0b0;\n}\n\n.block {\n    display: flex;\n    align-items: stretch;\n    align-content: stretch;\n}\n\n.parsons,\n.parsons .sortable-code-container,\n.cd_section {\n    max-width: none;\n}\n\n#timed_Test .pagination {\n    margin: 5px 0;\n}\n\n/* override red from bootstrap <code> */\n.parsons .block code {\n    color: black;\n}\n\n/* CodeTailor-related CSS for Parsons START */\n.parsons .placeholder-block.disabled.block {\n    font-style: italic;\n    background-color: white;\n    border-style: dashed;\n    padding: 20px 10px;\n    opacity: 1;\n}\n\n.parsons .settled-block.disabled.block {\n    border: 1px solid black;\n    background-color: #afe1af;\n    opacity: 1;\n}\n\n.parsons .settled-block.disabled.block:hover .settled-tooltip {\n    visibility: visible;\n    opacity: 1;\n}\n\n.parsons .settled-block.disabled.block .settled-tooltip {\n    visibility: hidden;\n    position: sticky;\n    background-color: #555;\n    font-size: 0.75rem;\n    color: #fff;\n    text-align: center;\n    padding: 2px 8px;\n    border-radius: 6px;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity .6s;\n    left: 100%;      \n    vertical-align: middle;     \n}\n.parsons .settled-block .block-label {\n    color: transparent;\n}\n\n.parsons .alert {\n    margin-top: 10px;\n    margin-bottom: 0;\n}\n\n\n.parsons .placeholder-block .lines {\n    display: none;\n}\n\n.parsons .placeholder-block.hide {\n    display: none;\n}\n\n\n.placeholder-block .labels {\n    display: none;\n}\n\n.settled-block .labels .block-label {\n    color:transparent;\n}\n/* CodeTailor-related CSS for Parsons END */",".prettyprint {\n    .str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}\n}",".ptx-runestone-container,\n.runestone-sphinx {\n    @import (less) url(\"./matching.css\");\n}\n\n@import (less) url(\"../../common/css/variables.less\");","* {\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: sans-serif;\n    padding: 20px;\n    margin: 0;\n}\n\nh2 {\n    margin-bottom: 0.5em;\n}\n\n/* Main wrapper for each matching component */\n[data-component=\"matching\"] {\n    margin: 2rem 0;\n    font-family: sans-serif;\n}\n\n.matching-workspace {\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n    max-width: 1000px;\n    width: 100%;\n    margin: 0 auto 1rem;\n    background: var(--componentBgColor);\n}\n\n.left-column,\n.right-column {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    padding: 10px;\n    position: relative;\n    z-index: 1;\n    max-width: 25vw;\n}\n\n\n.left-column img,\n.right-column img {\n    max-width: 25vw;\n    /* Ensure images do not exceed 25% of the viewport width */\n}\n\n.box {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 120px;\n    padding: 10px 14px;\n    min-height: 50px;\n    max-width: 100%;\n    background: var(--dropableBgColor, #f9f9f9);\n    border: 2px solid var(--boxBorderColor);\n    border-radius: 8px;\n    text-align: center;\n    font-weight: bold;\n    user-select: none;\n    cursor: grab;\n    text-align: center;\n    touch-action: none;\n    /* Prevents scrolling during tap+drag */\n}\n\n.matching-workspace,\n.left-column,\n.right-column,\n.box,\nbody {\n  user-select: none;\n  -webkit-user-select: none; /* for iOS/Safari */\n}\n\n.box mjx-container {\n    font-size: 1em;\n}\n\n.box:focus {\n    outline: 3px solid #3498db;\n}\n\n.box.selected {\n    outline: 3px dashed #27ae60;\n}\n\n.connector-svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n    background: var(--componentBgColor);\n}\n\n.line {\n    stroke: var(--dragLineColor);\n    ;\n    stroke-width: 3;\n    cursor: pointer;\n    pointer-events: auto;\n    transition: stroke 0.2s ease, stroke-width 0.2s ease;\n}\n\n.line.correct {\n    stroke: green;\n    stroke-width: 3;\n}\n\n.line.incorrect {\n    stroke: #bf1521;\n    stroke-width: 2;\n    stroke-dasharray: 5 5;\n}\n\n.line.highlighted {\n    stroke: #3cd6e7;\n    stroke-width: 3;\n}\n\n.line.faded {\n    stroke: #ccc;\n    stroke-width: 1;\n}\n\n.line:focus,\n.line:hover {\n    stroke: #3498db;\n    stroke-dasharray: 6 4;\n    /* 6px dash, 4px gap */\n    stroke-width: 5;\n    outline: none;\n}\n\n.conn-list {\n    max-width: 800px;\n    margin: 0 auto 1rem;\n    padding: 10px;\n    background: var(--componentBgColor);\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    font-size: 14px;\n}\n\n.conn-entry {\n    margin: 4px 0;\n    font-family: monospace;\n}\n\nbutton {\n    display: inline-block;\n    margin: 0.5rem;\n    font-size: 1rem;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    cursor: grab;\n    transition: background 0.2s ease-in-out;\n}\n\nbutton:hover {\n    background: #2980b9;\n}\n\n.aria-live {\n    position: absolute;\n    left: -9999px;\n    top: auto;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n}\n\n.control-div {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    margin-top: 1rem;\n}\n\n.control-div .help-button {\n    background: #2c3e50;\n    color: #ecf0f1;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    border-radius: 50%;\n    font-size: 1.2rem;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n}\n\n.control-div .help-button:hover {\n    background: #34495e;\n}\n\n/* modal overlay */\n.help-modal {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n}\n\n/* modal content box */\n.help-modal-content {\n\n    background-color: var(--questionBgColor);\n    padding: 1rem 1.5rem;\n    border-radius: 6px;\n    max-width: 80%;\n    max-height: 80%;\n    overflow: auto;\n    position: relative;\n}\n\n/* close button */\n.help-modal-content .help-close {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    background: transparent;\n    border: none;\n    font-size: 1.5rem;\n    cursor: pointer;\n    color: red;\n}\n\n/* help text */\n.help-modal-content .help-text {\n    margin-top: 1.5rem;\n    font-size: 1rem;\n    line-height: 1.4;\n}\n\n.match_question {\n    background-color: var(--questionBgColor);\n    padding: 10px;\n    margin-bottom: 10px;\n}\n\n.match_feedback {\n    background-color: var(--parsonsIncorrectBgColor);\n    padding: 10px;\n    margin-top: 10px;\n    margin-bottom: 10px;\n    border-radius: 5px;\n}",":root {\n    --draggableBgColor: #EFEFEF;\n    --dropableBgColor: #DDDDDD;\n    --draggableIncorrectBorder: red;\n    --draggableIncorrectBg: #f2dede;\n    --dragLineColor: #000000;\n    --boxBorderColor: #000000;\n\n}\n\n:root.dark-mode,\n[data-theme=\"dark\"] {\n    --draggableBgColor: #393434;\n    --dropableBgColor:  #2a2d30;\n    --draggableIncorrectBorder: red;\n    --draggableIncorrectBg: #6d2d2d;\n    --dragLineColor: #ffffff;\n    --boxBorderColor: #ffffff;\n\n}\n","#component-preview {\n    margin-right: 20px;\n    position: fixed;\n    right: 0px;\n    max-height: 100%;\n    overflow-y: scroll;\n    top: 0px;\n    padding-top: 60px;\n}\n\n.toggle-preview {\n    border: 4px solid;\n    border-radius: 10px;\n    background-color: azure;\n    padding-top: 10px;\n    box-shadow: 10px 5px 5px gray;\n}\n",".ptx-runestone-container,.runestone-sphinx {\n    @import (less) url(\"./timed.css\");\n}\n","/* TIMED ASSESSMENT BUTTON STYLES */\nul#pageNums,\nul#pageNums li {\n    text-align: center;\n    padding: 10px 0;\n}\n\n.pagination>li>a:hover {\n    background-color: #eee !important;\n    color: #000 !important;\n}\n\n.flagBtn {\n    /* documentation */\n    background-color: #ED9C59 !important;\n    border: 3px solid #CE5718;\n    border-radius: 5px;\n    color: #030201 !important;\n    cursor: pointer;\n    width: 150;\n    height: 115;\n    text-align: center;\n    text-decoration: none;\n    display: ruby;\n    font-size: 15px;\n}\n\n/* The following override styles in Bootstrap distribution file (bootstrap.min.css) */\n\n.pagination>.active>a,\n.pagination>.active>span {\n    background-color: #428bca !important;\n    color: #ffffff !important;\n}\n\n.col-md-6-override {\n    text-align: center !important;\n    max-width: 100% !important;\n}\n\n/* end */\n\n.pagination>.answered>a,\n.pagination>.answered>span {\n    background-color: #eee;\n    color: #000;\n}\n\n.pagination>.broken>a,\n.pagination>.broken>span {\n    background-color: #f99;\n    color: #000;\n}\n\n.pagination>.toolate>a,\n.pagination>.toolate>span {\n    background-color: rgb(236, 203, 54);\n    color: #000;\n}\n\n.pagination>.flagcolor>a,\n.pagination>.flagcolor>span {\n    background-color: #ED9C59;\n    color: #000;\n}\n\np.examwarning {\n    width: 50%;\n    margin-left: auto;\n    margin-right: auto;\n    background-color: rgba(243, 156, 156, 0.822);\n    border: solid black;\n    border-radius: 5px;\n    border-width: 2px;\n    padding: 5px;\n}\n\n.pagination>.correctCount>a,\n.pagination>.correctCount>span {\n    background-color: #dff0d8;\n    color: #000000;\n    border-color: #000000;\n}\n\n.pagination>.skippedCount>a,\n.pagination>.skippedCount>span {\n    background-color: #fcf8e3;\n    color: #000000;\n    border-color: #000000;\n}\n\n.pagination>.incorrectCount>a,\n.pagination>.incorrectCount>span {\n    background-color: #f2dede;\n    color: #000000;\n    border-color: #000000;\n}\n\n.switchcontainer {\n    height: 1000px;\n    overflow: auto;\n}"],"names":[],"sourceRoot":""}