@keyframes svelte-lfp2y6-demoPulse{0%{box-shadow:0 0 0 0 var(--color-trigger)}to{box-shadow:0 0 0 var(--space-20) #0000}}@layer standard-components{.InteractiveDemo.svelte-lfp2y6{--demo-aspect-ratio: 4/3;--device-frame-width: 10px;--border-radius-device: 16px;--device-max-size: 90%;--device-transition-time: .2s}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6){position:relative;width:100%;aspect-ratio:var(--demo-aspect-ratio);opacity:0;transition:opacity var(--duration-default)}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner.reveal:where(.svelte-lfp2y6){opacity:1}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .backButton:where(.svelte-lfp2y6){display:flex;align-items:center;justify-content:center;position:absolute;top:var(--space-20);left:var(--space-20);width:var(--space-40);aspect-ratio:1;border-radius:50%;line-height:0;color:var(--color-neutral-000);z-index:3;outline:none;border:0;margin:0;background-color:var(--color-neutral-1000);cursor:pointer;visibility:hidden}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .backButton.show:where(.svelte-lfp2y6){visibility:visible}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame:where(.svelte-lfp2y6){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:var(--device-aspect-ratio);width:calc(var(--device-max-size) - var(--device-frame-width) * 2);box-sizing:content-box;transition:all var(--device-transition-time)}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame:where(.svelte-lfp2y6):not(.deviceNone){border:var(--device-frame-width) solid var(--color-gray-99);border-radius:var(--border-radius-device);background-color:var(--color-gray-99);outline:2px solid var(--color-gray-75)}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame.deviceNone:where(.svelte-lfp2y6){--device-frame-width: 0;--device-max-size: 100%;width:100%;height:100%;border:0;outline:0}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame.devicePhone:where(.svelte-lfp2y6){width:auto;height:calc(var(--device-max-size) - var(--device-frame-width) * 2)}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame.deviceT3:where(.svelte-lfp2y6){--device-outer-width: 1000;--device-outer-height: 2256;--device-inner-width: 828;--device-inner-height: 1805;--device-top: 290;--device-right: 97;--device-bottom: 161;--device-left: 75;--device-inner-radius: 3;width:auto;height:calc(var(--device-inner-height) / var(--device-outer-height) * 95%);top:calc(50% + (var(--device-top) - var(--device-bottom)) / var(--device-outer-height) / 2 * 100%);border:0;border-radius:0;outline:0;pointer-events:none;container-type:inline-size}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame.deviceT3:where(.svelte-lfp2y6):before{content:"";position:absolute;z-index:2;top:calc(var(--device-top) / var(--device-inner-height) * -100% + .5px);right:calc(var(--device-right) / var(--device-inner-width) * -100% + .5px);bottom:calc(var(--device-bottom) / var(--device-inner-height) * -100% + .5px);left:calc(var(--device-left) / var(--device-inner-width) * -100% + .5px);background-image:var(--device-frame-image);background-size:100% 100%}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .deviceFrame.deviceT3:where(.svelte-lfp2y6) .InteractiveDemoScreen{--border-radius-screen: calc(var(--device-inner-radius) * 1cqw)}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .cardContainer:where(.svelte-lfp2y6){opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transition:opacity var(--duration-default);pointer-events:none}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6) .cardContainer.reveal:where(.svelte-lfp2y6){opacity:1;pointer-events:auto}@media (min-width: 46.25rem){.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6){--device-frame-width: 20px;--border-radius-device: 24px}.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner.devicePhone:where(.svelte-lfp2y6){height:var(--device-max-size);width:auto}}@media (min-width: 64rem){.InteractiveDemo.svelte-lfp2y6 .interactiveDemoInner:where(.svelte-lfp2y6){--border-radius-device: 36px;--max-device-size: 95%}}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6){width:calc(var(--device-max-size) - var(--device-frame-width) * 2);margin:0 auto}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel:where(.svelte-lfp2y6){--color-trigger: var(--color-gray-99);--color: var(--color-white);--color-text: var(--color-white);position:relative;padding:var(--space-10);background:var(--color-trigger);text-align:center;border-radius:var(--space-10);box-shadow:0 0 15px #00000040;margin-bottom:var(--space-10)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel.colorBlack:where(.svelte-lfp2y6){--color-trigger: var(--color-gray-99)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel.colorBlue:where(.svelte-lfp2y6){--color-trigger: var(--color-blue)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel.colorGreen:where(.svelte-lfp2y6){--color-trigger: var(--color-green)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel.colorRed:where(.svelte-lfp2y6){--color-trigger: var(--color-red)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel.colorWhite:where(.svelte-lfp2y6){--color-trigger: var(--color-white);--color: var(--color-gray-99)}.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6) .mobileLabel:where(.svelte-lfp2y6) p{max-width:none}@media (min-width: 46.25rem){.InteractiveDemo.svelte-lfp2y6 .mobileLabelContainer:where(.svelte-lfp2y6){display:none}}}