@media(min-width: 62.5em){.diagram{min-height:calc(var(--diagram-slides, 1)*(100dvh - var(--nav-height)))}}.diagram-container{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media(min-width: 62.5em){.diagram__sticky{min-height:75dvh;position:sticky;top:var(--nav-height)}}.diagram__sticky .container{display:flex;flex-direction:column;height:100%;min-height:75dvh}@media(min-width: 62.5em){.diagram__header{border-bottom:1px solid var(--color-diagram-border)}}.diagram__grid{flex:1;position:relative}.diagram-content{display:grid;grid-template-rows:auto 1fr;padding:var(--space-4)}.diagram-content:has(.diagram__view-title){grid-template-rows:auto auto 1fr}.diagram__view-content ol{margin-left:var(--space-5)}.diagram__view-content ul{list-style:none}.diagram__view-content ul li.has-many{display:flex;gap:var(--space-4)}.diagram__view-content ul li.diagram__connector{margin-inline-start:var(--space-12)}.diagram__view-content ul li.diagram__connector:first-child{display:none}.diagram__view-content ul li.diagram__connector .secondary{left:13%;position:relative;top:2px;transform:rotate(-15deg)}.diagram__view-content ol li+li,.diagram__view-content ul li+li{margin-block-start:var(--space-2)}.diagram__view-content li:not(.is-active){opacity:.3}.diagram__view-content ul li:not(.has-many){position:relative;z-index:1}.diagram__view-content .tag__icon{transform-origin:50% 53%}.diagram__view-content .tag--lower .tag__icon{transform:rotate(90deg)}.diagram__view-content .tag--higher .tag__icon{transform:rotate(-90deg)}.diagram__view-title{margin-block:var(--space-6);text-align:center}.diagram__view-media{height:90%;overflow:visible;position:relative}.diagram__view-media-item{display:grid;inset:0;opacity:0;place-content:center;pointer-events:none;position:absolute;transition:opacity .45s ease;will-change:opacity}.diagram-content .diagram__view-media-item{place-content:center}.diagram-content .diagram__view-media-item.is-active{opacity:1;pointer-events:auto}.diagram-content .diagram__view-media-item img{margin:auto}.diagram__media-frame{display:inline-block;position:relative}.diagram__hotspots{inset:0;pointer-events:none;position:absolute}.diagram__hotspot{height:0;left:var(--hotspot-x, 50%);pointer-events:auto;position:absolute;top:var(--hotspot-y, 50%);width:0;z-index:3}.diagram__hotspot-trigger{cursor:pointer;height:1.75rem;left:0;position:absolute;top:0;transform:translate(-50%, -50%);transition:box-shadow .15s ease;width:1.75rem}.diagram__tooltip{--diagram-tooltip-leg: 2.625rem;background-color:var(--color-white);border:1px solid var(--color-grey-neutral-300);border-radius:4px;bottom:var(--diagram-tooltip-leg);display:flex;flex-direction:column;gap:var(--space-1);left:0;max-width:12.5rem;opacity:0;padding:var(--space-2);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;width:max-content;z-index:4}.diagram__tooltip::after{background-color:var(--color-grey-neutral-300);content:"";height:2.0625rem;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:1px}.diagram__tooltip::before{background-color:var(--color-grey-neutral-300);border-radius:var(--bdrs-full);content:"";height:.375rem;left:50%;position:absolute;top:calc(100% + 1.875rem);transform:translateX(-50%);width:.375rem}.diagram__hotspot:hover .diagram__tooltip,.diagram__hotspot:focus-within .diagram__tooltip,.diagram__hotspot.is-open .diagram__tooltip{opacity:1;pointer-events:auto;visibility:visible}.diagram__tooltip-title{color:var(--color-progress-purple-500);font-size:.75rem;font-weight:500;line-height:1.125rem}.diagram__tooltip-body{color:var(--color-black, #000);font-size:.75rem;line-height:1rem}.diagram-content--indexed .diagram__view{min-height:35rem}.diagram-content:not(.diagram-content--indexed) .diagram__view{display:grid;gap:var(--space-4);grid-template-columns:auto 1fr}.diagram-content:not(.diagram-content--indexed) .diagram__view-content ul{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding-block:var(--space-12)}.diagram-content.diagram-content--connected .diagram__view-content ul{justify-content:center}.diagram__dots{height:100%;left:50%;place-content:center;position:absolute;top:0;transform:translate3d(-50%, 0, 0);z-index:2}.diagram__dots .progress-dots{--dot-bdrs: var(--bdrs-full);--dot-color: var(--color-diagram-dot);--dot-gap: 0.5rem;--dot-size: 0.5rem;flex-direction:column}.diagram__dots .progress-dots::before,.diagram__dots .progress-dots::after{background-color:var(--dot-color);content:"";height:45%;left:50%;position:absolute;transform:translate3d(-50%, 0, 0);width:1px}.diagram__dots .progress-dots::before{top:0}.diagram__dots .progress-dots::after{bottom:0}.diagram__cards-item:first-child{border-bottom:1px solid var(--color-grey-neutral-300)}.diagram__cards-item-image{background-color:var(--color-white);border:1px solid var(--color-grey-neutral-300);padding-block:var(--space-10);place-items:center}

/*# sourceMappingURL=diagram.css.map */