.feature-breakdown__stage{margin-top:clamp(1.75rem,1rem + 3vw,3rem)}.feature-breakdown__media{position:relative}.feature-breakdown__hotspot{position:absolute;transform:translate(-50%,-50%);z-index:1}.feature-breakdown__hotspot.is-open{z-index:3}.feature-breakdown__dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:2px solid rgb(var(--color-on-accent));border-radius:var(--radius-pill);background-color:rgb(var(--color-accent));color:rgb(var(--color-on-accent));font-size:.85rem;font-weight:var(--font-body-weight-bold);line-height:1;cursor:pointer;box-shadow:0 1px 4px rgb(var(--color-text) / .15);transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease)}.feature-breakdown__dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-pill);border:1px solid rgb(var(--color-accent) / .45);opacity:0;transform:scale(.8);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.feature-breakdown__dot:hover,.feature-breakdown__hotspot.is-open .feature-breakdown__dot{transform:scale(1.12)}.feature-breakdown__dot:hover:before,.feature-breakdown__hotspot.is-open .feature-breakdown__dot:before{opacity:1;transform:scale(1)}.feature-breakdown__dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:var(--radius-pill)}.feature-breakdown__dot-num{pointer-events:none}.feature-breakdown__popover{position:absolute;top:calc(100% + .75rem);left:50%;width:max-content;max-width:min(18rem,70vw);transform:translate(-50%,4px);padding:.9rem 1.05rem;border:1px solid rgb(var(--color-border));border-radius:var(--radius-base);background-color:rgb(var(--color-background));color:rgb(var(--color-text));box-shadow:0 8px 28px rgb(var(--color-text) / .08);text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:2;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.feature-breakdown__hotspot.is-open .feature-breakdown__popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.feature-breakdown__popover:focus-visible{outline:none}.feature-breakdown__popover-title{margin:0 0 .25rem;font-weight:var(--font-body-weight-bold)}.feature-breakdown__popover-text{margin:0;font-size:.92rem;line-height:1.55;color:rgb(var(--color-text) / .72)}.feature-breakdown__hotspot[style*="left: 0%"] .feature-breakdown__popover,.feature-breakdown__hotspot[style*="left: 1%"] .feature-breakdown__popover{left:0;transform:translateY(4px)}.feature-breakdown__hotspot[style*="left: 0%"].is-open .feature-breakdown__popover,.feature-breakdown__hotspot[style*="left: 1%"].is-open .feature-breakdown__popover{transform:translate(0)}.feature-breakdown__list{list-style:none;margin:clamp(1.75rem,1rem + 3vw,3rem) 0 0;padding:0;display:grid;gap:1.25rem}@media(min-width:750px){.feature-breakdown__list{grid-template-columns:repeat(2,1fr);gap:1.5rem 2.5rem}}.feature-breakdown__list-item{display:flex;align-items:flex-start;gap:.9rem}.feature-breakdown__list-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:var(--radius-pill);background-color:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent));font-size:.85rem;font-weight:var(--font-body-weight-bold);line-height:1}.feature-breakdown__list-title{margin:.15rem 0 .3rem}.feature-breakdown__list-text{margin:0;line-height:1.6;color:rgb(var(--color-text) / .68)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-feature-breakdown.css.map */