.image-hotspots__header{text-align:center;margin-bottom:3.2rem}.image-hotspots__header>*{margin-inline:auto}.image-hotspots__card .card-variant-dropdown,.image-hotspots__card .card-variant-chip{display:none!important}.image-hotspots__panel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding-inline:calc(var(--hotspot-arrow-size, 3.6rem) + var(--hotspot-arrow-gap, 1.2rem));max-width:calc(var(--hotspot-card-width, 30rem) + (var(--hotspot-arrow-size, 3.6rem) + var(--hotspot-arrow-gap, 1.2rem)) * 2);margin-inline:auto}@media screen and (max-width:480px){.image-hotspots__panel{padding-inline:calc(var(--hotspot-arrow-size, 3.6rem) * .4)}}.image-hotspots__panel .dynamic-content-placeholder{width:100%;max-width:var(--hotspot-card-width, 30rem);margin-inline:auto}.image-hotspots__card{width:100%}.image-hotspots__arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--hotspot-arrow-size, 3.6rem);height:var(--hotspot-arrow-size, 3.6rem);padding:0;border:0;border-radius:50%;background:#fff;color:var(--card-button-background, #53340f);box-shadow:0 2px 10px #00000024;cursor:pointer;transition:background .2s ease,transform .2s ease}.image-hotspots__arrow--prev{inset-inline-start:0}.image-hotspots__arrow--next{inset-inline-end:0}.image-hotspots__arrow--prev svg{transform:scaleX(-1)}.image-hotspots__arrow svg{width:40%;height:40%}.image-hotspots__arrow:hover{background:var(--card-badge-background, #fff5e8)}.image-hotspots__arrow:focus-visible{outline:2px solid var(--card-button-background, #53340f);outline-offset:2px}@media(prefers-reduced-motion:reduce){.image-hotspots__arrow{transition:none}}.image-hotspots__dots{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.6rem}.image-hotspots__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:#53340f38;cursor:pointer;transition:background .2s ease,width .2s ease}.image-hotspots__dot[aria-current=true]{background:var(--hotspot-dot-active, #e0a800);width:1.8rem;border-radius:999px}.image-hotspots__dot:focus-visible{outline:2px solid var(--card-button-background, #53340f);outline-offset:2px}@media screen and (max-width:749px){.image-hotspots__panel .dynamic-content-placeholder{max-width:var(--hotspot-card-width-mobile, 26rem)}.image-hotspots__arrow{width:var(--hotspot-arrow-size-mobile, 3rem);height:var(--hotspot-arrow-size-mobile, 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-hotspot-panel.css.map */