.elementor-15160 .elementor-element.elementor-element-0c46a4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15160 .elementor-element.elementor-element-4b001e7{text-align:center;}.elementor-15160 .elementor-element.elementor-element-4b001e7 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:3.9em;color:#222222;}.elementor-15160 .elementor-element.elementor-element-89f6e75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-15160 .elementor-element.elementor-element-4b001e7 > .elementor-widget-container{margin:40px 0px 0px 0px;}}@media(max-width:767px){.elementor-15160 .elementor-element.elementor-element-0c46a4e{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15160 .elementor-element.elementor-element-4b001e7 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-9547829 */.repro-activity{
max-width:900px;
margin:auto;
font-family: 'Comic Sans MS', cursive;
text-align:center;
}

.diagram{
position:relative;
margin:30px auto;
}

.base-image{
width:100%;
max-width:500px;
}

.dropzone{
position:absolute;
width:120px;
height:40px;
border:2px dashed #bbb;
border-radius:6px;
background:#ffffffaa;
}

.labels{
margin-top:30px;
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
}

.drag{
padding:10px 15px;
background:#b66da4;
color:white;
border-radius:6px;
cursor:grab;
}/* End custom CSS */