.hdt-ph__heading{margin:0 0 clamp(20px,2.5vw,36px)}.hdt-ph__grid{display:grid;gap:var(--ph-gap)}.hdt-ph{display:block}.hdt-ph__scene{position:relative;align-self:start;width:100%;min-width:0;aspect-ratio:var(--ph-ratio-mb);border-radius:var(--ph-radius);overflow:hidden;background:rgb(var(--color-foreground) / .06)}.hdt-ph__media,.hdt-ph__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hdt-ph__media img,.hdt-ph__media svg{width:100%;height:100%;object-fit:cover;display:block}.hdt-ph__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;padding:clamp(40px,8vw,120px) clamp(16px,3vw,48px) clamp(16px,3vw,48px);pointer-events:none}.hdt-ph__overlay-heading{margin:0;max-width:100%}.hdt-ph .hdt-ph__head--fs{font-size:var(--ph-head-fs-mb, var(--ph-head-fs))}@media(min-width:768px){.hdt-ph .hdt-ph__head--fs{font-size:var(--ph-head-fs, var(--ph-head-fs-mb))}}.hdt-ph__pins{z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hdt-ph__pin{--pin-size: 28px;position:absolute;left:var(--x-mb);top:var(--y-mb);width:var(--pin-size);height:var(--pin-size);padding:0;border:2px solid var(--ph-pin);border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0000001f,0 2px 10px #00000040;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:background-color .25s ease,transform .25s ease}.hdt-ph__pin:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.hdt-ph__pin:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--ph-pin);opacity:0}.hdt-ph__pin:hover{transform:translate(-50%,-50%) scale(1.12)}.hdt-ph__pin[aria-current=true]{background:var(--ph-pin)}.hdt-ph__pin[aria-current=true]:after{animation:hdt-ph-pulse 1.8s ease-out infinite}.hdt-ph__pin:focus-visible{outline:2px solid var(--ph-pin);outline-offset:4px}@keyframes hdt-ph-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.hdt-ph__slider{display:flex;flex-direction:column;min-width:0}.hdt-ph__slider .hdt-slider__viewport{flex:1 1 auto;border-radius:var(--ph-radius)}.hdt-ph__slider .hdt-slider__container,.hdt-ph__slide{height:100%}.hdt-ph__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:32px 24px;border-radius:var(--ph-radius);background:var(--ph-card-bg)}.hdt-ph__card.hdt-text-left{align-items:flex-start}.hdt-ph__card>*,.hdt-ph__card p{margin:0}.hdt-ph__card .hdt-media-wrapper img,.hdt-ph__card .hdt-media-wrapper svg{display:block;width:auto;max-width:100%;height:auto;max-height:var(--ph-img-h-mb);margin-inline:auto;object-fit:contain}.hdt-ph__card :is(.hdt-heading,.hdt-block-text),.hdt-ph__card :is(.hdt-heading,.hdt-block-text) p{line-height:1.2}.hdt-ph__card .hdt-heading+:is(style,script)+.hdt-block-text,.hdt-ph__card .hdt-heading+.hdt-block-text{margin-top:-6px}.hdt-ph__card>:is(.hdt-btn,.hdt-button-group){margin-top:8px}.hdt-ph__card [hdt-reveal]{opacity:1!important;transform:none!important;animation:none!important}.hdt-ph__slider .hdt-slider__dots{margin-top:16px}@media(min-width:768px){.hdt-ph__grid{grid-template-columns:var(--ph-w) minmax(0,1fr);align-items:stretch}.hdt-ph__scene{aspect-ratio:var(--ph-ratio)}.hdt-ph__pin{--pin-size: 32px;left:var(--x);top:var(--y)}.hdt-ph__card{padding:clamp(28px,3vw,48px) clamp(20px,2.4vw,40px)}.hdt-ph__slider{contain:size;align-self:stretch}.hdt-ph__card>.hdt-eff{flex:0 1 var(--ph-img-h);min-height:0;width:100%}.hdt-ph__card>.hdt-eff .hdt-media-wrapper{height:100%}.hdt-ph__card .hdt-media-wrapper img,.hdt-ph__card .hdt-media-wrapper svg{height:100%;max-height:var(--ph-img-h)}}@media(prefers-reduced-motion:reduce){.hdt-ph__pin,.hdt-ph__pin:after{transition:none;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hdt-product-hotspots.css.map */
