.wi-hotspot{--wi-hotspot-bg: var(--color-background, #ffffff);--wi-hotspot-dot: var(--color-foreground, #111111);--wi-hotspot-dot-ring: var(--color-background, #ffffff);--wi-hotspot-padding-top: 56px;--wi-hotspot-padding-bottom: 56px;--wi-hotspot-padding-top-mobile: 36px;--wi-hotspot-padding-bottom-mobile: 36px;--wi-hotspot-heading-bottom: 24px;--wi-hotspot-heading-bottom-mobile: 18px;--wi-hotspot-gap: 0px;--wi-hotspot-gap-mobile: 14px;--wi-hotspot-card-width-mobile: 86%;--wi-hotspot-card-padding: 6px;--wi-hotspot-card-padding-mobile: 4px;--wi-hotspot-radius: 12px;--wi-hotspot-columns-tablet: 3;--wi-hotspot-columns-desktop: 3;--wi-hotspot-image-fit: cover;--wi-hotspot-image-bg: rgba(var(--color-foreground-rgb, 17, 17, 17), .04);display:grid;grid-template-columns:var( --content-grid, minmax(var(--page-margin, 20px), 1fr) min( calc(var(--page-width, 90rem) - var(--page-margin, 20px) * 2), calc(100% - var(--page-margin, 20px) * 2) ) minmax(var(--page-margin, 20px), 1fr) );width:100%;padding-block:var(--wi-hotspot-padding-top-mobile) var(--wi-hotspot-padding-bottom-mobile);color:var(--wi-heading-color, var(--color-foreground, #1c1c1c));background:var(--wi-hotspot-bg)}.wi-hotspot,.wi-hotspot *,.wi-hotspot *:before,.wi-hotspot *:after{box-sizing:border-box}.wi-hotspot__container{grid-column:2;min-width:0;width:100%}.wi-hotspot__heading{margin-bottom:var(--wi-hotspot-heading-bottom-mobile)}.wi-hotspot[data-heading-align=center] .wi-heading__title{justify-content:center;text-align:center}.wi-hotspot[data-heading-align=right] .wi-heading__title{justify-content:flex-end;text-align:right}.wi-hotspot__grid{display:flex;gap:var(--wi-hotspot-gap-mobile);min-width:0;margin-right:calc(var(--page-margin, 20px) * -1);padding:4px var(--page-margin, 20px) 14px 0;overflow-x:auto;overflow-y:hidden;scroll-padding-left:0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.wi-hotspot__grid::-webkit-scrollbar{display:none}.wi-hotspot__card{position:relative;flex:0 0 min(var(--wi-hotspot-card-width-mobile),340px);width:min(var(--wi-hotspot-card-width-mobile),340px);min-width:0;padding:var(--wi-hotspot-card-padding-mobile);scroll-snap-align:start}.wi-hotspot__card:hover,.wi-hotspot__card:focus-within{z-index:8}.wi-hotspot__media{position:relative;overflow:visible;background:var(--wi-hotspot-image-bg);border-radius:var(--wi-hotspot-radius);box-shadow:0 8px 28px -18px #00000052;isolation:isolate;backface-visibility:hidden;will-change:transform;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.wi-hotspot__grid--portrait .wi-hotspot__media{aspect-ratio:4 / 5}.wi-hotspot__grid--tall .wi-hotspot__media{aspect-ratio:3 / 4}.wi-hotspot__grid--square .wi-hotspot__media{aspect-ratio:1 / 1}.wi-hotspot__grid--landscape .wi-hotspot__media{aspect-ratio:16 / 10}.wi-hotspot__image,.wi-hotspot__placeholder,.wi-hotspot__placeholder-svg{display:block;width:100%;height:100%;border-radius:inherit}.wi-hotspot__image{object-fit:var(--wi-hotspot-image-fit);object-position:center}.wi-hotspot__placeholder{overflow:hidden;background:var(--wi-hotspot-image-bg)}.wi-hotspot__placeholder-svg{opacity:.35}.wi-hotspot__trigger{position:absolute;top:var(--wi-hotspot-y);left:var(--wi-hotspot-x);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:inherit;border-radius:999px;cursor:pointer;text-decoration:none;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.wi-hotspot__trigger--disabled{cursor:default}.wi-hotspot__trigger:focus-visible{outline:2px solid var(--wi-hotspot-dot-ring);outline-offset:2px}.wi-hotspot__trigger--disabled:focus-visible{outline:none}.wi-hotspot__dot{position:relative;z-index:2;width:18px;height:18px;background:var(--wi-hotspot-dot);border:4px solid var(--wi-hotspot-dot-ring);border-radius:50%;box-shadow:0 2px 12px #00000038;transition:transform .25s ease,box-shadow .25s ease}.wi-hotspot__trigger:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--wi-hotspot-dot-ring);border-radius:50%;opacity:.9;animation:wi-hotspot-pulse 1.8s infinite}.wi-hotspot__tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;z-index:4;width:max-content;max-width:190px;padding:8px 11px;color:var(--color-background, #ffffff);background:var(--color-foreground, #111111);border:1px solid rgb(255 255 255 / 12%);border-radius:9px;box-shadow:0 12px 28px -12px #00000073;font-family:var(--font-body-family, inherit);font-size:12px;line-height:1.3;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%);transition:opacity .18s ease,visibility .18s ease}.wi-hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;border-width:6px 6px 0;border-style:solid;border-color:var(--color-foreground, #111111) transparent transparent;transform:translate(-50%)}.wi-hotspot__trigger[data-placement-y=bottom] .wi-hotspot__tooltip{top:calc(100% + 8px);bottom:auto}.wi-hotspot__trigger[data-placement-y=bottom] .wi-hotspot__tooltip:after{top:auto;bottom:100%;border-width:0 6px 6px;border-color:transparent transparent var(--color-foreground, #111111)}.wi-hotspot__trigger[data-placement-x=right] .wi-hotspot__tooltip{left:0;transform:none}.wi-hotspot__trigger[data-placement-x=right] .wi-hotspot__tooltip:after{left:22px;transform:none}.wi-hotspot__trigger[data-placement-x=left] .wi-hotspot__tooltip{left:auto;right:0;transform:none}.wi-hotspot__trigger[data-placement-x=left] .wi-hotspot__tooltip:after{left:auto;right:22px;transform:none}.wi-hotspot__trigger:focus-visible .wi-hotspot__dot{transform:scale(1.12);box-shadow:0 4px 16px #0000004d}.wi-hotspot__trigger:focus-visible .wi-hotspot__tooltip{opacity:1;visibility:visible}.wi-hotspot__empty{display:grid;min-height:180px;place-items:center;padding:32px;color:color-mix(in srgb,currentColor 65%,transparent);background:var(--wi-hotspot-image-bg);border-radius:var(--wi-hotspot-radius);font-size:14px;text-align:center}@media(hover:hover)and (pointer:fine){.wi-hotspot__card:hover .wi-hotspot__media{transform:translateY(-3px);box-shadow:0 16px 36px -18px #00000061}.wi-hotspot__trigger:hover .wi-hotspot__dot{transform:scale(1.12);box-shadow:0 4px 16px #0000004d}.wi-hotspot__trigger:hover .wi-hotspot__tooltip{opacity:1;visibility:visible}}@keyframes wi-hotspot-pulse{0%{transform:scale(.8);opacity:.8}70%,to{transform:scale(1.45);opacity:0}}@media screen and (min-width:750px){.wi-hotspot{padding-block:var(--wi-hotspot-padding-top) var(--wi-hotspot-padding-bottom)}.wi-hotspot__heading{margin-bottom:var(--wi-hotspot-heading-bottom)}.wi-hotspot__grid{display:grid;grid-template-columns:repeat(var(--wi-hotspot-columns-tablet),minmax(0,1fr));gap:var(--wi-hotspot-gap);margin-right:0;padding:0;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;overscroll-behavior-inline:auto}.wi-hotspot__card{flex:none;width:auto;padding:var(--wi-hotspot-card-padding);scroll-snap-align:none}.wi-hotspot__tooltip{display:block}}@media screen and (min-width:990px){.wi-hotspot__grid{grid-template-columns:repeat(var(--wi-hotspot-columns-desktop),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.wi-hotspot__trigger:before{animation:none}.wi-hotspot__dot,.wi-hotspot__tooltip,.wi-hotspot__media{transition:none}.wi-hotspot__card:hover .wi-hotspot__media{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/wi-hotspot.css.map */