.st-diagram__frame{container-type:inline-size}.st-diagram__stage{--st-dg-photo-max: 720px;--st-dg-callout: 400px;--st-dg-marker: var(--st-spacing-space-5);--st-dg-glyph: var(--st-spacing-space-4);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch}.st-diagram__figure{position:relative;width:100%;max-width:560px;margin:0 auto;padding:0}.st-diagram__media{position:relative;aspect-ratio:1 / 1}.st-diagram__image{display:block;width:100%;height:100%;object-fit:contain}.st-diagram__marker{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--st-dg-marker);height:var(--st-dg-marker);border-radius:var(--st-spacing-radius-pill);background-color:var(--st-color-text-on-light)}.st-diagram__marker--pin{position:absolute;z-index:2;left:var(--st-x, 50%);top:var(--st-y, 50%);transform:translate(-50%,-50%)}.st-diagram__glyph{display:block;width:var(--st-dg-glyph);height:var(--st-dg-glyph);object-fit:contain}.st-diagram--invert .st-diagram__glyph{filter:invert(1)}.st-diagram__dot{display:block;width:var(--st-dg-glyph);height:var(--st-dg-glyph);border-radius:var(--st-spacing-radius-pill);background-color:var(--st-color-text-on-dark)}.st-diagram__side{display:contents}.st-diagram__callout{order:var(--st-order, 1);display:flex;flex-direction:column;gap:var(--st-spacing-space-3);margin-top:var(--st-spacing-layout-head-mobile)}.st-diagram__title-row{display:flex;align-items:center;gap:var(--st-spacing-space-3)}.st-diagram .st-diagram__title{margin:0;font-family:var(--st-type-heading-h3-family);font-size:var(--st-type-heading-h3-size);font-weight:var(--st-type-heading-h3-weight);font-style:var(--st-type-heading-h3-style);line-height:var(--st-type-heading-h3-line-height);letter-spacing:var(--st-type-heading-h3-letter-spacing);text-transform:var(--st-type-heading-h3-transform);color:var(--st-color-text-primary)}.st-diagram .st-diagram__body{margin:0;font-family:var(--st-type-lead-mobile-family);font-size:var(--st-type-lead-mobile-size);font-weight:var(--st-type-lead-mobile-weight);font-style:var(--st-type-lead-mobile-style);line-height:var(--st-type-lead-mobile-line-height);letter-spacing:var(--st-type-lead-mobile-letter-spacing);text-transform:var(--st-type-lead-mobile-transform);color:var(--st-color-text-body)}.st-diagram__figure{order:0;margin-bottom:var(--st-spacing-space-1)}.st-diagram__lines{display:none}@media only screen and (min-width:768px)and (max-width:1023px){.st-diagram__stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--st-spacing-space-5)}.st-diagram__figure{grid-column:1 / -1;margin-bottom:var(--st-spacing-space-4)}.st-diagram__callout{margin-top:var(--st-spacing-layout-head-mobile)}}@media only screen and (min-width:1024px){.st-diagram__stage{--st-dg-photo: min(var(--st-dg-photo-max), 52.33cqi);--st-dg-overlap: calc(var(--st-dg-photo) * .2);--st-dg-overlap-right: calc(var(--st-dg-photo) * .28);--st-dg-marker: 28px;--st-dg-glyph: 20px;display:grid;grid-template-columns:minmax(0,1fr) var(--st-dg-photo) minmax(0,1fr);grid-template-rows:auto;align-items:stretch}.st-diagram__figure{grid-column:2;grid-row:1;max-width:none;margin:0}.st-diagram__side{position:relative;z-index:1;grid-row:1;display:flex;flex-direction:column;gap:var(--st-spacing-space-7);padding-block:var(--st-spacing-layout-band-desktop);min-width:0}.st-diagram__side--left{grid-column:1;align-items:flex-end}.st-diagram__side--right{grid-column:3;align-items:flex-start}.st-diagram__callout{width:min(var(--st-dg-callout),calc(100% + var(--st-dg-overlap)));margin-top:0}.st-diagram__callout--top{order:1}.st-diagram__callout--middle{order:2;margin-block:auto}.st-diagram__callout--bottom{order:3;margin-top:auto}.st-diagram__callout--middle+.st-diagram__callout--bottom{margin-top:0}.st-diagram__callout--left{margin-right:calc(-1 * var(--st-dg-overlap))}.st-diagram__side--right .st-diagram__callout{width:min(var(--st-dg-callout),calc(100% + var(--st-dg-overlap-right)))}.st-diagram__callout--right{margin-left:calc(-1 * var(--st-dg-overlap-right));text-align:right}.st-diagram__callout--right .st-diagram__title-row{justify-content:flex-end}.st-diagram__marker--legend{display:none}.st-diagram__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--st-color-accent-secondary);stroke-width:var(--st-spacing-border-2)}}@media only screen and (min-width:768px)and (max-width:1023px){.st-diagram__stage:has(.st-diagram__figure>.st-diagram__marker--pin:nth-child(2):last-child) .st-diagram__callout[style*="--st-order: 1;"],.st-diagram__stage:has(.st-diagram__figure>.st-diagram__marker--pin:nth-child(4):last-child) .st-diagram__callout[style*="--st-order: 3;"],.st-diagram__stage:has(.st-diagram__figure>.st-diagram__marker--pin:nth-child(6):last-child) .st-diagram__callout[style*="--st-order: 5;"]{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/st-product-diagram.css.map */