.training-diagram-direct{position:relative;overflow:hidden;background:#fff}
.training-diagram-crop-viewport{position:absolute;inset:0;overflow:hidden;background:#fff}
.training-diagram-source-image{position:absolute;display:block;max-width:none!important;max-height:none!important;user-select:none;pointer-events:none}
.training-diagram-crop-viewport.training-diagram-sfv>.training-diagram-source-image{width:400%;height:400%;left:0;top:0}
.training-diagram-crop-viewport.training-diagram-manual>.training-diagram-source-image{width:500%;height:1500%;left:0;top:0}
.training-diagram-crop-viewport.training-media-col-0>.training-diagram-source-image{left:0}
.training-diagram-crop-viewport.training-media-col-1>.training-diagram-source-image{left:-100%}
.training-diagram-crop-viewport.training-media-col-2>.training-diagram-source-image{left:-200%}
.training-diagram-crop-viewport.training-media-col-3>.training-diagram-source-image{left:-300%}
.training-diagram-crop-viewport.training-media-col-4>.training-diagram-source-image{left:-400%}
.training-diagram-crop-viewport.training-media-row-0>.training-diagram-source-image{top:0}
.training-diagram-crop-viewport.training-media-row-1>.training-diagram-source-image{top:-100%}
.training-diagram-crop-viewport.training-media-row-2>.training-diagram-source-image{top:-200%}
.training-diagram-crop-viewport.training-media-row-3>.training-diagram-source-image{top:-300%}
.training-diagram-crop-viewport.training-media-row-4>.training-diagram-source-image{top:-400%}
.training-diagram-crop-viewport.training-media-row-5>.training-diagram-source-image{top:-500%}
.training-diagram-crop-viewport.training-media-row-6>.training-diagram-source-image{top:-600%}
.training-diagram-crop-viewport.training-media-row-7>.training-diagram-source-image{top:-700%}
.training-diagram-crop-viewport.training-media-row-8>.training-diagram-source-image{top:-800%}
.training-diagram-crop-viewport.training-media-row-9>.training-diagram-source-image{top:-900%}
.training-diagram-crop-viewport.training-media-row-10>.training-diagram-source-image{top:-1000%}
.training-diagram-crop-viewport.training-media-row-11>.training-diagram-source-image{top:-1100%}
.training-diagram-crop-viewport.training-media-row-12>.training-diagram-source-image{top:-1200%}
.training-diagram-crop-viewport.training-media-row-13>.training-diagram-source-image{top:-1300%}
.training-diagram-crop-viewport.training-media-row-14>.training-diagram-source-image{top:-1400%}
.training-diagram-direct .training-diagram-zoom{position:absolute;z-index:3;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(15,23,42,.88);color:#fff;font-size:12px;line-height:1}
.training-builder-preview.is-source-original .training-diagram-direct{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none;cursor:default}
.training-builder-preview.is-source-original .training-diagram-direct .training-diagram-zoom{display:none}
.training-diagram-direct-large{position:relative;width:min(800px,100%);aspect-ratio:4/3;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.training-diagram-direct-large>.training-diagram-crop-viewport{position:absolute;inset:0}
@media(max-width:700px){.training-diagram-direct .training-diagram-zoom{width:24px;height:24px;font-size:10px}}
@media print{.training-diagram-direct .training-diagram-zoom{display:none!important}}