.section-originals-instrument-explainer{--pin-fill: oklch(.72 .17 38);--pin-ink: var(--colour-mine-shaft);--pin-ring: var(--colour-white);display:block}.theme-light .section-originals-instrument-explainer{--pin-ring: var(--colour-mine-shaft)}.section-originals-instrument-explainer .body{display:flex;flex-direction:column}.section-originals-instrument-explainer .intro{text-align:center}.section-originals-instrument-explainer .intro h2{margin-inline:auto}.section-originals-instrument-explainer .lead{max-width:min(var(--rte-max-width),68ch);margin-top:1.5rem;margin-inline:auto}.section-originals-instrument-explainer .card{width:100%;margin-top:2.5rem;padding-bottom:1.5rem;overflow:hidden;background:var(--colour-white-04);border-radius:var(--border-radius-lg);box-shadow:inset 0 0 0 1px var(--colour-pdp-border)}.theme-light .section-originals-instrument-explainer .card{background:var(--colour-pdp-row-background)}.section-originals-instrument-explainer .stage{margin:0}.section-originals-instrument-explainer .frame{position:relative;aspect-ratio:1484/988}.section-originals-instrument-explainer .screenshot,.section-originals-instrument-explainer .placeholder{width:100%;height:100%}.section-originals-instrument-explainer .screenshot{display:block;object-fit:fill}.section-originals-instrument-explainer .placeholder{display:grid;place-items:center;align-content:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--colour-pdp-row-background);color:var(--colour-foreground);text-align:center}.section-originals-instrument-explainer .placeholder svg{width:4rem;height:4rem}.section-originals-instrument-explainer .placeholder p{margin:0}.section-originals-instrument-explainer .pin{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;position:absolute;top:var(--pin-top);left:var(--pin-left);z-index:3;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border-radius:50%;font-family:inherit;cursor:pointer;touch-action:manipulation;transform:translate(-50%,-50%)}.section-originals-instrument-explainer .pin:focus{outline:none}.section-originals-instrument-explainer .pin:hover{text-decoration:none;outline:none}.section-originals-instrument-explainer .pin:disabled{opacity:.5;pointer-events:none}.section-originals-instrument-explainer .pin:focus-visible{outline:none}.section-originals-instrument-explainer .pin.is-active,.section-originals-instrument-explainer .pin:not(.is-dismissed):hover,.section-originals-instrument-explainer .pin:not(.is-dismissed):focus-within{z-index:10}.section-originals-instrument-explainer .pin.is-active .dot,.section-originals-instrument-explainer .pin:not(.is-dismissed):hover .dot,.section-originals-instrument-explainer .pin:not(.is-dismissed):focus-within .dot{transform:scale(1.12)}.section-originals-instrument-explainer .pin.is-active .dot:before,.section-originals-instrument-explainer .pin:not(.is-dismissed):hover .dot:before,.section-originals-instrument-explainer .pin:not(.is-dismissed):focus-within .dot:before{opacity:1}.section-originals-instrument-explainer .pin.is-active .dot:after,.section-originals-instrument-explainer .pin:not(.is-dismissed):hover .dot:after,.section-originals-instrument-explainer .pin:not(.is-dismissed):focus-within .dot:after{animation:none;opacity:0}.section-originals-instrument-explainer .pin.is-active .callout,.section-originals-instrument-explainer .pin:not(.is-dismissed):hover .callout,.section-originals-instrument-explainer .pin:not(.is-dismissed):focus-within .callout{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.section-originals-instrument-explainer .pin.left-edge .callout{left:0;transform:translate(0) translateY(.25rem)}.section-originals-instrument-explainer .pin.left-edge.is-active .callout,.section-originals-instrument-explainer .pin.left-edge:not(.is-dismissed):hover .callout,.section-originals-instrument-explainer .pin.left-edge:not(.is-dismissed):focus-within .callout{transform:translate(0) translateY(0)}.section-originals-instrument-explainer .dot{transition:transform .18s ease 0s;position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--pin-fill);color:var(--pin-ink);font:600 .875rem/1 var(--font-family-base);box-shadow:0 .125rem .625rem -.125rem #0000008c}.section-originals-instrument-explainer .dot:before{transition:opacity .18s ease 0s;content:"";position:absolute;top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border:.1875rem solid var(--pin-ring);border-radius:50%;opacity:0}.section-originals-instrument-explainer .callout{transition:opacity .18s ease 0s,transform .18s ease 0s;position:absolute;top:calc(50% + 1.35rem);left:50%;z-index:4;box-sizing:border-box;width:min(15rem,60vw);padding:.7rem .85rem;overflow-wrap:break-word;background:var(--colour-background);border:1px solid var(--colour-pdp-border);border-radius:var(--border-radius-md);box-shadow:0 1.125rem 2.5rem -1.125rem #000000d9;opacity:0;visibility:hidden;color:var(--colour-foreground);text-align:left;white-space:normal;transform:translate(-50%) translateY(.25rem)}.section-originals-instrument-explainer .callout-title{display:block;color:var(--colour-highlighter);font-size:.9375rem;font-weight:600;line-height:1.3}.section-originals-instrument-explainer .callout-body{display:block;margin-top:.25rem;color:var(--colour-foreground);font-size:.8125rem;line-height:1.5}.section-originals-instrument-explainer .facts{list-style:none;margin:2.25rem 0 0;padding:0 1.5rem;display:grid;gap:1.75rem}.section-originals-instrument-explainer .fact{display:flex;align-items:flex-start;gap:.75rem}.section-originals-instrument-explainer .icon{flex:0 0 auto;margin-top:.0625rem;color:var(--colour-highlighter)}.section-originals-instrument-explainer .fact-body{display:flex;flex-direction:column;gap:.1875rem}.section-originals-instrument-explainer .fact-title{color:var(--colour-highlighter);font-size:1rem;font-weight:600}.section-originals-instrument-explainer .fact-text{color:var(--colour-foreground);font-size:.9375rem;line-height:1.5}.section-originals-instrument-explainer .annotations{display:none}.section-originals-instrument-explainer .number{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--pin-fill);color:var(--pin-ink);font:600 .75rem/1 var(--font-family-base)}.section-originals-instrument-explainer .annotation-body{display:flex;flex-direction:column;gap:.125rem}.section-originals-instrument-explainer .annotation-title{color:var(--colour-highlighter);font-size:.9375rem;font-weight:600;line-height:1.3}.section-originals-instrument-explainer .annotation-text{color:var(--colour-foreground);font-size:.8125rem;line-height:1.5}@keyframes instrument-pin-ping{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.1)}}@media(min-width:992px){.section-originals-instrument-explainer .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,6vw,5rem)}}@media(max-width:767.98px){.section-originals-instrument-explainer .lead{margin-top:var(--space-xs)}.section-originals-instrument-explainer .card{margin-top:1.75rem;padding-bottom:1.25rem}.section-originals-instrument-explainer .callout{display:none}.section-originals-instrument-explainer .pin{width:2.25rem;height:2.25rem}.section-originals-instrument-explainer .dot{width:1.375rem;height:1.375rem;font-size:.75rem}.section-originals-instrument-explainer .facts{padding-inline:1.25rem}.section-originals-instrument-explainer .annotations{list-style:none;margin:2.5rem 0 0;padding:0 1.25rem;display:grid;gap:var(--space-xs)}.section-originals-instrument-explainer .annotation{display:flex;align-items:flex-start;gap:.625rem;border-radius:.5rem;outline:2px solid transparent;outline-offset:.375rem;scroll-margin-block:6rem;transition:outline-color .4s ease 0s}.section-originals-instrument-explainer .annotation.is-highlighted{outline-color:var(--colour-highlighter)}.section-originals-instrument-explainer .annotation:focus-visible{outline-color:var(--colour-highlighter)}.section-originals-instrument-explainer .annotation-text{font-size:.875rem}}@media(prefers-reduced-motion:no-preference){.section-originals-instrument-explainer .dot:after{content:"";position:absolute;top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border:.125rem solid var(--pin-fill);border-radius:50%;animation:instrument-pin-ping 2.6s ease-out infinite;animation-delay:calc((var(--pin-order) - 1) * .52s);animation-play-state:paused}.section-originals-instrument-explainer.is-visible .dot:after{animation-play-state:running}}@media(prefers-reduced-motion:reduce){.section-originals-instrument-explainer .dot,.section-originals-instrument-explainer .dot:before,.section-originals-instrument-explainer .callout{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-originals-instrument-explainer.css.map */