.real-lesson-path{position:relative;background:var(--real-lesson-path-background);color:var(--real-lesson-path-text);padding-block:var(--real-lesson-path-padding-top) var(--real-lesson-path-padding-bottom)}@media screen and (min-width:1100px){.real-lesson-path--desktop-transparent{isolation:isolate;background:transparent}.real-lesson-path--desktop-transparent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--real-lesson-path-background);opacity:var(--real-lesson-path-desktop-background-opacity);pointer-events:none}}.real-lesson-path--fade-bottom:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:var(--real-lesson-path-bottom-fade-height);background:linear-gradient(to bottom,transparent,var(--real-lesson-path-bottom-fade-color));pointer-events:none}.real-lesson-path--fade-blur:after{-webkit-backdrop-filter:blur(var(--real-lesson-path-bottom-fade-blur));backdrop-filter:blur(var(--real-lesson-path-bottom-fade-blur))}.real-lesson-path__inner{position:relative;z-index:1;display:grid;row-gap:1.875rem;column-gap:0}.real-lesson-path__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.real-lesson-path__heading{color:var(--real-lesson-path-text)}.real-lesson-path__heading>:first-child{margin-block-start:0}.real-lesson-path__heading>:last-child{margin-block-end:0}.real-lesson-path__note{max-width:34rem;color:var(--real-lesson-path-muted);font-size:.875rem;line-height:1.45;text-align:right}.real-lesson-path__chart-scroll{position:relative;display:grid;gap:1rem;margin-block-start:-.75rem;overflow-x:auto;padding-block-start:.75rem;scrollbar-width:thin}.real-lesson-path__chart-scroll:focus-visible{outline:2px solid var(--real-lesson-path-accent);outline-offset:.25rem}.real-lesson-path__column-guides{position:absolute;inset-block:1.875rem 0;inset-inline-start:0;z-index:0;display:grid;grid-template-columns:repeat(var(--real-lesson-path-step-columns),minmax(0,1fr));width:max(100%,var(--real-lesson-path-chart-min-width));pointer-events:none}.real-lesson-path__column-guide{border-inline-start:1px dashed var(--real-lesson-path-line);opacity:.72}.real-lesson-path__steps{--real-lesson-path-title-row-size: 2.4rem;--real-lesson-path-connector-offset: calc(.375rem + var(--real-lesson-path-title-row-size) + .25rem);position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--real-lesson-path-step-columns),minmax(0,1fr));gap:0;min-width:max(100%,var(--real-lesson-path-chart-min-width));margin:0;padding:0;list-style:none}.real-lesson-path__step{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:start;column-gap:.625rem;min-width:0;padding-inline-start:.75rem;padding-inline-end:1.375rem}.real-lesson-path__step:not(:last-child):after{content:"";position:absolute;inset-block-start:var(--real-lesson-path-connector-offset);inset-inline-start:3rem;width:calc(100% - 3rem);height:2px;background:linear-gradient(to right,color-mix(in srgb,var(--real-lesson-path-accent) 52%,transparent),color-mix(in srgb,var(--real-lesson-path-accent) 22%,transparent) 72%,transparent);z-index:0}.real-lesson-path__marker{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-block-start:calc(var(--real-lesson-path-connector-offset) - 1.125rem);border-radius:999px;font-family:var(--font-heading--family);font-size:1.0625rem;font-weight:800;isolation:isolate;line-height:1}.real-lesson-path__step-copy{position:relative;z-index:1;min-width:0;padding-block-start:.375rem}.real-lesson-path__marker--accent{color:var(--real-lesson-path-accent-text);background:var(--real-lesson-path-accent);box-shadow:inset 0 0 0 1px #ffffff1f}.real-lesson-path__marker--accent:before{content:"";position:absolute;top:-.75rem;right:-.75rem;bottom:-.75rem;left:-.75rem;z-index:-1;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--real-lesson-path-accent) 38%,transparent),color-mix(in srgb,var(--real-lesson-path-accent) 14%,transparent) 48%,transparent 72%);pointer-events:none}.real-lesson-path__marker--muted{color:var(--real-lesson-path-soft-marker-text);background:var(--real-lesson-path-soft-marker)}.real-lesson-path__marker--outline{color:var(--real-lesson-path-soft-marker-text);background:transparent;border:2px dashed color-mix(in srgb,var(--real-lesson-path-accent) 44%,transparent)}.real-lesson-path__step-title{display:grid;align-content:end;min-block-size:var(--real-lesson-path-title-row-size);margin:0;color:var(--real-lesson-path-text);font-size:1rem;font-weight:750;letter-spacing:0;line-height:1.2;overflow-wrap:normal;word-break:normal}.real-lesson-path__step-description{margin-block-start:.75rem;color:var(--real-lesson-path-muted);font-size:.8125rem;line-height:1.45}.real-lesson-path__gantt{position:relative;z-index:1;margin-block-start:-.5rem}.real-lesson-path__gantt-scroll{display:grid;gap:.375rem;padding-block-end:.125rem;min-width:max(100%,var(--real-lesson-path-chart-min-width))}.real-lesson-path__gantt-row{min-width:0}.real-lesson-path__gantt-track{display:grid;grid-template-columns:repeat(var(--real-lesson-path-gantt-columns),minmax(0,1fr));gap:0}.real-lesson-path__bar{--real-lesson-path-bar-background: var(--real-lesson-path-neutral-bar-background);--real-lesson-path-bar-border: var(--real-lesson-path-neutral-bar-border);position:relative;grid-row:1;z-index:1;display:flex;align-items:center;gap:.5rem;min-width:0;min-height:1.75rem;padding:.25rem .875rem;border:0;border-radius:999px;background:transparent;color:var(--real-lesson-path-text);font-size:.75rem;font-weight:700;line-height:1.1;text-decoration:none;transition:border-color var(--animation-speed-fast) var(--animation-easing),box-shadow var(--animation-speed-fast) var(--animation-easing)}.real-lesson-path__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:1px solid var(--real-lesson-path-bar-border);border-radius:inherit;background:linear-gradient(to bottom,rgb(255 255 255 / 5%),transparent 58%),var(--real-lesson-path-bar-background);box-shadow:inset 0 1px #ffffff0a;pointer-events:none;transition:border-color var(--animation-speed-fast) var(--animation-easing),box-shadow var(--animation-speed-fast) var(--animation-easing)}a.real-lesson-path__bar{cursor:pointer;touch-action:manipulation}.real-lesson-path__bar:is(:hover,:focus-visible,:focus-within){z-index:3}a.real-lesson-path__bar:is(:hover,:focus-visible):before{border-color:color-mix(in srgb,var(--real-lesson-path-bar-border) 82%,#fff);box-shadow:inset 0 1px #ffffff14,0 0 0 1px color-mix(in srgb,var(--real-lesson-path-bar-border) 18%,transparent),0 .35rem 1rem color-mix(in srgb,var(--real-lesson-path-bar-border) 12%,transparent)}a.real-lesson-path__bar:focus-visible{outline:2px solid color-mix(in srgb,var(--real-lesson-path-accent) 76%,#fff);outline-offset:2px}.real-lesson-path__bar--accent{--real-lesson-path-bar-background: var(--real-lesson-path-accent-bar-background);--real-lesson-path-bar-border: var(--real-lesson-path-accent-bar-border)}.real-lesson-path__bar--gold{--real-lesson-path-bar-background: var(--real-lesson-path-gold-bar-background);--real-lesson-path-bar-border: var(--real-lesson-path-gold-bar-border)}.real-lesson-path__bar--ends-at-last:before{inset-inline-end:.625rem}.real-lesson-path__bar-copy{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem;min-width:0}.real-lesson-path__bar-segments{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:repeat(var(--real-lesson-path-bar-span),minmax(0,1fr));overflow:hidden;border-radius:inherit;pointer-events:none}.real-lesson-path__bar-segment+.real-lesson-path__bar-segment{border-inline-start:1px dashed var(--real-lesson-path-line);opacity:.85}.real-lesson-path__bar-tooltip{position:absolute;inset-block-end:calc(100% + .625rem);inset-inline-start:.75rem;z-index:5;width:max-content;max-width:min(24rem,calc(100vw - 3rem));padding:.75rem .875rem;border:1px solid rgb(255 255 255 / 18%);border-radius:.375rem;background:#181818f5;box-shadow:0 .75rem 1.75rem #00000047;color:#fff;font-size:.8125rem;font-weight:500;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(.25rem);transition:opacity var(--animation-speed-fast) var(--animation-easing),transform var(--animation-speed-fast) var(--animation-easing),visibility var(--animation-speed-fast) var(--animation-easing);visibility:hidden;white-space:normal}.real-lesson-path__bar-tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:1rem;border:.375rem solid transparent;border-block-start-color:#181818f5}.real-lesson-path__bar-tooltip :is(p,ul,ol){margin-block:0}.real-lesson-path__bar-tooltip :is(p,ul,ol)+:is(p,ul,ol){margin-block-start:.5rem}.real-lesson-path__bar:is(:hover,:focus-visible,:focus-within) .real-lesson-path__bar-tooltip{opacity:1;transform:translateY(0);visibility:visible}.real-lesson-path__bar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-lesson-path__bar-meta{flex:0 0 auto;color:var(--real-lesson-path-muted);font-weight:600;white-space:nowrap}.real-lesson-path__empty{padding:1rem;border:1px dashed var(--real-lesson-path-line);border-radius:.5rem;color:var(--real-lesson-path-muted)}@media screen and (max-width:749px){.real-lesson-path__inner{row-gap:1.5rem}.real-lesson-path__header{display:grid;gap:.5rem}.real-lesson-path__note{max-width:none;text-align:left}.real-lesson-path__chart-scroll{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 2rem),transparent 100%)}.real-lesson-path__column-guides{width:max(100%,var(--real-lesson-path-mobile-chart-min-width))}.real-lesson-path__steps,.real-lesson-path__gantt-scroll{min-width:max(100%,var(--real-lesson-path-mobile-chart-min-width))}.real-lesson-path__steps{grid-template-columns:repeat(var(--real-lesson-path-step-columns),minmax(0,1fr));gap:0}.real-lesson-path__step{padding-block-end:0;padding-inline-start:.75rem;padding-inline-end:1rem}.real-lesson-path__step:not(:last-child):after{inset-block-start:var(--real-lesson-path-connector-offset);inset-block-end:auto;inset-inline-start:3rem;width:calc(100% - 3rem);height:2px}.real-lesson-path__marker{margin-block-end:0}.real-lesson-path__gantt{margin-block-start:0}.real-lesson-path__bar{min-height:2.75rem;font-size:.75rem}.real-lesson-path__bar-copy{position:sticky;inset-inline-start:.875rem;z-index:2;max-width:calc(100vw - 4rem)}.real-lesson-path--disable-mobile-tooltips .real-lesson-path__bar-tooltip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/real-lesson-path-timeline.css.map */