/* Whole-plan muscle target maps inserted before workout Day 1. */

.plan-target-map-slide {
    display:grid;
    grid-template-rows:auto 1fr auto;
    align-items:start;
    min-height:470px;
    padding:14px 14px 12px;
}

.plan-target-map-heading {
    text-align:center;
}

.plan-target-map-heading .eyebrow {
    display:block;
    color:var(--muted,#a0a0a0);
    font-size:9px;
    font-weight:850;
    letter-spacing:.12em;
}

.plan-target-map-heading h3 {
    margin:4px 0 2px;
    color:#fff;
    font-size:20px;
    line-height:1.15;
}

.plan-target-map-heading p {
    margin:0;
    color:#92929b;
    font-size:11px;
    font-weight:700;
}

.plan-target-map-body {
    display:grid;
    place-items:center;
    min-height:390px;
    padding:4px 0 2px;
    overflow:hidden;
}

.plan-target-map-body .recovery-user-front-svg,
.plan-target-map-body .recovery-user-back-svg {
    display:block;
    width:min(100%,210px);
    height:auto;
    margin:0 auto;
    overflow:visible;
    filter:none;
    shape-rendering:geometricPrecision;
}

.plan-target-map-body .recovery-user-front-svg image,
.plan-target-map-body .recovery-user-back-svg image {
    transform:none !important;
    transform-origin:0 0 !important;
}

.plan-target-map-body .plan-target-muscle {
    fill:var(--plan-target-fill,#45cb75);
    fill-opacity:var(--plan-target-intensity,0) !important;
    stroke:rgba(245,245,248,.72);
    stroke-opacity:var(--plan-target-intensity,0) !important;
    stroke-width:1;
    stroke-linejoin:round;
    transition:none;
}

.plan-target-map-legend {
    display:grid;
    grid-template-columns:auto minmax(100px,170px) auto;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:2px;
    color:#8f8f98;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.plan-target-map-legend i {
    display:block;
    width:100%;
    height:6px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:linear-gradient(90deg,#858793 0%,rgba(69,203,117,.42) 52%,#45cb75 100%);
}

@media (max-width:420px) {
    .plan-target-map-slide {
        min-height:452px;
        padding:13px 12px 11px;
    }

    .plan-target-map-body {
        min-height:372px;
    }

    .plan-target-map-body .recovery-user-front-svg,
    .plan-target-map-body .recovery-user-back-svg {
        width:min(100%,198px);
    }
}

@media (max-width:360px) {
    .plan-target-map-slide {
        min-height:430px;
    }

    .plan-target-map-body {
        min-height:350px;
    }

    .plan-target-map-body .recovery-user-front-svg,
    .plan-target-map-body .recovery-user-back-svg {
        width:min(100%,186px);
    }
}