.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-2-3-3 .draggable-elements{display:flex;flex-wrap:wrap}.pkc-interaction-2-3-3 .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-2-3-3 .draggable-elements .draggable.correct{background-color:#008a0e;cursor:disabled;pointer-events:none}.pkc-interaction-2-3-3 .draggable-elements .draggable.incorrect{background-color:#cd001c;cursor:disabled;pointer-events:none}.pkc-interaction-2-3-3 .droppable-elements .droppable img{transition:opacity .3s}.pkc-interaction-2-3-3 .droppable-elements .droppable.drop-target img{opacity:.5}.pkc-interaction-2-3-3 .form-group{margin-bottom:16px}.pkc-interaction-2-3-3 .form-group .form-control{display:block;width:100%;padding:6px 12px;font-size:16px;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pkc-interaction-2-3-3 .form-group .form-control.correct{border-color:green}.pkc-interaction-2-3-3 .form-group .form-control.incorrect{border-color:red}.pkc-interaction-2-3-3 .form-group .form-control:disabled{background-color:#e9ecef}body.dark-mode .pkc-interaction-2-3-3 .form-group .form-control{background-color:#000;color:#fff;border-color:#484848}body.dark-mode .pkc-interaction-2-3-3 .form-group .form-control.correct{border-color:green}body.dark-mode .pkc-interaction-2-3-3 .form-group .form-control.incorrect{border-color:red}.pkc-interaction-2-3-3 h1{color:#1763a6}@media screen and (max-width:768px){.pkc-interaction-2-3-3 .draggable-elements .draggable{font-size:12px}}