@layer components{.c-hotspot{--toggle-border-color:var(--brand-yellow);--toggle-size:33px;--toggle-border-size:1px;--toggle-border-color-active:#fff;--toggle-bg-color:var(--brand-blue);--toggle-bg-color-active:var(--brand-yellow);--toggle-icon-color-active:var(--brand-blue);--toggle-line-width:45px;--toggle-icon-size:0.6em;left:var(--hotspot-x-position,0);margin:0;position:absolute;top:var(--hotspot-y-position,0);z-index:200}.c-hotspot__toggle.c-toggle-button{z-index:unset}.c-hotspot__toggle:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";filter:blur(8px);height:45px;inset:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width: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-bg-color:var(--toggle-bg-color-active);--toggle-border-color:var(--toggle-border-color-active)}.c-hotspot__parent{position:relative}.c-hotspot__content{backdrop-filter:blur(25px);background:var(--hotspot-content-bg-color,rgba(9,37,70,.6));border:2px solid var(--brand-yellow);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);color:var(--hotspot-content-color,#fff);font-size:.8rem;left:calc(100% + var(--toggle-line-width));margin:0;opacity:var(--hotspot-content-opacity,0);padding:1rem;position:absolute;top:0;transition:.2s ease;transition-property:opacity,visibility;visibility:var(--hotspot-content-visibility,hidden);width:max(378px,22vw)}.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(--brand-yellow);content:"";display:inline-block;height:2px;left:var(--toggle-line-position-y,calc(100% + var(--toggle-border-size)));position:absolute;transform:var(--hotspot-line-transform,scaleX(0));transform-origin:left;transition:transform 90ms ease;width:var(--toggle-line-width,45px)}.c-hotspot__toggle--line-on-left:after{left:unset;right:var(--toggle-line-position-y,calc(100% + var(--toggle-border-size)));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:2px}.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:33px;--toggle-line-width:12px;width:100%}.c-hotspot__close{color:#fff;margin:0;position:absolute;right:10px;top:5px;z-index:1}.c-hotspot__close:after{content:"\f00d";font-family:var(--fa-font-family)}}}