.hotspot-image{--hi-red:var(--brand-accent,var(--action-primary));--hi-red-text:var(--brand-accent-line,var(--hi-red));--hi-card-line:var(--border);--hi-card-bg:var(--card);--hi-ink:var(--foreground);--hi-muted:var(--muted-foreground);--hi-radius:var(--radius,12px);--hi-pad:14px;--hi-ease-expo:cubic-bezier(.16, 1, .3, 1);--hi-ease-std:cubic-bezier(.4, 0, .2, 1);--hi-font:var(--font-sans,"Figtree", system-ui, sans-serif);--hi-stage-bg:var(--muted);--hi-panel-bg:var(--card);aspect-ratio:16/9;border-radius:var(--hi-radius);border:1px solid var(--hi-card-line);background:var(--hi-stage-bg);font-family:var(--hi-font);color:var(--hi-ink);position:relative;overflow:hidden}.hotspot-image__viewport{position:absolute;inset:0;overflow:hidden}.hotspot-image__fit{aspect-ratio:16/9;width:100%;height:auto;position:absolute;top:50%;left:0;translate:0 -50%}.hotspot-image__fit--zoom{will-change:transform;transition:transform 1.1s var(--hi-ease-expo)}.hotspot-image.is-open .hotspot-image__fit--zoom{transform:scale(1.45)}.hotspot-image__fit--zoom img{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.hotspot-image__scrim{pointer-events:none;background:radial-gradient(120% 120% at var(--ox,40%) var(--oy,50%), #0a090900 10%, #0a09099e 62%);opacity:0;transition:opacity .7s var(--hi-ease-std);position:absolute;inset:0}.hotspot-image.is-open .hotspot-image__scrim{opacity:1}.hotspot-image__backdrop{z-index:2;cursor:default;pointer-events:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.hotspot-image.is-open .hotspot-image__backdrop{pointer-events:auto}.hotspot-image__hot{left:var(--x);top:var(--y);cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;width:44px;height:44px;transition:opacity .45s var(--hi-ease-std);background:0 0;border:none;place-items:center;display:grid;position:absolute;translate:-50% -50%}.hotspot-image__dot{width:34px;height:34px;transition:transform .45s var(--hi-ease-expo), background .3s var(--hi-ease-std);animation:hi-pulse 3s var(--hi-ease-std) infinite;background:#fbf9f4;border-radius:50%;position:relative;box-shadow:0 4px 14px #00000059}.hotspot-image__dot:before,.hotspot-image__dot:after{content:"";transition:transform .45s var(--hi-ease-expo), background .3s var(--hi-ease-std);background:#141312;border-radius:2px;position:absolute;top:50%;left:50%}.hotspot-image__dot:before{width:14px;height:2px;transform:translate(-50%,-50%)}.hotspot-image__dot:after{width:2px;height:14px;transform:translate(-50%,-50%)}.hotspot-image__hot:hover .hotspot-image__dot{transform:scale(1.12)}.hotspot-image__hot:focus-visible{outline:2px solid var(--hi-red);outline-offset:2px;border-radius:50%}.hotspot-image__hot[aria-expanded=true] .hotspot-image__dot{background:var(--hi-red);animation:none;transform:scale(1.06)}.hotspot-image__hot[aria-expanded=true] .hotspot-image__dot:before,.hotspot-image__hot[aria-expanded=true] .hotspot-image__dot:after{background:#fff;transform:translate(-50%,-50%)rotate(45deg)}.hotspot-image.is-open .hotspot-image__hot:not([aria-expanded=true]){opacity:0;pointer-events:none}.hotspot-image__tip{white-space:nowrap;color:#141312;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .25s var(--hi-ease-std), transform .35s var(--hi-ease-expo);background:#fbf9f4;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)scale(.96);box-shadow:0 4px 14px #00000040}.hotspot-image__hot.tip-left .hotspot-image__tip{left:auto;right:calc(100% + 10px)}.hotspot-image__hot:hover,.hotspot-image__hot:focus-visible{z-index:6}.hotspot-image__hot:hover .hotspot-image__tip,.hotspot-image__hot:focus-visible .hotspot-image__tip{opacity:1;transform:translateY(-50%)scale(1)}.hotspot-image__hot[aria-expanded=true] .hotspot-image__tip{opacity:0}@keyframes hi-pulse{0%{box-shadow:0 4px 14px #00000059,0 0 #fbf9f466}70%{box-shadow:0 4px 14px #00000059,0 0 0 13px #fbf9f400}to{box-shadow:0 4px 14px #00000059,0 0 #fbf9f400}}@keyframes hi-pop{0%{transform:scale(0)}60%{transform:scale(1.18)}}.hotspot-image.is-anno .hotspot-image__dot{animation:hi-pop .55s var(--hi-ease-expo) var(--d,0s) both, hi-pulse 3s var(--hi-ease-std) calc(var(--d,0s) + .6s) infinite}.hotspot-image__panel{z-index:5;right:var(--hi-pad);bottom:var(--hi-pad);max-height:calc(100% - 2 * var(--hi-pad));border-radius:var(--hi-radius);background:var(--hi-panel-bg);border:1px solid var(--hi-card-line);width:min(370px,34%);color:var(--hi-ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--hi-ease-expo), transform .6s var(--hi-ease-expo), visibility .5s var(--hi-ease-std);flex-direction:column;display:flex;position:absolute;overflow:hidden;transform:translateY(12px);box-shadow:0 14px 40px #00000024}.hotspot-image.is-open .hotspot-image__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hotspot-image__head{flex:none;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.hotspot-image__lbl{letter-spacing:.02em;color:var(--hi-muted);font-size:12.5px;font-weight:600}.hotspot-image__count{color:var(--hi-muted);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.hotspot-image__count-dot{background:var(--hi-red);border-radius:50%;flex:none;width:7px;height:7px}.hotspot-image__scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding:0 10px 10px;overflow-y:auto}.hotspot-image__detail{padding:6px 10px 4px}.hotspot-image__dimg{aspect-ratio:16/6.5;border:1px solid var(--hi-card-line);background-color:var(--hi-stage-bg);background-repeat:no-repeat;border-radius:9px;margin-bottom:12px;overflow:hidden}.hotspot-image__badge{color:var(--hi-red-text);letter-spacing:.01em;background:#d1122b24;border-radius:999px;margin-bottom:9px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-block}.hotspot-image__copy{color:var(--hi-muted);min-height:0;font-size:13px;line-height:1.56}@media (min-width:901px) and (max-width:1500px){.hotspot-image{aspect-ratio:auto;min-height:460px}.hotspot-image__fit{aspect-ratio:16/9;width:auto;height:100%;top:0;left:50%;translate:-50%}}@media (max-width:900px){.hotspot-image{aspect-ratio:auto}.hotspot-image__viewport{aspect-ratio:16/9;position:relative;inset:auto}.hotspot-image__fit{aspect-ratio:16/9;width:100%;height:auto;top:50%;left:0;translate:0 -50%}.hotspot-image__hot{width:40px;height:40px}.hotspot-image__dot{width:27px;height:27px}.hotspot-image__panel{border:none;border-top:1px solid var(--hi-card-line);width:auto;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;border-radius:0;max-height:none;position:static;transform:none}.hotspot-image.is-open .hotspot-image__fit--zoom{transform:none}.hotspot-image.is-open .hotspot-image__scrim{opacity:0}.hotspot-image.is-open .hotspot-image__hot:not([aria-expanded=true]){opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.hotspot-image__dot{animation:none!important}.hotspot-image.is-open .hotspot-image__fit--zoom{transform:none}.hotspot-image__fit--zoom,.hotspot-image__scrim,.hotspot-image__hot,.hotspot-image__panel{transition-duration:.01ms!important}}