@keyframes svelte-146zrf8-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-146zrf8{--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-146zrf8{--color-trigger: var(--color-gray-99)}.InteractiveDemoTrigger.colorBlue.svelte-146zrf8{--color-trigger: var(--color-blue)}.InteractiveDemoTrigger.colorGreen.svelte-146zrf8{--color-trigger: var(--color-green)}.InteractiveDemoTrigger.colorRed.svelte-146zrf8{--color-trigger: var(--color-red)}.InteractiveDemoTrigger.colorWhite.svelte-146zrf8{--color-trigger: var(--color-white);--color: var(--color-gray-99)}.InteractiveDemoTrigger.svelte-146zrf8 .background:where(.svelte-146zrf8){position:absolute;top:0;left:0;width:100%;height:100%}.InteractiveDemoTrigger.svelte-146zrf8 .navigationAnimation:where(.svelte-146zrf8) .navigationVisual:where(.svelte-146zrf8){display:none}.InteractiveDemoTrigger.svelte-146zrf8 .navigationAnimation:where(.svelte-146zrf8) .styleSmallCircle:where(.svelte-146zrf8){display:block;width:var(--space-40);height:var(--space-40);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-146zrf8-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-146zrf8 .navigationAnimation:where(.svelte-146zrf8) .styleLargeCircle:where(.svelte-146zrf8){display:block;width:var(--space-120);height:var(--space-120);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-146zrf8-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-146zrf8 .navigationAnimation:where(.svelte-146zrf8) .styleHitAreaCircle:where(.svelte-146zrf8){display:block;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:svelte-146zrf8-demoPulse 1.5s infinite;border-radius:50%}.InteractiveDemoTrigger.svelte-146zrf8 .navigationAnimation:where(.svelte-146zrf8) .styleHitAreaBox:where(.svelte-146zrf8){display:block;border-radius:var(--border-radius-label);position:absolute;top:0;left:0;width:100%;height:100%;animation:svelte-146zrf8-demoPulse 1.5s infinite}.InteractiveDemoTrigger.svelte-146zrf8 .triggerText:where(.svelte-146zrf8){position:absolute;pointer-events:none}.InteractiveDemoTrigger.svelte-146zrf8 .triggerText.navigationLabel:where(.svelte-146zrf8){display:none}.InteractiveDemoTrigger.svelte-146zrf8 .triggerText:where(.svelte-146zrf8) .triggerTextInner:where(.svelte-146zrf8){background-color:var(--color-trigger);padding:var(--space-10) var(--space-20)}.InteractiveDemoTrigger.hotspot.svelte-146zrf8{border-radius:100%;border:2px solid var(--color-white)}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-146zrf8 .hotspotContent:where(.svelte-146zrf8){opacity:1}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent:where(.svelte-146zrf8){transition:opacity var(--duration-default);opacity:0}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .background:where(.svelte-146zrf8){background-color:var(--color-trigger)}@media (max-width: 739px){.InteractiveDemoTrigger.hotspot.svelte-146zrf8{display:flex;align-items:flex-start;overflow:hidden}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-146zrf8{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-146zrf8 .triggerText:where(.svelte-146zrf8){position:relative;padding-top:var(--space-30)}.InteractiveDemoTrigger.hotspot.hotspotOpen.svelte-146zrf8 .hotspotIcon:where(.svelte-146zrf8){position:absolute;top:var(--space-10);right:var(--space-20)}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotIcon:where(.svelte-146zrf8){position:absolute;top:6px}}@media (min-width: 740px){.InteractiveDemoTrigger.svelte-146zrf8 .triggerText:where(.svelte-146zrf8){position:absolute;width:100vw}.InteractiveDemoTrigger.svelte-146zrf8 .triggerText:where(.svelte-146zrf8) .triggerTextInner:where(.svelte-146zrf8){border-radius:var(--border-radius-label);box-shadow:var(--drop-shadow)}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent:where(.svelte-146zrf8){border-radius:var(--border-radius-label);max-width:var(--max-width-hotspot);opacity:0}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent.onTopRight:where(.svelte-146zrf8){top:0;right:0;transform:translate(100%,-100%);justify-content:left}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent.onTopLeft:where(.svelte-146zrf8){top:0;left:0;transform:translate(-100%,-100%);justify-content:right}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent.onBottomRight:where(.svelte-146zrf8){bottom:0;right:0;transform:translate(100%,100%);justify-content:left}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .hotspotContent.onBottomLeft:where(.svelte-146zrf8){bottom:0;left:0;transform:translate(-100%,100%);justify-content:right}.InteractiveDemoTrigger.hotspot.svelte-146zrf8 .background:where(.svelte-146zrf8){border-radius:100%;box-shadow:var(--drop-shadow)}.InteractiveDemoTrigger.navigation.svelte-146zrf8 .navigationLabel:where(.svelte-146zrf8){display:flex;top:50%;border-radius:var(--border-radius-label);max-width:var(--max-width-nav-label);transform:translateY(-50%)}.InteractiveDemoTrigger.navigation.svelte-146zrf8 .navigationLabel.onLeft:where(.svelte-146zrf8){right:calc(100% + var(--space-10));justify-content:right}.InteractiveDemoTrigger.navigation.svelte-146zrf8 .navigationLabel.onLeft:where(.svelte-146zrf8):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-146zrf8 .navigationLabel.onRight:where(.svelte-146zrf8){left:calc(100% + var(--space-10));justify-content:left}.InteractiveDemoTrigger.navigation.svelte-146zrf8 .navigationLabel.onRight:where(.svelte-146zrf8):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)}}}