.interactive-exercise{min-width:0}.hotspot-surface{position:relative;width:100%;max-width:850px;margin:18px auto;cursor:crosshair;touch-action:manipulation}.hotspot-surface:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hotspot-surface img{display:block;width:100%;height:auto;margin:0!important;max-height:none!important;border-radius:8px}.hotspot-marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:3px solid white;border-radius:50%;background:#712cfd;color:white;box-shadow:0 0 0 2px #222;text-align:center;line-height:22px;pointer-events:none}.hotspot-marker[hidden]{display:none}.cloze-sentence{line-height:3;white-space:pre-wrap}.cloze-sentence input[type=text]{display:inline-block;width:180px;max-width:100%;margin:4px 6px;padding:8px;border:1px solid var(--blue);vertical-align:middle}.ordering-list{padding-left:26px}.ordering-item{padding:12px;margin:10px 0;background:#f4f2f9;border:1px solid #d9d1e7;border-radius:8px;cursor:grab}.ordering-item>span{display:inline-block;min-width:45%;max-width:100%;margin-right:12px;overflow-wrap:anywhere}.ordering-item .button{padding:6px 14px;margin:4px}.component-fields:disabled .interactive-exercise{opacity:.65}.exercise-editor-hint{white-space:pre-line}