.pele-hotspot{--pele-hs-align:center;--pele-hs-width:100%;--pele-hs-radius:18px;--pele-hs-accent:var(--e-global-color-primary,#6c47ff);--pele-hs-pin:34px;--pele-hs-icon:13px;--pele-hs-pin-radius:999px;--pele-hs-pin-bg:var(--pele-hs-accent);--pele-hs-pin-bg-hover:color-mix(in srgb,var(--pele-hs-accent) 86%,#000);--pele-hs-pin-color:var(--pele-on-primary,#fff);--pele-hs-pin-color-hover:var(--pele-on-primary,#fff);--pele-hs-ring:hsla(0,0%,100%,.92);--pele-hs-ring-hover:#fff;--pele-hs-ring-width:3px;--pele-hs-pulse:var(--pele-hs-accent);--pele-hs-gap:12px;--pele-hs-tip-width:280px;--pele-hs-tip-bg:#fff;--pele-hs-tip-radius:14px;--pele-hs-title:#14172b;--pele-hs-text:#5b6178;--pele-hs-link:var(--pele-ink-primary,var(--pele-hs-accent));display:flex;justify-content:var(--pele-hs-align)}.pele-hotspot__canvas{inline-size:var(--pele-hs-width);max-inline-size:100%;position:relative}.pele-hotspot__canvas>img{block-size:auto;border-radius:var(--pele-hs-radius);display:block;inline-size:100%;max-inline-size:none}.pele-hotspot__spot{block-size:0;inline-size:0;left:var(--pele-hs-x,50%);position:absolute;top:var(--pele-hs-y,50%);z-index:1}.pele-hotspot__spot.is-showing,.pele-hotspot__spot:focus-within,.pele-hotspot__spot:hover{z-index:5}.pele-hotspot__spot:before{background:var(--pele-hs-pulse);block-size:var(--pele-hs-pin);border-radius:var(--pele-hs-pin-radius);content:"";inline-size:var(--pele-hs-pin);left:calc(var(--pele-hs-pin)/-2);opacity:0;pointer-events:none;position:absolute;top:calc(var(--pele-hs-pin)/-2)}.pele-hotspot__spot--text:before{display:none}.pele-hotspot--effect-pulse .pele-hotspot__spot:not(.is-open):before{animation:pele-hs-pulse 2.2s cubic-bezier(.2,.6,.35,1) infinite}.pele-hotspot.pele-hotspot--effect-glow .pele-hotspot__spot:not(.is-open) .pele-hotspot__pin{animation:pele-hs-glow 2.4s ease-in-out infinite}.pele-hotspot .pele-hotspot__pin{block-size:var(--pele-hs-pin);border:0;border-radius:var(--pele-hs-pin-radius);box-shadow:0 0 0 var(--pele-hs-ring-width) var(--pele-hs-ring),0 8px 18px -6px rgba(20,23,43,.5);box-sizing:border-box;cursor:pointer;display:inline-grid;font-family:inherit;font-size:14px;font-weight:700;left:0;line-height:1;margin:0;min-inline-size:var(--pele-hs-pin);padding:0;place-items:center;position:absolute;top:0;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,scale .2s cubic-bezier(.2,.8,.2,1);translate:-50% -50%;white-space:nowrap;z-index:1}.pele-hotspot .pele-hotspot__pin,.pele-hotspot .pele-hotspot__pin:focus{background:var(--pele-hs-pin-bg);color:var(--pele-hs-pin-color)}.pele-hotspot .pele-hotspot__pin:hover{background:var(--pele-hs-pin-bg-hover);box-shadow:0 0 0 var(--pele-hs-ring-width) var(--pele-hs-ring-hover),0 10px 22px -6px rgba(20,23,43,.55);color:var(--pele-hs-pin-color-hover);scale:1.08}.pele-hotspot .pele-hotspot__pin:focus-visible{outline:2px solid var(--pele-hs-pin-bg);outline-offset:calc(var(--pele-hs-ring-width) + 3px)}.pele-hotspot .is-open>.pele-hotspot__pin{background:var(--pele-hs-pin-bg-hover);box-shadow:0 0 0 var(--pele-hs-ring-width) var(--pele-hs-ring-hover),0 10px 22px -6px rgba(20,23,43,.55);color:var(--pele-hs-pin-color-hover);scale:1.08}.pele-hotspot .pele-hotspot__spot--text .pele-hotspot__pin{font-size:13px;padding-inline:14px}.pele-hotspot__face{align-items:center;display:inline-flex;justify-content:center;transition:rotate .25s cubic-bezier(.2,.8,.2,1)}.pele-hotspot__face i{font-size:var(--pele-hs-icon);line-height:1}.pele-hotspot__face svg{block-size:var(--pele-hs-icon);fill:currentColor;inline-size:var(--pele-hs-icon)}.pele-hotspot--turn .pele-hotspot__spot--icon.is-open:not(.is-pinned) .pele-hotspot__face{rotate:45deg}.pele-hotspot__tip{background:var(--pele-hs-tip-bg);border-radius:var(--pele-hs-tip-radius);box-shadow:0 2px 6px rgba(20,23,43,.08),0 24px 50px -18px rgba(20,23,43,.38);box-sizing:border-box;color:var(--pele-hs-text);display:none;font-size:14px;inline-size:max-content;line-height:1.55;max-inline-size:min(var(--pele-hs-tip-width),100vw - 20px);opacity:0;padding:14px 18px 15px;position:absolute;text-align:start;transition:opacity .2s ease,translate .26s cubic-bezier(.2,.8,.2,1),scale .22s cubic-bezier(.2,.8,.2,1);z-index:2}.pele-hotspot__tip:after{content:"";position:absolute}.is-showing>.pele-hotspot__tip{display:block}.is-open>.pele-hotspot__tip{opacity:1;scale:1;translate:0 0}.pele-hotspot__title{color:var(--pele-hs-title);font-size:16px;font-weight:700;line-height:1.35;margin-block-end:4px}.pele-hotspot__text{color:var(--pele-hs-text)}.pele-hotspot__text>:first-child{margin-block-start:0}.pele-hotspot__text>:last-child{margin-block-end:0}.pele-hotspot__text a{color:var(--pele-hs-link);font-weight:600;text-decoration:underline;text-underline-offset:3px}.pele-hotspot__text img{block-size:auto;border-radius:calc(var(--pele-hs-tip-radius) - 6px);display:block;max-inline-size:100%}.pele-hotspot__spot:not([data-side])>.pele-hotspot__tip,.pele-hotspot__spot[data-side=top]>.pele-hotspot__tip{bottom:calc(var(--pele-hs-pin)/2 + var(--pele-hs-gap));left:0;transform:translateX(calc(-50% + var(--pele-hs-shift, 0px)));transform-origin:50% 100%}.pele-hotspot__spot:not([data-side])>.pele-hotspot__tip:after,.pele-hotspot__spot[data-side=top]>.pele-hotspot__tip:after{block-size:calc(var(--pele-hs-gap) + 4px);left:0;right:0;top:100%}.pele-hotspot__spot[data-side=bottom]>.pele-hotspot__tip{left:0;top:calc(var(--pele-hs-pin)/2 + var(--pele-hs-gap));transform:translateX(calc(-50% + var(--pele-hs-shift, 0px)));transform-origin:50% 0}.pele-hotspot__spot[data-side=bottom]>.pele-hotspot__tip:after{block-size:calc(var(--pele-hs-gap) + 4px);bottom:100%;left:0;right:0}.pele-hotspot__spot[data-side=left]>.pele-hotspot__tip{right:calc(var(--pele-hs-pin)/2 + var(--pele-hs-gap));top:0;transform:translateY(calc(-50% + var(--pele-hs-shift, 0px)));transform-origin:100% 50%}.pele-hotspot__spot[data-side=left]>.pele-hotspot__tip:after{bottom:0;inline-size:calc(var(--pele-hs-gap) + 4px);left:100%;top:0}.pele-hotspot__spot[data-side=right]>.pele-hotspot__tip{left:calc(var(--pele-hs-pin)/2 + var(--pele-hs-gap));top:0;transform:translateY(calc(-50% + var(--pele-hs-shift, 0px)));transform-origin:0 50%}.pele-hotspot__spot[data-side=right]>.pele-hotspot__tip:after{bottom:0;inline-size:calc(var(--pele-hs-gap) + 4px);right:100%;top:0}.pele-hotspot--arrow .pele-hotspot__tip:before{background:var(--pele-hs-tip-bg);block-size:12px;content:"";inline-size:12px;position:absolute;transform:rotate(45deg)}.pele-hotspot--arrow .pele-hotspot__spot:not([data-side])>.pele-hotspot__tip:before,.pele-hotspot--arrow [data-side=top]>.pele-hotspot__tip:before{box-shadow:3px 3px 6px -2px rgba(20,23,43,.12);left:calc(50% - 6px - var(--pele-hs-shift, 0px));top:calc(100% - 6px)}.pele-hotspot--arrow [data-side=bottom]>.pele-hotspot__tip:before{bottom:calc(100% - 6px);left:calc(50% - 6px - var(--pele-hs-shift, 0px))}.pele-hotspot--arrow [data-side=left]>.pele-hotspot__tip:before{left:calc(100% - 6px);top:calc(50% - 6px - var(--pele-hs-shift, 0px))}.pele-hotspot--arrow [data-side=right]>.pele-hotspot__tip:before{right:calc(100% - 6px);top:calc(50% - 6px - var(--pele-hs-shift, 0px))}.pele-hotspot--anim-rise .pele-hotspot__spot:not([data-side])>.pele-hotspot__tip,.pele-hotspot--anim-rise [data-side=top]>.pele-hotspot__tip{translate:0 8px}.pele-hotspot--anim-rise [data-side=bottom]>.pele-hotspot__tip{translate:0 -8px}.pele-hotspot--anim-rise [data-side=left]>.pele-hotspot__tip{translate:8px 0}.pele-hotspot--anim-rise [data-side=right]>.pele-hotspot__tip{translate:-8px 0}.pele-hotspot--anim-scale .pele-hotspot__tip{scale:.88}.pele-hotspot--anim-none .pele-hotspot__tip{transition:none}.pele-hotspot .is-open>.pele-hotspot__tip{scale:1;translate:0 0}.pele-hotspot .is-measuring>.pele-hotspot__tip{bottom:auto;left:0;position:fixed;right:auto;top:0;transform:none;transition:none;translate:none}@keyframes pele-hs-pulse{0%{opacity:.5;transform:scale(1)}80%,to{opacity:0;transform:scale(2.3)}}@keyframes pele-hs-glow{0%,to{box-shadow:0 0 0 var(--pele-hs-ring-width) var(--pele-hs-ring),0 0 0 0 color-mix(in srgb,var(--pele-hs-pulse) 0,transparent)}50%{box-shadow:0 0 0 var(--pele-hs-ring-width) var(--pele-hs-ring),0 0 22px 6px color-mix(in srgb,var(--pele-hs-pulse) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.pele-hotspot__pin,.pele-hotspot__spot:before{animation:none!important}.pele-hotspot__face,.pele-hotspot__pin,.pele-hotspot__tip{transition:none}.pele-hotspot .pele-hotspot__tip{scale:1;translate:0 0}}