{"version":3,"file":"prefix-566.2bd26855b8ae23d0.css","mappings":"AAAA,+CCCI,qBDMJ,CAPA,qDCKI,sBAAuB,CAEvB,QAAS,CADT,YDOJ,CAbA,iDCWI,kBDMJ,CAjBA,+FCiBI,sBAAuB,CADvB,aDMJ,CAtBA,mFCqBI,YAAa,CACb,6BAA8B,CAK9B,kBAAmB,CAFnB,gBAAiB,CADjB,cAAe,CADf,iBAAkB,CAGlB,UDMJ,CAhCA,4ICmCI,kBAAmB,CAHnB,YAAa,CACb,qBAAsB,CAGtB,QAAS,CAFT,sBAAuB,CAMvB,cAAe,CAHf,YAAa,CACb,iBAAkB,CAClB,SDOJ,CA9CA,4JC8CI,cDOJ,CArDA,qDCoDI,kBAAmB,CAKnB,kBAAmB,CACnB,wBAAyB,CACzB,iBAAkB,CAIlB,cAAe,CAZf,mBAAoB,CAUpB,eAAiB,CARjB,sBAAuB,CAGvB,eAAgB,CAFhB,eAAgB,CAChB,iBAAkB,CAUlB,iBAAkB,CAHlB,gBAAiB,CAEjB,kBDMJ,CAtEA,iFCqEI,aDKJ,CA1EA,iECyEI,yBDKJ,CA9EA,uEC6EI,0BDKJ,CAlFA,yECqFI,WAAY,CAFZ,MAAO,CAGP,mBAAoB,CALpB,iBAAkB,CAClB,KAAM,CAEN,UAAW,CAGX,SDKJ,CA5FA,uDC2FI,WAAa,CACb,cAAe,CACf,cAAe,CACf,mBAAoB,CACpB,gDDKJ,CApGA,uECmGI,YAAa,CACb,cDKJ,CAzGA,2ECwGI,cAAe,CACf,cDKJ,CA9GA,+EC6GI,cAAe,CACf,cDKJ,CAnHA,mECkHI,WAAY,CACZ,cDKJ,CAxHA,oICwHI,cAAe,CACf,oBAAqB,CAErB,cAAe,CACf,YDMJ,CAlIA,iECmII,kBAAmB,CACnB,qBAAsB,CACtB,iBAAkB,CAClB,cAAe,CALf,kBAAmB,CADnB,eAAgB,CAEhB,YDUJ,CA5IA,mEC2II,qBAAsB,CADtB,YDOJ,CAjJA,yDCqJI,kBAAmB,CAFnB,WAAY,CACZ,iBAAkB,CAElB,UAAY,CACZ,cAAe,CARf,oBAAqB,CAErB,cAAe,CADf,YAAc,CAEd,gBAAiB,CAMjB,qCDMJ,CA9JA,qEC4JI,kBDMJ,CAlKA,iECoKI,UAAW,CAHX,YAAa,CAIb,eAAgB,CALhB,iBAAkB,CAElB,QAAS,CACT,SDQJ,CA3KA,qEC2KI,kBAAmB,CAFnB,YAAa,CAGb,QAAS,CAFT,sBAAuB,CAGvB,eDMJ","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    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    padding: 0 60px;\n    max-width: 1000px;\n    width: 100%;\n    margin: 0 auto 1rem;\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    background: #f1c40f;\n    border: 2px solid #e67e22;\n    border-radius: 8px;\n    text-align: center;\n    font-weight: bold;\n    user-select: none;\n    cursor: pointer;\n    white-space: nowrap;\n    text-align: center;\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}\n\n.line {\n    stroke: black;\n    stroke-width: 2;\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: 1;\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,\nline: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: #f9f9f9;\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    background: #3498db;\n    color: white;\n    cursor: pointer;\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}"],"names":[],"sourceRoot":""}