.pkc-interaction-4-4-1 .droppable-elements .droppable img{transition:opacity .3s}.pkc-interaction-4-4-1 .droppable-elements .droppable.drop-target img{opacity:.5}.pkc-interaction-4-4-1 .drop-container{border:1px solid #9a9a9a}.pkc-interaction-4-4-1 .drop-container .row>div{padding:8px 8px}.pkc-interaction-4-4-1 .drop-container .row>div:first-child{display:flex;align-items:center}.pkc-interaction-4-4-1 .drop-container .row>div.droppable{min-height:80px;transition:opacity .3s}.pkc-interaction-4-4-1 .drop-container .row>div.droppable:before{content:"";display:block;background-color:#f2f2f2;height:100%;border-radius:12px;border:2px dashed transparent;transition:border-color .3s}.pkc-interaction-4-4-1 .drop-container .row>div.droppable.drop-active:before{border-color:#9a9a9a}.pkc-interaction-4-4-1 .drop-container .row>div.droppable.drop-target{opacity:.5}.dark-mode .pkc-interaction-4-4-1 .drop-container .row>div.droppable:before{background-color:#3a3a3a}.pkc-interaction-4-4-1 .drop-container .row:not(:last-child){border-bottom:1px solid #9a9a9a}.pkc-interaction-4-4-1 .draggable-elements{display:flex;flex-wrap:wrap}.pkc-interaction-4-4-1 .draggable-elements .draggable{background-color:#4c8fdf;color:#fff;border-radius:14px;padding:3px 11px;font-size:14px;touch-action:none;transform:translate(0);transition:background-color .3s;margin-left:4px;margin-right:4px;margin-bottom:8px;flex-shrink:0;position:relative;z-index:1}.pkc-interaction-4-4-1 .draggable-elements .draggable.correct{background-color:#008a0e;cursor:disabled;pointer-events:none}.pkc-interaction-4-4-1 .draggable-elements .draggable.incorrect{background-color:#cd001c;cursor:disabled;pointer-events:none}.stepper{justify-content:center}.stepper,.stepper .step,.stepper .step .indicator{display:flex;align-items:center}.stepper .step .indicator{width:60px;height:60px;border-width:2px;border-style:solid;justify-content:center;font-size:24px;border-radius:50%;transition:border-color .3s,background-color .3s,color .3s}.stepper .step .indicator.disabled{border-color:#e7e7e7;background-color:#f3f3f3;color:#b8b8b8}.stepper .step .indicator.active{color:#1763a6;border-color:#1763a6;background-color:#d5e9fb}.stepper .step .indicator.error{color:#cd001c;border-color:#cd001c;background-color:#f5ced3}.stepper .step .indicator.success{color:#caefce;border-color:#008a0e;background-color:#008a0e}.stepper .step:after{content:"";height:2px;width:30px;background-color:#525252;margin-left:20px;margin-right:20px}.stepper .step:last-child:after{display:none}.pkc-interaction-4-4-1 .subtask-1 .subtask-title{border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #9a9a9a;border-bottom:0;padding:8px 8px}.pkc-interaction-4-4-1 .subtask-1 .drop-container{border-bottom-left-radius:8px;border-bottom-right-radius:8px}