@layer components{.c-hotspot{--toggle-size:26px;--toggle-border-size:0;--toggle-bg:var(--brand-gradient-indigo-purple-110deg);--toggle-bg-active:var(--toggle-bg);--toggle-icon-color-active:#fff;--toggle-line-width:45px;--toggle-icon-size:0.85em;--toggle-line-color:var(--brand-indigo);--hotspot-bg-color:var(--toggle-bg);--hotspot-content-bg-color:var(--brand-gradient-indigo-purple-110deg);--hotspot-content-border-color:transparent;left:var(--hotspot-x-position,0);margin:0;opacity:1;position:absolute;top:var(--hotspot-y-position,0);transition:opacity .25s ease;z-index:200}.c-hotspot--info{--toggle-size:22px;--toggle-icon-size:0.7em;--toggle-bg:var(--brand-gradient-pink-red-110deg);--toggle-line-color:var(--brand-red);--hotspot-bg-size:35px;--hotspot-content-bg-color:#fff;--hotspot-content-color:var(--brand-black);--hotspot-content-border-color:var(--brand-red);--hotspot-content-border-width:2px;--hotspot-content-font-weight:var(--font-weight-semi-bold)}.c-hotspot__toggle.c-toggle-button{z-index:unset}.c-hotspot__toggle:before{animation:pulse 2s ease 1s infinite;background:var(--hotspot-bg-color);border-radius:50%;content:"";height:var(--hotspot-bg-size,45px);left:50%;opacity:var(--toggle-bg-opacity,.25);position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:var(--hotspot-bg-size,45px);z-index:-1}.is-open.c-hotspot{--hotspot-content-opacity:1;--hotspot-content-visibility:visible;--hotspot-line-transform:scaleX(1);--toggle-icon-color:var(--toggle-icon-color-active);--toggle-border-color:var(--toggle-border-color-active)}.c-hotspot__parent{display:block;position:relative}.c-hotspot__content{background:var(--hotspot-content-bg-color,rgba(9,37,70,.6));border:var(--hotspot-content-border-width,0) solid var(--hotspot-content-border-color,transparent);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.15);color:var(--hotspot-content-color,#fff);font-size:.85rem;font-weight:var(--hotspot-content-font-weight,var(--font-weight-regular));left:calc(100% + var(--toggle-line-width));line-height:1.3;margin:0;max-width:max(225px,15vw);opacity:var(--hotspot-content-opacity,0);padding:.75rem;position:absolute;top:0;transition:.2s ease;transition-property:opacity,visibility;visibility:var(--hotspot-content-visibility,hidden);width:-moz-max-content;width:max-content}.c-hotspot__content--on-left{left:unset;right:calc(100% + var(--toggle-line-width))}.c-hotspot__content--on-top{bottom:calc(var(--toggle-size) + var(--toggle-line-width));left:0;top:auto}.c-hotspot__content--on-bottom{left:0;top:calc(var(--toggle-size) + var(--toggle-line-width))}.c-hotspot__toggle:after{background:var(--toggle-line-color,var(--brand-indigo));content:"";display:inline-block;height:2px;left:100%;position:absolute;transform:var(--hotspot-line-transform,scaleX(0));transform-origin:left;transition:transform 90ms ease;width:var(--toggle-line-width,45px)}.c-hotspot__info-icon{aspect-ratio:.8;background-color:#fff;display:block;-webkit-mask-image:url(../../../img/icons/info.svg);mask-image:url(../../../img/icons/info.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:translateY(-2px);width:9px}.c-hotspot__toggle--line-on-left:after{left:unset;right:100%;transform-origin:right}.c-hotspot__toggle--line-on-bottom:after,.c-hotspot__toggle--line-on-top:after{height:var(--toggle-line-width,45px);left:auto;right:auto;transform:var(--hotspot-line-transform,scaleY(0));width:1px}.is-open.c-hotspot .c-hotspot__toggle--line-on-bottom,.is-open.c-hotspot .c-hotspot__toggle--line-on-top{--hotspot-line-transform:scaleY(1)}.c-hotspot__toggle--line-on-bottom:after{left:auto;right:auto;top:calc(100% + var(--toggle-border-size));transform-origin:top}.c-hotspot__toggle--line-on-top:after{bottom:calc(100% + var(--toggle-border-size));left:auto;right:auto;top:unset;transform-origin:bottom}@media only screen and (max-width:800px){.c-hotspot{--toggle-size:20px;--toggle-line-width:12px;--hotspot-bg-size:30px;width:100%}.c-hotspot--info{--toggle-size:18px}.c-hotspot__close{color:var(--hotspot-content-color,#fff);margin:0;position:absolute;right:5px;top:5px;z-index:1}.c-hotspot__close:after{content:"\f00d";font-family:var(--fa-font-family)}.c-hotspot__toggle:after{height:0}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8)}}}