.hjt-hotspots__wrap{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}.hjt-hotspots__head{display:grid;gap:16px 56px}.hjt-hotspots__head .hjt-eyebrow{margin-bottom:12px}.hjt-hotspots__text{max-width:520px}@media(min-width:990px){.hjt-hotspots__head--split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end}.hjt-hotspots__head--split .hjt-hotspots__text{justify-self:end}}.hjt-hotspots__stage{position:relative;display:flex;flex-direction:column;gap:18px}.hjt-hotspots__frame{position:relative;order:1}.hjt-hotspots--head-overlay .hjt-hotspots__pills{order:2}.hjt-hotspots__hint{order:3}.hjt-hotspots__pills{display:flex;flex-wrap:wrap;gap:10px}.hjt-hotspots__pill{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 20px 6px 7px;border:1px solid var(--hjt-line-strong);border-radius:var(--hjt-radius-pill);background:transparent;color:var(--hjt-navy);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .3s var(--hjt-ease),border-color .3s var(--hjt-ease),color .3s var(--hjt-ease)}.hjt-hotspots__pill:hover{border-color:var(--hjt-navy)}.hjt-hotspots__pill:focus-visible{outline:2px solid var(--hjt-gold);outline-offset:3px}.hjt-hotspots__pill-index{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--hjt-cream-2);color:var(--hjt-gold-ink);font:700 10px/1 var(--hjt-font-ui);letter-spacing:.04em;transition:background-color .3s var(--hjt-ease),color .3s var(--hjt-ease)}.hjt-hotspots__pill-cn{font:700 15px/1.2 var(--hjt-font-cn);letter-spacing:.06em}.hjt-hotspots__pill-en{font:400 11px/1.2 var(--hjt-font-latin-display);letter-spacing:.06em;text-transform:uppercase;color:var(--hjt-muted);transition:color .3s var(--hjt-ease)}.hjt-hotspots__pill[aria-pressed=true]{background:var(--hjt-navy);border-color:var(--hjt-navy);color:var(--hjt-cream-2)}.hjt-hotspots__pill[aria-pressed=true] .hjt-hotspots__pill-index{background:var(--hjt-champagne);color:var(--hjt-navy)}.hjt-hotspots__pill[aria-pressed=true] .hjt-hotspots__pill-en{color:#fbf8f1b8}.hjt-hotspots__canvas{position:relative;aspect-ratio:var(--hjt-hs-ratio, 16 / 9)}.hjt-hotspots__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--hjt-radius-lg);background:var(--hjt-sand)}.hjt-hotspots__media>img,.hjt-hotspots__media>svg{display:block;width:100%;height:100%;object-fit:cover}.hjt-hotspots__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(0,23,77,var(--hjt-hs-overlay, .1))}.hjt-hotspots__spot{position:absolute;z-index:3;left:clamp(24px,var(--x),calc(100% - 24px));top:clamp(24px,var(--y),calc(100% - 24px));transform:translate(-50%,-22px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;margin:0;border:0;background:none;color:var(--hjt-navy);cursor:pointer;-webkit-tap-highlight-color:transparent}.hjt-hotspots__dot{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hjt-cream-2);color:var(--hjt-navy);box-shadow:0 8px 22px -6px #00174d73;transition:background-color .3s var(--hjt-ease),color .3s var(--hjt-ease),transform .35s var(--hjt-ease)}.hjt-hotspots__dot:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1.5px solid rgba(251,248,241,.95);pointer-events:none;animation:hjt-hs-pulse 2.6s var(--hjt-ease) infinite}.hjt-hotspots__spot:nth-of-type(2n) .hjt-hotspots__dot:before{animation-delay:.65s}.hjt-hotspots__spot:nth-of-type(3n) .hjt-hotspots__dot:before{animation-delay:1.3s}.hjt-hotspots__dot .hjt-icon{width:18px;height:18px;stroke-width:1.8;transition:transform .4s var(--hjt-ease)}.hjt-hotspots__spot:hover .hjt-hotspots__dot{transform:scale(1.08)}.hjt-hotspots__spot[aria-expanded=true] .hjt-hotspots__dot{background:var(--hjt-navy);color:var(--hjt-cream-2)}.hjt-hotspots__spot[aria-expanded=true] .hjt-hotspots__dot .hjt-icon{transform:rotate(45deg)}.hjt-hotspots__spot[aria-expanded=true] .hjt-hotspots__dot:before{animation:none;opacity:0}.hjt-hotspots__spot:focus-visible{outline:none}.hjt-hotspots__spot:focus-visible .hjt-hotspots__dot{outline:2px solid var(--hjt-champagne);outline-offset:4px}.hjt-hotspots__spot-label{padding:5px 11px;border-radius:var(--hjt-radius-pill);background:#fbf8f1f0;color:var(--hjt-navy);font:700 13px/1.2 var(--hjt-font-cn);letter-spacing:.08em;white-space:nowrap;box-shadow:0 6px 16px -8px #00174d66;transition:background-color .3s var(--hjt-ease),color .3s var(--hjt-ease)}.hjt-hotspots__spot[aria-expanded=true] .hjt-hotspots__spot-label{background:var(--hjt-navy);color:var(--hjt-cream-2)}@keyframes hjt-hs-pulse{0%{transform:scale(1);opacity:.95}70%,to{transform:scale(1.75);opacity:0}}.hjt-hotspots__pop{position:relative;box-sizing:border-box;padding:16px 20px 22px;border-radius:var(--hjt-radius-md);background:var(--hjt-cream-2);color:var(--hjt-ink);box-shadow:var(--hjt-shadow),0 2px 6px #00174d0f}.hjt-hotspots__pop[hidden]{display:none}.hjt-hotspots__pop-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -10px 6px 0}.hjt-hotspots__pop-index{font:700 11px/1 var(--hjt-font-ui);letter-spacing:.12em;color:var(--hjt-gold-ink)}.hjt-hotspots__pop-index span{color:var(--hjt-muted);opacity:.7}.hjt-hotspots__close{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hjt-navy);cursor:pointer;transition:background-color .25s var(--hjt-ease)}.hjt-hotspots__close:hover{background:var(--hjt-sand)}.hjt-hotspots__close:focus-visible{outline:2px solid var(--hjt-gold);outline-offset:-2px}.hjt-hotspots__close .hjt-icon{width:16px;height:16px}.hjt-hotspots__pop-title{margin:0 0 10px}.hjt-hotspots__pop-cn{display:block;font:700 21px/1.3 var(--hjt-font-cn);letter-spacing:.08em;color:var(--hjt-navy)}.hjt-hotspots__pop-en{display:block;margin-top:6px;font:400 11px/1.3 var(--hjt-font-latin-display);letter-spacing:.08em;text-transform:uppercase;color:var(--hjt-gold-ink)}.hjt-hotspots__pop-text{margin:0;padding-top:12px;border-top:1px solid var(--hjt-line);font:400 14px/1.75 var(--hjt-font-body);color:var(--hjt-ink)}@media(prefers-reduced-motion:no-preference){.hjt-hotspots__pop:not([hidden]){animation:hjt-hs-pop .45s var(--hjt-ease) both}}@keyframes hjt-hs-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hjt-hotspots__hint{display:flex;align-items:center;gap:10px;margin:0;font:500 13px/1.5 var(--hjt-font-body);color:var(--hjt-muted)}.hjt-hotspots__hint-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--hjt-line-strong);color:var(--hjt-navy)}.hjt-hotspots__hint-dot .hjt-icon{width:12px;height:12px}.hjt-hotspots__stage:has(.hjt-hotspots__pop:not([hidden])) .hjt-hotspots__hint{visibility:hidden}.hjt-bg-navy .hjt-hotspots__pill{border-color:var(--hjt-line-light);color:var(--hjt-cream-2)}.hjt-bg-navy .hjt-hotspots__pill-en,.hjt-bg-navy .hjt-hotspots__hint{color:#fbf8f1b8}.hjt-bg-navy .hjt-hotspots__pill[aria-pressed=true]{background:var(--hjt-cream-2);border-color:var(--hjt-cream-2);color:var(--hjt-navy)}.hjt-bg-navy .hjt-hotspots__pill[aria-pressed=true] .hjt-hotspots__pill-en{color:var(--hjt-muted)}.hjt-bg-navy .hjt-hotspots__hint-dot{border-color:var(--hjt-line-light);color:var(--hjt-cream-2)}@media(min-width:990px){.hjt-hotspots__pops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hjt-hotspots__pop{position:absolute;pointer-events:auto}.hjt-hotspots__pop--right{left:calc(clamp(24px,var(--x),calc(100% - 24px)) + 34px);width:clamp(210px,calc(var(--room, 40%) - 66px),300px)}.hjt-hotspots__pop--left{right:calc(100% - clamp(24px,var(--x),calc(100% - 24px)) + 34px);width:clamp(210px,calc(var(--room, 40%) - 66px),300px)}.hjt-hotspots__pop--down{top:max(14px,calc(var(--y) - 22px))}.hjt-hotspots__pop--up{bottom:max(14px,calc(100% - var(--y) - 22px))}.hjt-hotspots__pop--mid{top:var(--y);translate:0 -50%}.hjt-hotspots__head--overlay{position:absolute;z-index:2;top:0;left:0;display:block;max-width:min(640px,62%);padding:clamp(28px,3.4vw,52px);pointer-events:none}.hjt-hotspots__head--overlay .hjt-title,.hjt-hotspots__head--overlay .hjt-text{color:var(--hjt-cream-2)}.hjt-hotspots__head--overlay .hjt-eyebrow{color:var(--hjt-champagne)}.hjt-hotspots__head--overlay .hjt-text{margin-top:16px}.hjt-hotspots--head-overlay .hjt-hotspots__media:after{background:linear-gradient(160deg,#00174d9e,#00174d2e 46%,#00174d00 70%),rgba(0,23,77,var(--hjt-hs-overlay, .1))}}@media(max-width:989px){.hjt-hotspots__frame{display:contents}.hjt-hotspots__head--overlay{order:0}.hjt-hotspots__pills{order:1}.hjt-hotspots__canvas{order:2;aspect-ratio:var(--hjt-hs-ratio-m, 4 / 3)}.hjt-hotspots--head-overlay .hjt-hotspots__pills{order:3}.hjt-hotspots__hint{order:4}.hjt-hotspots__pops{order:5}.hjt-hotspots--head-overlay .hjt-hotspots__head--overlay{margin-bottom:6px}.hjt-hotspots__pop{margin-top:-4px}.hjt-hotspots__pop:before{content:"";position:absolute;top:-7px;left:clamp(22px,var(--x),calc(100% - 22px));width:14px;height:14px;background:var(--hjt-cream-2);border-radius:3px;transform:translate(-50%) rotate(45deg)}.hjt-hotspots__stage:has(.hjt-hotspots__pop:not([hidden])) .hjt-hotspots__hint{display:none}}@media(max-width:749px){.hjt-hotspots__stage{gap:14px}.hjt-hotspots__pills{flex-wrap:nowrap;gap:8px;margin-inline:calc(var(--hjt-gutter) * -1);padding-inline:var(--hjt-gutter);overflow-x:auto;scroll-padding-inline:var(--hjt-gutter);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hjt-hotspots__pills::-webkit-scrollbar{display:none}.hjt-hotspots__pill{flex:none;scroll-snap-align:start;min-height:46px;padding-right:16px;gap:8px}.hjt-hotspots__pill-index{width:32px;height:32px}.hjt-hotspots__media{border-radius:var(--hjt-radius-md)}.hjt-hotspots__spot-label{padding:4px 9px}.hjt-hotspots__pop{padding:12px 18px 20px}.hjt-hotspots__pop-cn{font-size:19px}}@media(prefers-reduced-motion:reduce){.hjt-hotspots__dot:before{animation:none;opacity:.55;transform:scale(1.25)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hjt-hotspots.css.map */