.product-3d-hotspots{--product-3d-accent: #00e178;--product-3d-ink: rgb(var(--color-foreground));--product-3d-muted: rgba(var(--color-foreground), .62);--product-3d-border: rgba(var(--color-foreground), .14);padding:clamp(3rem,7vw,7rem) 0;color:var(--product-3d-ink)}.product-3d-hotspots__inner{max-width:132rem}.product-3d-hotspots__container{padding:clamp(2rem,5vw,5.5rem);border:1px solid var(--product-3d-border);border-radius:clamp(1.6rem,3vw,2.8rem);background:rgb(var(--color-background));box-shadow:0 2rem 6rem rgba(var(--color-foreground),.08)}.product-3d-hotspots__intro{max-width:68rem;margin:0 auto clamp(2rem,5vw,4.5rem);text-align:center}.product-3d-hotspots__eyebrow{margin:0 0 1rem;color:var(--product-3d-accent);font-size:.82rem;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.product-3d-hotspots__heading{margin:0;color:var(--product-3d-ink);font-size:clamp(2.5rem,5vw,5.4rem);font-weight:400;letter-spacing:-.055em;line-height:.98}.product-3d-hotspots__description{max-width:52rem;margin:1.25rem auto 0;color:var(--product-3d-muted);font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.45}.product-3d-hotspots__description p{margin:0}.product-3d-hotspots__layout{display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,7rem);align-items:center}.product-3d-hotspots__content,.product-3d-hotspots__viewer{min-width:0}.product-3d-hotspots__content{align-self:stretch;display:flex;align-items:center}.product-3d-hotspots__feature-navigation{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.1rem;align-items:center;width:100%}.product-3d-hotspots__navigation{display:grid;gap:.8rem;align-self:center}.product-3d-hotspots__navigation-button{display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:#eef0f3;color:var(--product-3d-ink);font:inherit;font-size:1.55rem;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.product-3d-hotspots__navigation-button:hover,.product-3d-hotspots__navigation-button:focus-visible{background:var(--product-3d-accent);color:#001a0e;transform:scale(1.06)}.product-3d-hotspots__navigation-button:focus-visible{outline:.2rem solid var(--product-3d-accent);outline-offset:.2rem}.product-3d-hotspots__list{display:grid;gap:.7rem;width:100%;margin:0;padding:0;list-style:none}.product-3d-hotspots__item{min-width:0;animation:product-3d-hotspot-enter .6s both;animation-delay:calc(var(--product-3d-item-index, 0) * 70ms)}.product-3d-hotspots__item:nth-child(1){--product-3d-item-index: 0}.product-3d-hotspots__item:nth-child(2){--product-3d-item-index: 1}.product-3d-hotspots__item:nth-child(3){--product-3d-item-index: 2}.product-3d-hotspots__item:nth-child(4){--product-3d-item-index: 3}.product-3d-hotspots__item:nth-child(5){--product-3d-item-index: 4}.product-3d-hotspots__item:nth-child(6){--product-3d-item-index: 5}@keyframes product-3d-hotspot-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.product-3d-hotspots__trigger{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1.7rem;gap:.8rem;align-items:center;width:100%;min-height:4.6rem;padding:.8rem 1.15rem .8rem .85rem;border:1px solid transparent;border-radius:999px;background:#eef0f3;color:var(--product-3d-ink);font:inherit;text-align:left;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.product-3d-hotspots__trigger:hover,.product-3d-hotspots__trigger:focus-visible,.product-3d-hotspots__trigger.is-active{border-color:#00e17873;background:#e7f8ef}.product-3d-hotspots__trigger:hover,.product-3d-hotspots__trigger:focus-visible{transform:translate(.3rem)}.product-3d-hotspots__trigger.is-active{color:var(--product-3d-ink);box-shadow:inset 0 0 0 1px #00e17814}.product-3d-hotspots__trigger:focus-visible{outline:.2rem solid var(--product-3d-accent);outline-offset:.25rem}.product-3d-hotspots__number{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(var(--color-foreground),.24);border-radius:50%;background:rgb(var(--color-background));font-size:.82rem;font-weight:700;line-height:1;transition:background .22s ease,border-color .22s ease,color .22s ease}.product-3d-hotspots__trigger.is-active .product-3d-hotspots__number{border-color:var(--product-3d-accent);background:var(--product-3d-accent);color:#001a0e}.product-3d-hotspots__title{min-width:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:650;line-height:1.35}.product-3d-hotspots__indicator{justify-self:end;width:1.7rem;font-size:1.55rem;font-weight:400;line-height:1;text-align:center}.product-3d-hotspots__indicator-minus,.product-3d-hotspots__trigger.is-active .product-3d-hotspots__indicator-plus{display:none}.product-3d-hotspots__trigger.is-active .product-3d-hotspots__indicator-minus{display:inline}.product-3d-hotspots__panel{max-width:40rem;margin:.9rem 2.8rem 1.1rem 4.1rem;color:var(--product-3d-muted);font-size:1rem;line-height:1.55;animation:product-3d-panel-enter .26s ease both}@keyframes product-3d-panel-enter{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.product-3d-hotspots__panel>:first-child{margin-top:0}.product-3d-hotspots__panel>:last-child{margin-bottom:0}.product-3d-hotspots__viewer{position:relative}.product-3d-hotspots__model{position:relative;min-height:clamp(34rem,46vw,54rem);overflow:hidden;border-radius:clamp(1.2rem,2vw,2rem);background:radial-gradient(circle at 50% 42%,#fff,#f4f7f6 65%,#eaf0ed)}.product-3d-hotspots__model product-model,.product-3d-hotspots__model model-viewer{display:block;width:100%;min-height:clamp(34rem,46vw,54rem);height:100%}.product-3d-hotspots__model .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:1.5rem;border:0;background:transparent;cursor:pointer}.product-3d-hotspots__model .deferred-media__poster img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.product-3d-hotspots__model .deferred-media__poster:hover img{transform:scale(1.04)}.product-3d-hotspots__model .deferred-media__poster-button{position:absolute;z-index:1;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--product-3d-ink);color:rgb(var(--color-background));box-shadow:0 .8rem 2rem rgba(var(--color-foreground),.18)}.product-3d-hotspots__viewer-hint{position:absolute;right:1.25rem;bottom:1.15rem;margin:0;padding:.65rem .9rem;border-radius:999px;background:#fffc;color:rgba(var(--color-foreground),.58);font-size:.75rem;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.product-3d-hotspot{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:2px solid rgb(var(--color-background));border-radius:50%;background:var(--product-3d-accent);color:#001a0e;box-shadow:0 0 0 1px rgba(var(--color-foreground),.25),0 .35rem .8rem #00e17847;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.product-3d-hotspot:hover,.product-3d-hotspot:focus-visible{transform:scale(1.12)}.product-3d-hotspot[data-visibility-attribute=visible][data-visible]{opacity:1;pointer-events:auto}.product-3d-hotspot[data-visibility-attribute=visible]:not([data-visible]){opacity:0;pointer-events:none}.product-3d-hotspots__calibration{position:absolute;right:1rem;bottom:1rem;z-index:2;width:min(22rem,calc(100% - 2rem));padding:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.75rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .5rem 1.5rem #00000026}.product-3d-hotspots__calibration p{margin:.5rem 0;font-size:.85em}.product-3d-hotspots__calibration pre{max-height:12rem;margin:0 0 .75rem;padding:.75rem;overflow:auto;white-space:pre-wrap;font-size:.75em}.product-3d-hotspots__calibration a{display:block;margin-bottom:.75rem;color:inherit;font-size:.8em}.product-3d-hotspots__calibration button{padding:.6rem .85rem;border:0;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer}.product-3d-hotspots__calibration button:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:749px){.product-3d-hotspots{padding:2.5rem 0}.product-3d-hotspots__container{padding:2rem 1.25rem 1.25rem;border-radius:1.4rem}.product-3d-hotspots__intro{margin-bottom:2rem}.product-3d-hotspots__heading{font-size:clamp(2.5rem,12vw,4rem)}.product-3d-hotspots__description{font-size:1.1rem}.product-3d-hotspots__layout{display:flex;flex-direction:column;gap:1.5rem}.product-3d-hotspots__viewer{order:1;width:100%}.product-3d-hotspots__content{order:2;width:100%}.product-3d-hotspots__model,.product-3d-hotspots__model product-model,.product-3d-hotspots__model model-viewer{min-height:min(78vw,34rem)}.product-3d-hotspots__viewer-hint{right:.7rem;bottom:.7rem;font-size:.68rem}.product-3d-hotspots__trigger{min-height:4.2rem;padding-right:.9rem}.product-3d-hotspots__feature-navigation{grid-template-columns:2.7rem minmax(0,1fr);gap:.7rem}.product-3d-hotspots__navigation-button{width:2.7rem;height:2.7rem;font-size:1.35rem}.product-3d-hotspots__panel{margin:.8rem 1rem 1rem 3.7rem;font-size:.95rem}}@media screen and (prefers-reduced-motion:reduce){.product-3d-hotspots__item,.product-3d-hotspots__panel,.product-3d-hotspots__trigger,.product-3d-hotspots__model .deferred-media__poster img{animation:none;transition:none}.product-3d-hotspots__navigation-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-3d-hotspots.css.map */