:where([data-theme] .bz-image-hotspots){--bz-hotspots-aside:0px;--bz-hotspots-gap:0px;--bz-hotspots-marker:2.75rem;flex-direction:column;gap:2rem;display:flex}:where([data-theme] .bz-image-hotspots__header){flex-direction:column;gap:.5rem;max-width:48rem;display:flex}:where([data-theme] .bz-image-hotspots__header[data-align=center]){text-align:center;margin-inline:auto}:where([data-theme] .bz-image-hotspots__eyebrow){letter-spacing:.06em;font-size:.875rem;font-weight:600}:where([data-theme] .bz-image-hotspots__heading){font-family:var(--font-heading);overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);line-height:1.2}:where([data-theme] .bz-image-hotspots__text){color:var(--color-muted-foreground)}:where([data-theme] .bz-image-hotspots__body){gap:1.5rem;display:grid}:where([data-theme] .bz-image-hotspots__stage){position:relative}:where([data-theme] .bz-image-hotspots__picture){border-radius:var(--radius);overflow:hidden}:where([data-theme] .bz-image-hotspots__picture:not(:has(img))){background:var(--color-muted);place-items:center;min-height:16rem;display:grid}:where([data-theme] .bz-image-hotspots__image){width:100%;height:auto;display:block}:where([data-theme] .bz-image-hotspots__points){pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}:where([data-theme] .bz-image-hotspots__points>.bz-block),:where([data-theme] .bz-image-hotspots__hotspot){position:absolute;inset:0}:where([data-theme] .bz-image-hotspots__hotspot){--bz-hotspot-left:calc(var(--bz-hotspots-aside) + var(--bz-hotspots-gap) + (100% - 2 * (var(--bz-hotspots-aside) + var(--bz-hotspots-gap))) * var(--bz-hotspot-x) / 100);--bz-hotspot-top:calc(var(--bz-hotspot-y) * 1%)}:where([data-theme] .bz-image-hotspots__hotspot[data-open]){z-index:2}:where([data-theme] .bz-image-hotspots__marker){z-index:1;top:var(--bz-hotspot-top);left:var(--bz-hotspot-left);width:var(--bz-hotspots-marker);height:var(--bz-hotspots-marker);background:color-mix(in srgb, var(--color-background) 40%, transparent);color:var(--color-foreground);cursor:pointer;pointer-events:auto;border:0;border-radius:9999px;place-items:center;transition:background-color .2s ease-out;display:grid;position:absolute;transform:translate(-50%,-50%)}:where([data-theme] .bz-image-hotspots__marker:hover),:where([data-theme] .bz-image-hotspots__hotspot[data-open] .bz-image-hotspots__marker){background:color-mix(in srgb, var(--color-background) 70%, transparent)}:where([data-theme] .bz-image-hotspots__marker[data-static]){background:var(--color-background);cursor:default}:where([data-theme] .bz-image-hotspots__marker-dot){background:var(--color-background);border-radius:9999px;width:.875rem;height:.875rem;box-shadow:0 0 0 1px #0000001f}:where([data-theme] .bz-image-hotspots__marker-icon){width:1.25rem;height:1.25rem}:where([data-theme] .bz-image-hotspots__popover){z-index:3;top:calc(var(--bz-hotspot-top) + 1.75rem);left:var(--bz-hotspot-left);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);width:min(18rem,100% - 1.5rem);color:var(--color-card-foreground);pointer-events:auto;padding:.75rem;position:absolute;transform:translate(-1.375rem);box-shadow:0 10px 30px #0000001f}:where([data-theme] .bz-image-hotspots__popover[data-h=end]){transform:translate(calc(1.375rem - 100%))}:where([data-theme] .bz-image-hotspots__popover[data-v=above]){top:auto;bottom:calc(100% - var(--bz-hotspot-top) + 1.75rem)}@media (width<=767px){:where([data-theme] .bz-image-hotspots__popover),:where([data-theme] .bz-image-hotspots__popover[data-h=end]),:where([data-theme] .bz-image-hotspots__popover[data-v=above]){width:auto;inset:auto .75rem .75rem;transform:none}}:where([data-theme] .bz-image-hotspots__card){grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}:where([data-theme] .bz-image-hotspots__card-media){aspect-ratio:1;border-radius:var(--radius);background:var(--color-muted);place-items:center;display:grid;overflow:hidden}:where([data-theme] .bz-image-hotspots__card-image){object-fit:cover;width:100%;height:100%}:where([data-theme] .bz-image-hotspots__card-body){flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;display:flex}:where([data-theme] .bz-image-hotspots__card-title){overflow-wrap:anywhere;font-weight:500;text-decoration:none}:where([data-theme] .bz-image-hotspots__card-title:hover),:where([data-theme] .bz-image-hotspots__card-cta){text-underline-offset:3px;text-decoration:underline}:where([data-theme] .bz-image-hotspots__card-price),:where([data-theme] .bz-image-hotspots__card-cta){font-size:.875rem}@media (width<=767px){:where([data-theme] .bz-image-hotspots__card-cta){align-items:center;min-height:2.75rem;display:inline-flex}}:where([data-theme] .bz-image-hotspots__products[data-mode=list]){gap:.75rem;margin:0;padding:0;list-style:none;display:grid}:where([data-theme] .bz-image-hotspots__products[data-mode=list] .bz-image-hotspots__products-item){border-radius:var(--radius);border:1px solid #0000;padding:.5rem}:where([data-theme] .bz-image-hotspots__products-item[data-active]){border-color:var(--color-border)}:where([data-theme] .bz-image-hotspots__products[data-mode=single]){flex-direction:column;align-items:center;gap:1.25rem;display:flex}:where([data-theme] .bz-image-hotspots__products[data-mode=single] .bz-image-hotspots__card){text-align:center;grid-template-columns:minmax(0,1fr);max-width:18rem}:where([data-theme] .bz-image-hotspots__products[data-mode=single] .bz-image-hotspots__card-body){align-items:center}:where([data-theme] .bz-image-hotspots__dots){justify-content:center;gap:.25rem;display:flex}:where([data-theme] .bz-image-hotspots__dot){cursor:pointer;background:0 0;border:0;width:1.75rem;height:1.75rem;position:relative}:where([data-theme] .bz-image-hotspots__dot):before{background:var(--color-border);content:"";border-radius:9999px;width:.5rem;height:.5rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}:where([data-theme] .bz-image-hotspots__dot[data-active]):before{background:var(--color-foreground)}@media (width>=768px){:where([data-theme] .bz-image-hotspots[data-product-list] .bz-image-hotspots__body){grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(2rem,5vw,5rem)}:where([data-theme] .bz-image-hotspots[data-image-side=end] .bz-image-hotspots__body){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}:where([data-theme] .bz-image-hotspots[data-image-side=end] .bz-image-hotspots__stage){order:2}}:where([data-theme] .bz-image-hotspots__line),:where([data-theme] .bz-image-hotspots__callout){display:none}:where([data-theme] .bz-image-hotspots__callout),:where([data-theme] .bz-image-hotspots__note){border-radius:var(--radius);background:var(--color-card);color:var(--color-card-foreground);flex-direction:column;gap:.375rem;padding:1.25rem}:where([data-theme] .bz-image-hotspots__notes){gap:.75rem;margin:0;padding:0;list-style:none;display:grid}:where([data-theme] .bz-image-hotspots__note){display:flex}:where([data-theme] .bz-image-hotspots__caption-icon),:where([data-theme] .bz-image-hotspots__note-icon){width:1.75rem;height:1.75rem;margin-bottom:.5rem}:where([data-theme] .bz-image-hotspots__caption-title),:where([data-theme] .bz-image-hotspots__note-title){font-weight:600}:where([data-theme] .bz-image-hotspots__caption-text),:where([data-theme] .bz-image-hotspots__note-text){font-size:.9375rem;line-height:1.5}@media (width>=768px){:where([data-theme] .bz-image-hotspots[data-layout=callouts] .bz-image-hotspots__stage){--bz-hotspots-aside:clamp(12rem, 22vw, 18rem);--bz-hotspots-gap:1rem;padding-inline:calc(var(--bz-hotspots-aside) + var(--bz-hotspots-gap))}:where([data-theme] .bz-image-hotspots__line){top:var(--bz-hotspot-top);opacity:.6;background:currentColor;height:1px;display:block;position:absolute}:where([data-theme] .bz-image-hotspots__hotspot[data-side=start] .bz-image-hotspots__line){left:var(--bz-hotspots-aside);width:calc(var(--bz-hotspot-left) - var(--bz-hotspots-aside))}:where([data-theme] .bz-image-hotspots__hotspot[data-side=end] .bz-image-hotspots__line){right:var(--bz-hotspots-aside);left:var(--bz-hotspot-left)}:where([data-theme] .bz-image-hotspots__callout){top:var(--bz-hotspot-top);width:var(--bz-hotspots-aside);pointer-events:auto;display:flex;position:absolute;transform:translateY(-50%)}:where([data-theme] .bz-image-hotspots__hotspot[data-side=start] .bz-image-hotspots__callout){left:0}:where([data-theme] .bz-image-hotspots__hotspot[data-side=end] .bz-image-hotspots__callout){right:0}:where([data-theme] .bz-image-hotspots__notes){display:none}}@media (width<=767.98px){[data-theme] .bz-image-hotspots[data-layout=callouts] .bz-image-hotspots__callout,[data-theme] .bz-image-hotspots[data-layout=callouts] .bz-image-hotspots__line{display:none}}:where([data-theme] .bz-image-hotspots__footer){justify-content:center;margin-top:2rem;display:flex}:where([data-theme] .bz-image-hotspots__button){border-radius:var(--radius-button,9999px);background:var(--color-primary,#111);min-height:2.75rem;color:var(--color-primary-foreground,#fff);justify-content:center;align-items:center;padding:.5rem 1.75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}:where([data-theme] .bz-image-hotspots__button:focus-visible){outline:2px solid var(--color-primary,currentColor);outline-offset:3px}
