{"version":3,"file":"prefix-737.654ef2ee08e98c61.css","mappings":"AAAA,+CCCI,qBDUJ,CAXA,qDCKI,sBAAuB,CAEvB,QAAS,CADT,YDWJ,CAjBA,iDCWI,kBDUJ,CArBA,+FCiBI,sBAAuB,CADvB,aDUJ,CA1BA,mFC2BI,kCAAmC,CANnC,YAAa,CACb,6BAA8B,CAI9B,kBAAmB,CAFnB,gBAAiB,CADjB,iBAAkB,CAElB,UDWJ,CApCA,4ICmCI,kBAAmB,CAHnB,YAAa,CACb,qBAAsB,CAGtB,QAAS,CAFT,sBAAuB,CAMvB,cAAe,CAHf,YAAa,CACb,iBAAkB,CAClB,SDWJ,CAlDA,4JC8CI,cDWJ,CAzDA,qDCoDI,kBAAmB,CAMnB,yCAA2C,CAC3C,sCAAuC,CACvC,iBAAkB,CAIlB,WAAY,CAbZ,mBAAoB,CAWpB,eAAiB,CATjB,sBAAuB,CAIvB,cAAe,CADf,eAAgB,CAFhB,eAAgB,CAChB,iBAAkB,CAUlB,iBAAkB,CAClB,iBAAkB,CAHlB,gBDaJ,CA5EA,yUC2EE,gBAAiB,CACjB,wBDcF,CA1FA,iFCgFI,aDcJ,CA9FA,iECoFI,yBDcJ,CAlGA,uECwFI,0BDcJ,CAtGA,yECmGI,kCAAmC,CAHnC,WAAY,CAFZ,MAAO,CAGP,mBAAoB,CALpB,iBAAkB,CAClB,KAAM,CAEN,UAAW,CAGX,SDeJ,CAjHA,uDCuGI,2BAA4B,CAE5B,cAAe,CACf,cAAe,CACf,mBAAoB,CACpB,gDDaJ,CAzHA,uECgHI,YAAa,CACb,cDaJ,CA9HA,2ECqHI,cAAe,CACf,cAAe,CACf,oBDaJ,CApIA,+EC2HI,cAAe,CACf,cDaJ,CAzIA,mECgII,WAAY,CACZ,cDaJ,CA9IA,sICsII,cAAe,CACf,oBAAqB,CAErB,cAAe,CACf,YDcJ,CAxJA,iECiJI,kCAAmC,CACnC,qBAAsB,CACtB,iBAAkB,CAClB,cAAe,CALf,kBAAmB,CADnB,eAAgB,CAEhB,YDkBJ,CAlKA,mECyJI,qBAAsB,CADtB,YDeJ,CAvKA,yDCiKI,WAAY,CACZ,iBAAkB,CAClB,WAAY,CANZ,oBAAqB,CAErB,cAAe,CADf,YAAc,CAEd,gBAAiB,CAIjB,qCDcJ,CAlLA,qECwKI,kBDcJ,CAtLA,iECgLI,UAAW,CAHX,YAAa,CAIb,eAAgB,CALhB,iBAAkB,CAElB,QAAS,CACT,SDgBJ,CA/LA,qECuLI,kBAAmB,CAFnB,YAAa,CAGb,QAAS,CAFT,sBAAuB,CAGvB,eDcJ,CAvMA,+FC6LI,kBAAmB,CAKnB,iBAAkB,CAJlB,aAAc,CAQd,cAAe,CAHf,gBAAiB,CAHjB,WAAY,CAIZ,gBAAiB,CAHjB,SAAU,CAIV,iBAAkB,CANlB,UDqBJ,CApNA,2GC0MI,kBDcJ,CAxNA,mECsNI,kBAAmB,CADnB,yBAA8B,CAN9B,YAAa,CAKb,WAAY,CAGZ,sBAAuB,CALvB,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAAW,CAKX,UDaJ,CArOA,mFC8NI,uCAAwC,CAExC,iBAAkB,CAElB,cAAe,CADf,aAAc,CAEd,aAAc,CAJd,mBAAoB,CAKpB,iBDWJ,CA/OA,2GC4OI,sBAAuB,CACvB,WAAY,CAGZ,SAAU,CADV,cAAe,CADf,gBAAiB,CALjB,iBAAkB,CAElB,WAAa,CADb,SDgBJ,CA1PA,yGCsPI,cAAe,CACf,eAAgB,CAFhB,iBDWJ,CAhQA,2EC2PI,uCAAwC,CAExC,kBAAmB,CADnB,YDUJ,CAtQA,2ECiQI,+CAAgD,CAIhD,iBAAkB,CADlB,kBAAmB,CADnB,eAAgB,CADhB,YDYJ,CAzQA,MACI,oBAAwB,CACxB,qBA2QJ,CAxQA,kCAEI,oBAAwB,CACxB,qBA0QJ","sources":["webpack://WebComponents/./runestone/matching/css/matching.less","webpack://WebComponents/./runestone/matching/css/matching.css"],"sourcesContent":[".ptx-runestone-container,\n.runestone-sphinx {\n    @import (less) url(\"./matching.css\");\n}\n\n:root {\n    --dragLineColor: #000000;\n    --boxBorderColor: #000000;\n}\n\n:root.dark-mode,\n[data-theme=\"dark\"] {\n    --dragLineColor: #ffffff;\n    --boxBorderColor: #ffffff;\n}","* {\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}"],"names":[],"sourceRoot":""}