hotspot-slider{display:block;position:relative}.hotspot-slide{position:relative;width:100%;height:100%}.hotspot-slide__media{position:relative;overflow:visible;width:100%;height:100%}.hotspot-slide__media img,.hotspot-slide__media svg{display:block;width:100%;height:100%;object-fit:cover}.hotspot-slide__media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none}.hotspot-slider--adapt .hotspot-slide__media{height:auto}.hotspot-slider--adapt .hotspot-slide__media img{height:auto;object-fit:contain}@media screen and (max-width:749px){.hotspot-slider--small .slideshow__slide{min-height:28rem}.hotspot-slider--medium .slideshow__slide{min-height:34rem}.hotspot-slider--large .slideshow__slide{min-height:39rem}}@media screen and (min-width:750px){.hotspot-slider--small .slideshow__slide{min-height:42rem}.hotspot-slider--medium .slideshow__slide{min-height:56rem}.hotspot-slider--large .slideshow__slide{min-height:72rem}}.hotspot-point{position:absolute;z-index:2;background:none;border:none;padding:0;cursor:pointer;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.hotspot-point:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-radius:50%}.hotspot-point__dot{display:block;width:1.2rem;height:1.2rem;border-radius:50%;background-color:#ffffff8c;border:1px solid rgba(var(--color-foreground),.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 0 #ffffff4d;animation:hotspot-pulse 2.5s infinite}@keyframes hotspot-pulse{0%{box-shadow:0 0 #ffffff4d}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}@media(prefers-reduced-motion:reduce){.hotspot-point__dot{animation:none}}.hotspot-point__marker .svg-wrapper{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 1px 4px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.hotspot-point__marker .svg-wrapper .icon{width:1rem;height:1rem;color:rgb(var(--color-foreground))}.hotspot-point:hover .hotspot-point__marker .svg-wrapper,.hotspot-point[aria-expanded=true] .hotspot-point__marker .svg-wrapper{transform:scale(1.15);box-shadow:0 2px 8px #0000002e}.hotspot-point__tooltip{position:absolute;z-index:3;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--popup-corner-radius, 4px);padding:1.2rem 1.6rem;width:max-content;min-width:18rem;max-width:40rem;box-shadow:0 4px 16px #0000001a;font-size:1.4rem;line-height:1.5;white-space:normal;text-align:left;pointer-events:auto}.hotspot-point__tooltip-text{display:block}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip:not([hidden]),.hotspot-point[data-tooltip-position=top] .hotspot-point__tooltip:not([hidden]),.hotspot-point__tooltip[data-computed-position=top]{bottom:calc(100% + 1.2rem);left:50%;transform:translate(-50%);top:auto;right:auto}.hotspot-point[data-tooltip-position=bottom] .hotspot-point__tooltip:not([hidden]),.hotspot-point__tooltip[data-computed-position=bottom]{top:calc(100% + 1.2rem);left:50%;transform:translate(-50%);bottom:auto;right:auto}.hotspot-point[data-tooltip-position=left] .hotspot-point__tooltip:not([hidden]),.hotspot-point__tooltip[data-computed-position=left]{right:calc(100% + 1.2rem);top:50%;transform:translateY(-50%);bottom:auto;left:auto}.hotspot-point[data-tooltip-position=right] .hotspot-point__tooltip:not([hidden]),.hotspot-point__tooltip[data-computed-position=right]{left:calc(100% + 1.2rem);top:50%;transform:translateY(-50%);bottom:auto;right:auto}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip[data-computed-position]:not([hidden]){bottom:auto;left:auto;right:auto;top:auto;transform:none}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip[data-computed-position=top]:not([hidden]){bottom:calc(100% + 1.2rem);left:50%;transform:translate(-50%)}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip[data-computed-position=bottom]:not([hidden]){top:calc(100% + 1.2rem);left:50%;transform:translate(-50%)}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip[data-computed-position=left]:not([hidden]){right:calc(100% + 1.2rem);top:50%;transform:translateY(-50%)}.hotspot-point[data-tooltip-position=auto] .hotspot-point__tooltip[data-computed-position=right]:not([hidden]){left:calc(100% + 1.2rem);top:50%;transform:translateY(-50%)}@media screen and (max-width:749px){.hotspot-point__tooltip{min-width:14rem;max-width:28rem;font-size:1.3rem;padding:1rem 1.2rem}.hotspot-point__dot{width:1.2rem;height:1.2rem}.hotspot-point__marker .svg-wrapper{width:2.4rem;height:2.4rem}}.hotspot-tooltip-portal{position:absolute;top:0;left:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:10}.hotspot-slide{overflow:visible}.hotspot-tabs{display:flex;justify-content:center;gap:0;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hotspot-tabs::-webkit-scrollbar{display:none}.hotspot-tab{padding:1.2rem 2.4rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1.5rem;font-family:inherit;color:rgba(var(--color-foreground),.6);transition:color .2s ease,border-color .2s ease;white-space:nowrap}.hotspot-tab:hover{color:rgb(var(--color-foreground))}.hotspot-tab--active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.hotspot-tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}@media screen and (max-width:749px){.hotspot-tab{padding:1rem 1.6rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-hotspot-slider.css.map */