/* LAYOUT */
.molecule-club-team-trajectory { padding: 20px 0 0 0; }
.molecule-club-team-trajectory .canvas-holder { position: relative; padding-left: 10px; padding-bottom: 0; width: 100%; }

/* CHART SCROLLING */
.molecule-club-team-trajectory .canvas-holder .chart-display { width: 100%; overflow: auto; margin-bottom: 10px; }
.molecule-club-team-trajectory .canvas-holder .chart-display .inner { min-width: 550px; width: 100%; }

/* LEGEND INFO */
.molecule-club-team-trajectory .canvas-holder .axis-title { text-align: center; }
.molecule-club-team-trajectory .canvas-holder .axis-title.axis-y-title { transform: rotate(180deg); bottom: 0; left: -20px; width: 20px; height: 100%; writing-mode: vertical-rl; position: absolute;  }
.molecule-club-team-trajectory .canvas-holder .axis-title.axis-x-title { height: 20px; width: 100%; }

@media only screen and ( min-width: 48em ) {
    /* LAYOUT */
    .molecule-club-team-trajectory { padding: 30px 0 0 0; }
    .molecule-club-team-trajectory .canvas-holder { padding-left: 40px; padding-right: var( --gs-container-padding ); }
    /* CHART SCROLLING */
    .molecule-club-team-trajectory .canvas-holder .chart-display { margin-bottom: 15px; }
    .molecule-club-team-trajectory .canvas-holder .chart-display .inner { min-width: 100%; }
    /* LEGEND INFO */
    .molecule-club-team-trajectory .canvas-holder .axis-title.axis-y-title { width: 20px; left: 0; }
    .molecule-club-team-trajectory .canvas-holder .axis-title.axis-x-title { height: 20px; }

}

@media only screen and ( min-width: 62em ) {
    /* LAYOUT */
    .molecule-club-team-trajectory { padding: 45px 0 0 0; }
    .molecule-club-team-trajectory .canvas-holder { padding-left: 60px; }
    /* CHART SCROLLING */
    .molecule-club-team-trajectory .canvas-holder .chart-display { margin-bottom:  30px; }
    .molecule-club-team-trajectory .canvas-holder .chart-display .inner { min-width: 100%; }
    /* LEGEND INFO */
    .molecule-club-team-trajectory .canvas-holder .axis-title.axis-y-title { width: 40px; left: 10px; }
    .molecule-club-team-trajectory .canvas-holder .axis-title.axis-x-title { height: 40px; }

}