@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}select{height:2rem;padding-left:.5rem;padding-right:.5rem}#tilesContainer{display:flex;flex-direction:row;justify-content:space-between;width:-moz-fit-content;width:fit-content;margin:2rem auto auto}img{width:4rem}#data{margin-left:2rem;margin-right:4rem;margin-bottom:1rem;width:8rem}#encodings,#encodingsColorSize,.mappingContainerColorSize{display:flex;flex-direction:column}.mappingContainerColorSize{margin-bottom:6rem;margin-top:2rem}#chartTypeSet,#chartTypes{margin-bottom:0;width:-moz-fit-content;width:fit-content}#chartTypesTiles{display:flex;flex-direction:row}#encodings,#yAxisLabel{margin-left:1rem}#data{margin-right:0}.marginRight{margin-right:0!important}.marginLeft{margin-left:0!important}#data,#encodings,#transformations{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}#questionContainer,#visContainer{margin:1rem auto auto}#visContainer{width:800px;justify-content:space-evenly}#questionContainer{overflow-wrap:normal;width:800px}#trainingLabel{width:800px;margin:auto}#answerVis{margin-left:1rem;width:350px}#nextButton{width:6rem;margin:2rem auto auto;border-width:1px;border-style:solid;background-color:#007ac1;text-align:center;color:#fff}#missingRequired,#proceeding{width:-moz-fit-content;width:fit-content;margin:1rem auto auto}#visContainer{display:flex;flex-direction:row}#questionVis{height:300px;width:420px;overflow-y:scroll;overflow-x:scroll;text-align:center;margin-top:2rem}#toReconstruct{height:260px;width:-moz-fit-content;width:fit-content}.inputSpace{width:62px;height:62px;border-width:1px;border-style:dashed;display:flex;justify-content:center}.mappingContainer{display:flex;flex-direction:column}.dataTileContainer,.transformationTileContainer{margin-bottom:.4rem;margin-right:.5rem}#metaData{margin-bottom:.4rem;display:flex;flex-direction:row}#metaDataColumn{margin-left:2rem}.showDescription{display:block}.hideDescription{display:none}.dataTiles{width:60px;height:60px;border-width:1px;border-style:solid;overflow-x:scroll}.dataDescriptionsContainer{width:100px;margin-right:2rem;height:60px;font-size:small;margin-bottom:.6rem}.dataTiles p{margin-left:.2rem;margin-right:.5rem;font-size:small}#removeIcon{position:absolute;z-index:1}.staticColumn{margin-right:.2rem;margin-left:.2rem}#mappingZone{background-color:#f5f5f5;width:15vw;min-height:98vh;border:1px dashed}#mappingZone p{text-align:center;width:-moz-fit-content;width:fit-content;margin:40vh auto auto;color:gray}#nextButton:hover,.chartTiles:hover,.choiceOption:hover,.dataTiles:hover,.transformationTiles:hover,.usabilityChoiceOption:hover{cursor:pointer}.removeMouseOver{opacity:.4;text-decoration:line-through}.removeMouseOut{opacity:1;text-decoration:none}.selectedChart{width:-moz-fit-content;width:fit-content}.selectedAnswer,.selectedChart{background-color:#0033ff1c}.unselectChart{width:-moz-fit-content;width:fit-content;margin:auto;background-color:transparent}.tileMovableSpace{background-color:#20994d45}.tileMoved{background-color:transparent}.highlightBackground{background-color:#faebd7}.highlightRequired{background-color:#ffe4e1}#advanceContainer{display:flex;flex-direction:row}#yAxis{width:-moz-fit-content;width:fit-content;height:300px;margin-top:2rem}#mappingContainer p{text-align:left}#xAxisLabel{margin-top:0}#encoding_x{display:flex;flex-direction:column}.mappingContainerX{display:flex;flex-direction:row}.xTiles{margin-right:1rem}.xContainer{width:-moz-fit-content;width:fit-content;margin:auto}#placeholder{width:105px}#workingTiles{display:flex;flex-direction:row;width:800px;margin:auto}#actionTiles,#datasetTiles{display:flex;flex-direction:row;flex-wrap:wrap}#globalContainer{display:flex;flex-direction:row;justify-content:space-between;height:-moz-max-content;height:max-content}#interactionZone{width:-moz-fit-content;width:fit-content;margin:auto}#placeholderInstructions{background-color:#f5f5f5;height:330px;width:420px;position:absolute;z-index:2;text-align:center;margin-bottom:1rem;margin-left:.5rem}#placeholderInstructions p{margin-top:30%}#TFoptions,#usabilityChoiceOptionContainer{display:flex;flex-direction:row;margin-bottom:2rem}.choiceOption{width:100px}.choiceOption,.usabilityChoiceOption{text-align:center;border:1px solid;margin-right:1rem}.usabilityChoiceOption{width:80px;height:40px}.usabilityChoiceOption p{margin:.7rem}.usabilityChoiceLabel{width:85px;margin-right:1rem}#usabilityLabelsContainer{margin-bottom:.5rem;display:flex;flex-direction:row}.usabilityQA{padding-left:1rem;padding-right:1rem;margin-top:1rem;padding-top:.5rem}.usabilityQA textarea{width:100%;height:4rem}.pageNote{padding-left:1rem}table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;text-align:left;padding:8px}.trainingStep{background-color:#bbd6e5;border:1px solid #0c4666;width:30rem!important;height:12rem;padding:1rem}.trainingStepText{color:#981616}.disabled{height:500px}.disabled,.disabledChannels{background-color:rgba(91,93,95,.5);z-index:10;width:800px;position:absolute}.disabledChannels{height:350px}.removeYCover{width:600px!important;margin-left:260px}.removeColorCover{width:260px!important;height:100px;margin-left:560px;margin-top:136px}.fixPosition{position:absolute}.colorTrainingText{width:18rem;top:20rem}.sizeTrainingText{width:15rem;top:37.5rem}.instructionBox{border:1px solid #981616;padding-left:1rem;padding-right:1rem;margin-top:.5rem;border-radius:.5rem;background:#fff4f4}.marginTop{margin-top:5rem!important}