.the-breakdown__header{position:relative;z-index:2;text-align:center;margin-bottom:2.4rem}.the-breakdown__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-letter-spacing) + .06em);line-height:calc(1 + .15/max(1,var(--font-heading-scale)));text-transform:uppercase;font-size:calc(var(--font-heading-scale) * 2.4rem);color:var(--breakdown-heading-color)}.the-breakdown__editor-hint{margin:1.6rem auto 0;max-width:60rem;text-align:center;color:rgba(var(--color-foreground),.75)}.the-breakdown__subheading{margin:1.2rem auto 0;max-width:60rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight-extralight);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .55/max(1,var(--font-body-scale)));letter-spacing:var(--font-body-letter-spacing);color:var(--breakdown-subheading-color)}.the-breakdown__panel{position:relative;width:100%;background-color:var(--breakdown-media-bg);padding:2.4rem 0}.the-breakdown__panel-inner{position:relative;z-index:1}.the-breakdown__media{position:relative;z-index:1;display:block;margin:0 auto;max-width:var(--breakdown-image-max-width)}.the-breakdown__image{display:block;width:100%;height:auto;vertical-align:middle}.the-breakdown__placeholder{display:flex;align-items:center;justify-content:center;min-height:28rem;padding:2rem;text-align:center;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground),.65);border:.1rem dashed rgba(var(--color-foreground),.25)}.the-breakdown__hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);z-index:2;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;padding:0;border:var(--breakdown-dot-outline-width) solid var(--breakdown-dot-outline);border-radius:50%;background-color:transparent;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease}.the-breakdown__hotspot.is-active{z-index:30}.the-breakdown__hotspot-core{position:relative;z-index:1;display:block;width:1.7rem;height:1.7rem;border-radius:50%;background-color:var(--breakdown-dot-center)}.the-breakdown__hotspot:before{content:"";position:absolute;inset:calc(var(--breakdown-dot-outline-width) * -1);border-radius:50%;background-color:var(--breakdown-dot-pulse);animation:breakdown-pulse 2s ease-out infinite;pointer-events:none}.the-breakdown__hotspot.is-active:before{animation:none;opacity:0}.the-breakdown__hotspot:focus-visible{outline:.2rem solid var(--breakdown-heading-color);outline-offset:.2rem}.the-breakdown__tooltip{position:absolute;top:calc(100% + 1.2rem);left:50%;z-index:40;width:max-content;max-width:min(24rem,calc(100vw - 3.2rem));padding:1.2rem 1.4rem;background-color:var(--breakdown-tooltip-bg);color:var(--breakdown-tooltip-text);box-shadow:0 .4rem 1.6rem #0000001f;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,.4rem);transition:opacity .2s ease,visibility .2s ease}.the-breakdown__tooltip:after{content:"";position:absolute;bottom:100%;left:50%;width:0;height:0;border:.6rem solid transparent;border-bottom-color:var(--breakdown-tooltip-bg);transform:translate(-50%)}.the-breakdown__hotspot.is-active .the-breakdown__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.the-breakdown__tooltip-title{margin:0 0 .4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.2rem);letter-spacing:calc(var(--font-heading-letter-spacing) + .04em);line-height:calc(1 + .2/max(1,var(--font-heading-scale)));text-transform:uppercase;color:var(--breakdown-tooltip-title)}.the-breakdown__tooltip-text{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-extralight);font-size:calc(var(--font-body-scale) * 1.3rem);line-height:calc(1 + .45/max(1,var(--font-body-scale)))}@keyframes breakdown-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@media screen and (min-width:750px){.the-breakdown__heading{font-size:calc(var(--font-heading-scale) * 2.8rem)}.the-breakdown__panel{padding:8rem 0}.the-breakdown__hotspot{width:2.8rem;height:2.8rem}.the-breakdown__hotspot-core{width:2rem;height:2rem}.the-breakdown__tooltip{max-width:28rem;padding:1.4rem 1.6rem}.the-breakdown__tooltip-title{font-size:calc(var(--font-heading-scale) * 1.3rem)}.the-breakdown__tooltip-text{font-size:calc(var(--font-body-scale) * 1.4rem)}}@media(prefers-reduced-motion:reduce){.the-breakdown__hotspot:before{animation:none;opacity:.35}}.the-breakdown__media--design-mode{outline:.1rem dashed rgba(30,43,34,.25);outline-offset:.4rem}.the-breakdown__media--design-mode:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(30,43,34,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,43,34,.06) 1px,transparent 1px);background-size:10% 10%}.the-breakdown__hotspot--draggable{cursor:grab;z-index:4}.the-breakdown__hotspot--draggable.is-dragging{cursor:grabbing}.the-breakdown__hotspot--draggable.is-dragging .the-breakdown__tooltip,.the-breakdown__media--design-mode .the-breakdown__tooltip{display:none}.the-breakdown__hotspot-coords{position:absolute;left:50%;top:calc(100% + .6rem);z-index:5;padding:.2rem .5rem;border-radius:.2rem;background:#1e2b22eb;color:#fff;font-family:var(--font-body-family);font-size:1rem;line-height:1.3;white-space:nowrap;transform:translate(-50%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-the-breakdown.css.map */