.learn-path-component{display:flex;justify-content:center;max-height:100%;min-height:100%;overflow-x:hidden;overflow-y:scroll;padding:0;position:relative;transition:background-color .5s ease;width:100%}@media (max-width: 59.999em){.learn-path-component{max-height:calc(100dvh - (var(--space-80) + var(--space-12)))}}.learn-path-scale-container{display:flex;flex-direction:column-reverse;height:-moz-fit-content;height:fit-content;justify-content:center;transform-origin:center top;width:100%}.learn-path-pattern-bg{display:block}.learn-path-piece-image{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn-path-course-wrapper{align-items:center;display:flex;justify-content:center;max-height:-moz-fit-content;max-height:fit-content;position:relative}.learn-path-section-start-area{bottom:0;height:10rem;pointer-events:none;position:absolute;width:100%;z-index:998}.learn-path-section-start-area .learn-path-section-start-area-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;opacity:1}.learn-path-section-start-area .learn-path-section-subtitle{color:#fff;padding-bottom:var(--space-4);text-align:center}.learn-path-section-start-area .learn-path-section-title{align-content:center;color:#fff;text-align:center;text-shadow:0 .1rem 0 var(--color-transparent-black-20);width:100%;z-index:999}.learn-path-NEW .learn-path-diamond{fill:var(--color-aqua-400);opacity:.1}.learn-path-BEGINNER .learn-path-diamond{fill:var(--color-green-400);opacity:.1}.learn-path-INTERMEDIATE .learn-path-diamond{fill:var(--color-orange-400);opacity:.1}.learn-path-ADVANCED .learn-path-diamond{fill:var(--color-purple-400);opacity:.1}.learn-path-background{fill:var(--color-bg-opaque)}