@keyframes svelte-11g4dye-demoPulse{0%{box-shadow:0 0 0 0 var(--color-trigger)}to{box-shadow:0 0 0 var(--space-20) #0000}}@layer standard-components{.InteractiveDemoTrigger.svelte-11g4dye{--color-trigger: var(--color-gray-99);--color: var(--color-white);--color-text: var(--color-white);--border-radius-label: var(--space-10);--max-width-nav-label: 250px;--max-width-hotspot: 350px;--drop-shadow: 0px 0px 15px rgba(0, 0, 0, .25);--arrow-size: 10px;position:fixed;display:block;padding:0;margin:0;outline:0;border:0;background-color:transparent;cursor:pointer;transition:opacity var(--duration-default);z-index:2;visibility:hidden}.InteractiveDemoTrigger.colorBlack.svelte-11g4dye{--color-trigger: var(--color-gray-99)}.InteractiveDemoTrigger.colorBlue.svelte-11g4dye{--color-trigger: var(--color-blue)}.InteractiveDemoTrigger.colorGreen.svelte-11g4dye{--color-trigger: var(--color-green)}.InteractiveDemoTrigger.colorRed.svelte-11g4dye{--color-trigger: var(--color-red)}.InteractiveDemoTrigger.colorWhite.svelte-11g4dye{--color-trigger: var(--color-white);--color: var(--color-gray-99)}.InteractiveDemoTrigger.svelte-11g4dye .background:where(.svelte-11g4dye){position:absolute;top:0;left:0;width:100%;height:100%}.InteractiveDemoTrigger.svelte-11g4dye .navigationAnimation:where(.svelte-11g4dye) .navigationVisual:where(.svelte-11g4dye){display:none}.InteractiveDemoTrigger.svelte-11g4dye .navigationAnimation:where(.svelte-11g4dye) .styleSmallCircle:where(.svelte-11g4dye){display:block;width:var(--space-40);height:var(--space-40);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-11g4dye-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-11g4dye .navigationAnimation:where(.svelte-11g4dye) .styleLargeCircle:where(.svelte-11g4dye){display:block;width:var(--space-120);height:var(--space-120);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-11g4dye-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-11g4dye .navigationAnimation:where(.svelte-11g4dye) .styleHitAreaCircle:where(.svelte-11g4dye){display:block;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-11g4dye-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-11g4dye .navigationAnimation:where(.svelte-11g4dye) .styleHitAreaBox:where(.svelte-11g4dye){display:block;border-radius:var(--border-radius-label);position:absolute;top:0;left:0;width:100%;height:100%;animation:svelte-11g4dye-demoPulse 1.5s infinite}.InteractiveDemoTrigger.svelte-11g4dye .triggerText:where(.svelte-11g4dye){position:absolute;pointer-events:none}.InteractiveDemoTrigger.svelte-11g4dye .triggerText.navigationLabel:where(.svelte-11g4dye){display:none}.InteractiveDemoTrigger.svelte-11g4dye .triggerText:where(.svelte-11g4dye) .triggerTextInner:where(.svelte-11g4dye){background-color:var(--color-trigger);padding:var(--space-10) var(--space-20)}.InteractiveDemoTrigger.hotspot.svelte-11g4dye{border-radius:100%;border:2px solid var(--color-white)}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-11g4dye .hotspotContent:where(.svelte-11g4dye){opacity:1}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent:where(.svelte-11g4dye){transition:opacity var(--duration-default);opacity:0}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .background:where(.svelte-11g4dye){background-color:var(--color-trigger)}@media (max-width: 739px){.InteractiveDemoTrigger.hotspot.svelte-11g4dye{display:flex;align-items:flex-start;overflow:hidden}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-11g4dye{top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:var(--border-radius-screen)!important;overflow:hidden}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-11g4dye .triggerText:where(.svelte-11g4dye){position:relative;padding-top:var(--space-30)}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-11g4dye .hotspotIcon:where(.svelte-11g4dye){position:absolute;top:var(--space-10);right:var(--space-20)}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotIcon:where(.svelte-11g4dye){position:absolute;top:6px}}@media (min-width: 740px){.InteractiveDemoTrigger.svelte-11g4dye .triggerText:where(.svelte-11g4dye){position:absolute;width:100vw}.InteractiveDemoTrigger.svelte-11g4dye .triggerText:where(.svelte-11g4dye) .triggerTextInner:where(.svelte-11g4dye){border-radius:var(--border-radius-label);box-shadow:var(--drop-shadow)}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent:where(.svelte-11g4dye){border-radius:var(--border-radius-label);max-width:var(--max-width-hotspot);opacity:0}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent.onTopRight:where(.svelte-11g4dye){top:0;right:0;transform:translate(100%,-100%);justify-content:left}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent.onTopLeft:where(.svelte-11g4dye){top:0;left:0;transform:translate(-100%,-100%);justify-content:right}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent.onBottomRight:where(.svelte-11g4dye){bottom:0;right:0;transform:translate(100%,100%);justify-content:left}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .hotspotContent.onBottomLeft:where(.svelte-11g4dye){bottom:0;left:0;transform:translate(-100%,100%);justify-content:right}.InteractiveDemoTrigger.hotspot.svelte-11g4dye .background:where(.svelte-11g4dye){border-radius:100%;box-shadow:var(--drop-shadow)}.InteractiveDemoTrigger.navigation.svelte-11g4dye .navigationLabel:where(.svelte-11g4dye){display:flex;top:50%;border-radius:var(--border-radius-label);max-width:var(--max-width-nav-label);transform:translateY(-50%)}.InteractiveDemoTrigger.navigation.svelte-11g4dye .navigationLabel.onLeft:where(.svelte-11g4dye){right:calc(100% + var(--space-10));justify-content:right}.InteractiveDemoTrigger.navigation.svelte-11g4dye .navigationLabel.onLeft:where(.svelte-11g4dye):after{position:absolute;width:0;height:0;content:"";border-bottom:var(--arrow-size) solid transparent;border-top:var(--arrow-size) solid transparent;top:calc(50% - var(--arrow-size));right:calc(var(--arrow-size) * -1 + 1px);border-left:var(--arrow-size) solid var(--color-trigger)}.InteractiveDemoTrigger.navigation.svelte-11g4dye .navigationLabel.onRight:where(.svelte-11g4dye){left:calc(100% + var(--space-10));justify-content:left}.InteractiveDemoTrigger.navigation.svelte-11g4dye .navigationLabel.onRight:where(.svelte-11g4dye):after{position:absolute;width:0;height:0;content:"";border-bottom:var(--arrow-size) solid transparent;border-top:var(--arrow-size) solid transparent;top:calc(50% - var(--arrow-size));left:calc(var(--arrow-size) * -1 + 1px);border-right:var(--arrow-size) solid var(--color-trigger)}}}