.uo-diagram{background:rgb(var(--color-background));padding:6rem 0}.uo-diagram__inner{max-width:76rem;margin:0 auto}.uo-diagram__media{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 3}.uo-diagram__image{display:block;width:100%;height:100%;object-fit:cover}.uo-diagram__marker{position:absolute;display:flex;align-items:center;gap:.8rem;transform:translate(-50%,-50%);max-width:22rem}.uo-diagram__marker--left{flex-direction:row-reverse;text-align:right}.uo-diagram__marker--left .uo-diagram__label{text-align:right}.uo-diagram__dot{flex:0 0 auto;width:.9rem;height:.9rem;border-radius:50%;background:var(--c-sage);box-shadow:0 0 0 .4rem #7ba98a40}.uo-diagram__connector{flex:0 0 auto;width:2.4rem;height:1px;background:var(--c-sage)}.uo-diagram__label{display:flex;flex-direction:column;gap:.2rem}.uo-diagram__label-text{display:block;font-family:var(--font-utility);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground))}.uo-diagram__sublabel-text{display:block;font-family:var(--font-body);font-size:1.2rem;color:var(--c-body)}.uo-diagram--has-image .uo-diagram__marker .uo-diagram__label-text,.uo-diagram--has-image .uo-diagram__marker .uo-diagram__sublabel-text{background:rgba(var(--color-background),.88);padding:.1rem 0}.uo-diagram__legend{list-style:none;margin:3.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.6rem}.uo-diagram__legend-item{display:flex;align-items:flex-start;gap:1.2rem}.uo-diagram__legend-dot{flex:0 0 auto;width:.9rem;height:.9rem;margin-top:.3rem;border-radius:50%;background:var(--c-sage)}.uo-diagram__legend-text{display:flex;flex-direction:column;gap:.2rem}.uo-diagram--has-image .uo-diagram__legend{display:none}@media screen and (max-width:749px){.uo-diagram{padding:4rem 0}.uo-diagram__marker{gap:.5rem;max-width:14rem}.uo-diagram__connector{width:1.2rem}.uo-diagram__label-text{font-size:1rem;letter-spacing:.06em}.uo-diagram__sublabel-text{font-size:1.05rem}}@media screen and (max-width:400px){.uo-diagram__sublabel-text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-annotated-diagram.css.map */