.TrainingMuscleBody3D {
    position: relative;
    width: 100%;
    min-height: 0;
    border: 1px solid var(--mainPageBorderColor);
    border-radius: 10px;
    background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--activeElementBgColor) 13%, transparent), transparent 55%), var(--mainPageBodyBgColor);
    overflow: hidden;
}

.TrainingMuscleBody3D canvas {
    display: block;
    width: 100%;
    height: clamp(540px, 58vh, 620px);
    cursor: grab;
    touch-action: none;
}

.TrainingMuscleBody3D canvas:active { cursor: grabbing; }

.TrainingMuscleBodyLegend {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: min(205px, calc(100% - 20px));
    padding: 9px;
    border: 1px solid var(--mainPageBorderColor);
    border-radius: 8px;
    background: color-mix(in srgb, var(--mainPageCardBgColor) 91%, transparent);
    backdrop-filter: blur(8px);
}

.TrainingMuscleBodyLegend > span { font-size: .66rem; font-weight: 700; text-transform: uppercase; opacity: .66; }
.TrainingMuscleBodyScale { height: 6px; margin: 5px 0 7px; border-radius: 99px; background: linear-gradient(90deg, #2583ff, #ff9418 55%, #ff2d2d); }
.TrainingMuscleBodyLegend ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.TrainingMuscleBodyLegend li { display: flex; justify-content: space-between; gap: 10px; font-size: .7rem; }
.TrainingMuscleBodyEmpty, .TrainingMuscleBodyFallback { opacity: .62; }
.TrainingMuscleBodyHover { position: absolute; top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 6px 9px; border: 1px solid var(--mainPageBorderColor); border-radius: 999px; background: color-mix(in srgb, var(--mainPageCardBgColor) 91%, transparent); font-size: .74rem; pointer-events: none; }
.TrainingMuscleBodyCredit { position: absolute; bottom: 10px; left: 10px; color: var(--textColor); font-size: .62rem; opacity: .5; }

.TrainingMuscleBody3D.IsCompact canvas { height: 390px; }
.TrainingMuscleBody3D.IsCompact .TrainingMuscleBodyLegend { width: min(178px, calc(100% - 20px)); }

@media (max-width: 620px) {
    .TrainingMuscleBody3D canvas { height: 420px; }
    .TrainingMuscleBodyLegend { position: static; width: auto; margin: 0 9px 9px; background: var(--mainPageCardBgColor); backdrop-filter: none; }
    .TrainingMuscleBodyCredit { position: static; display: block; margin: 0 9px 9px; }
    .TrainingMuscleBody3D.IsCompact canvas { height: 350px; }
}
/* Auto-generated class selectors - do not edit this section. */
    .MuscleBodyEngineContentArea {
    }
    .TrainingMuscleBodyFallback {
    }
    .TrainingMuscleBodyEmpty {
    }

/* Desktop */
@media (min-width: 1920px) {
    .MuscleBodyEngineContentArea {
    }
    .TrainingMuscleBodyFallback {
    }
    .TrainingMuscleBodyEmpty {
    }
    }

/* Petits laptops */
@media (min-width: 1025px) and (max-width: 1919px) {
    .MuscleBodyEngineContentArea {
    }
    .TrainingMuscleBodyFallback {
    }
    .TrainingMuscleBodyEmpty {
    }
    }

/* Tablettes */
@media (min-width: 768px) and (max-width: 1024px) {
    .MuscleBodyEngineContentArea {
    }
    .TrainingMuscleBodyFallback {
    }
    .TrainingMuscleBodyEmpty {
    }
    }

/* Smartphones */
@media (max-width: 767px) {
    .MuscleBodyEngineContentArea {
    }
    .TrainingMuscleBodyFallback {
    }
    .TrainingMuscleBodyEmpty {
    }
    }
/* End of auto-generated class selectors. */