.mg-annotated-media--anchored .mg-annotated-media__stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.mg-annotated-media--anchored .mg-annotated-media__media{position:relative;inline-size:min(100%,var(--am-mw));justify-self:center;counter-reset:am-pin}.mg-annotated-media--anchored .mg-annotated-media__annotations{grid-row:2;display:grid;gap:var(--space-md);counter-reset:am-note}.mg-annotated-media--anchored .mg-annotated-media__line{display:none}.mg-annotated-media__pin{position:absolute;inset-block-start:var(--am-y);inset-inline-start:var(--am-x);translate:-50% -50%;display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-circle);background-color:var(--color-links);color:var(--color-background);box-sizing:content-box;border:calc(var(--border-thickness) * 2) solid var(--color-background);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);counter-increment:am-pin;z-index:var(--z-local-2);pointer-events:none}.mg-annotated-media__pin:before{content:counter(am-pin)}.mg-annotated-media--anchored .mg-annotated-media__annotation{display:grid;grid-template-columns:1.5rem minmax(0,1fr);column-gap:var(--space-sm);text-align:start;counter-increment:am-note}.mg-annotated-media--anchored .mg-annotated-media__annotation:before{content:counter(am-note);grid-row:1 / span 2;display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-circle);background-color:var(--color-links);color:var(--color-background);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.mg-annotated-media--anchored .mg-annotated-media__title,.mg-annotated-media--anchored .mg-annotated-media__desc{grid-column:2}@media not (max-width:750px){.mg-annotated-media--anchored{--am-label-w: 12rem}.mg-annotated-media--anchored .mg-annotated-media__stage{grid-template-columns:minmax(0,var(--am-mw));justify-content:center;align-items:stretch;padding-inline:var(--am-label-w)}.mg-annotated-media--anchored .mg-annotated-media__media,.mg-annotated-media--anchored .mg-annotated-media__annotations{grid-area:1 / 1;inline-size:100%}.mg-annotated-media--anchored .mg-annotated-media__annotations{display:block;position:relative;z-index:var(--z-local-1)}.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side]{position:absolute;inset-block-start:var(--am-y);translate:0 -50%;inline-size:auto;text-align:start;grid-template-columns:calc(var(--am-label-w) - var(--space-md)) minmax(var(--space-sm),1fr);column-gap:var(--space-sm);align-items:center}.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side=left]{inset-inline-start:calc(-1 * var(--am-label-w));inset-inline-end:calc(100% - var(--am-x))}.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side=right]{inset-inline-start:var(--am-x);inset-inline-end:calc(-1 * var(--am-label-w));grid-template-columns:minmax(var(--space-sm),1fr) calc(var(--am-label-w) - var(--space-md))}.mg-annotated-media--anchored .mg-annotated-media__annotation:before{content:none}.mg-annotated-media--anchored .mg-annotated-media__title,.mg-annotated-media--anchored .mg-annotated-media__desc{grid-column:1}.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side=right] .mg-annotated-media__title,.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side=right] .mg-annotated-media__desc{grid-column:2}.mg-annotated-media--anchored .mg-annotated-media__line{display:block;grid-row:1 / span 2;grid-column:2;margin:0}.mg-annotated-media--anchored .mg-annotated-media__annotation[data-side=right] .mg-annotated-media__line{grid-column:1}.mg-annotated-media--anchored .mg-annotated-media__line-body{display:block;box-sizing:content-box;block-size:calc(var(--border-thickness) * 2);border-block:var(--border-thickness) solid var(--color-background)}.mg-annotated-media--anchored .mg-annotated-media__dot{display:none}.mg-annotated-media__pin{inline-size:.75rem;block-size:.75rem}.mg-annotated-media__pin:before{content:none}}@media not (max-width:990px){.mg-annotated-media--anchored{--am-label-w: 15rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-annotated-media-anchored.css.map */