.draggable-container{align-items:center;display:flex;gap:20px;margin-bottom:20px}.drag-labels{display:flex;flex-direction:column;justify-content:space-between}.drag-labels.large{height:430px}.drag-labels:not(.large){height:280px}.drag-labels p{align-items:center;color:#fff;display:flex;height:50px;justify-content:center}.draggables{position:relative;width:50%}.draggables.large{height:410px}.draggables:not(.large){height:280px}.draggable{background-color:#fff;border:1px solid #000;border-radius:5px;box-sizing:border-box;cursor:grab;height:60px;padding:5px 10px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.response-item{display:flex;gap:1rem}.drag-results-container{display:flex;height:auto}.drag-results-container .compared-responses{flex-basis:40%}.drag-results-container .compared-responses .drag-results-legend{margin-bottom:1rem}.drag-results-container .compared-responses .drag-results-legend .legend-item{align-items:center;display:flex;gap:.5rem;margin-bottom:-1rem}.drag-results-container .compared-responses .drag-results-legend .legend-item .legend-color{border-radius:3px;height:20px;width:20px}.drag-results-container .compared-responses .drag-results-legend .legend-item .your-response{background-color:#2d5e77}.drag-results-container .compared-responses .drag-results-legend .legend-item .most-common{background-color:#fcb813}.drag-results-container .compared-responses .drag-results-legend .legend-item .legend-label{color:#2d5e77;font-size:1rem}