/* A restrained measurement overlay on composition media. It never receives pointer input. */
.media-slides,.product-image-link{--instrument-x:50%;--instrument-y:50%;position:relative}
.instrument-reticle{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;color:var(--system-blue);transition:opacity .12s steps(1,end)}
.instrument-active .instrument-reticle{opacity:1}
.reticle-horizontal,.reticle-vertical,.reticle-center{position:absolute;display:block;background:currentColor}
.reticle-horizontal{left:0;right:0;top:var(--instrument-y);height:1px;opacity:.15}
.reticle-vertical{top:0;bottom:0;left:var(--instrument-x);width:1px;opacity:.15}
.reticle-center{left:var(--instrument-x);top:var(--instrument-y);width:15px;height:15px;background:transparent;border:1px solid currentColor;transform:translate(-50%,-50%);opacity:.375}
.reticle-center:before,.reticle-center:after{content:'';position:absolute;background:currentColor}
.reticle-center:before{left:6px;top:-5px;width:1px;height:23px}
.reticle-center:after{top:6px;left:-5px;height:1px;width:23px}
.reticle-readout{position:absolute;top:.7rem;right:.7rem;background:var(--paper);padding:.28rem .4rem;border:1px solid currentColor;font:700 .66rem/1 'Courier New',monospace;font-variant-numeric:tabular-nums}
.media-controls [data-slide-status]{font-variant-numeric:tabular-nums}
.composition-switcher a .switch-symbols img,.identity-symbols svg{transition:transform .18s steps(2,end)}
.composition-switcher a:hover .switch-symbols img:first-child,.composition-switcher a:focus-visible .switch-symbols img:first-child,.identity-symbols:hover svg:first-child{transform:translate(-3px,-2px)}
.composition-switcher a:hover .switch-symbols img:nth-child(2),.composition-switcher a:focus-visible .switch-symbols img:nth-child(2),.identity-symbols:hover svg:nth-child(2){transform:translate(1px,-4px)}
.composition-switcher a:hover .switch-symbols img:nth-child(3),.composition-switcher a:focus-visible .switch-symbols img:nth-child(3),.identity-symbols:hover svg:nth-child(3){transform:translate(4px,2px)}
.compositions .product-card>a.product-image-link img{transition:transform .24s steps(3,end)}
.specimen-loading{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:var(--paper);color:var(--system-blue);font:700 clamp(.8rem,1.4vw,1rem)/1.4 'Courier New',monospace;letter-spacing:.12em;pointer-events:none}
.loading-symbols{display:flex;gap:1rem;align-items:center}
.loading-symbols img{width:clamp(22px,3vw,42px);height:clamp(22px,3vw,42px);object-fit:contain;animation:specimen-align .22s steps(2,end) both}
.loading-symbols img:first-child{animation-delay:.04s}.loading-symbols img:last-child{animation-delay:.08s}
@keyframes specimen-align{from{transform:translateY(9px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.instrument-reticle{display:none}.composition-switcher a .switch-symbols img,.identity-symbols svg,.compositions .product-card>a.product-image-link img{transition:none!important;transform:none!important}.specimen-loading{display:none}}