.fog.svelte-1w579dt{--fog-height:clamp(44.5rem, 58.31rem - 12.784vw, 55.75rem);--overlay-height:clamp(55.75rem, 52.56rem + 15.98vw, 69.81rem);--overlay-width:calc(var(--overlay-height) * 2.5);--dense-height:max(var(--fog-height), 40cqw);--dense-width:calc(var(--dense-height) * 2.5);--overlay-opacity:.24;--dense-opacity:.32;--vignette-size:116% 70%;z-index:-1;pointer-events:none;background-color:var(--color-surface);position:absolute;inset:0;overflow:hidden;container-type:size}@media (width>=64em){.fog.svelte-1w579dt{--vignette-size:104% 63%}}.fog.svelte-1w579dt:not(.panel){-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.lost.svelte-1w579dt{--overlay-opacity:.16;--vignette-size:167% 100%}.empty.svelte-1w579dt{--dense-opacity:.24;--vignette-size:167% 100%}.panel.svelte-1w579dt{--fog-height:100%;--overlay-height:max(100cqh, 40cqw);--dense-height:max(100cqh, 40cqw);--overlay-opacity:1;--dense-opacity:1;background-color:var(--color-cta-panel);border-radius:var(--radius-500)}.panel.svelte-1w579dt:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 80px 16px #fff}.sky.svelte-1w579dt{background:radial-gradient(ellipse 92.6% 100% at 50% 0%, var(--color-surface-sky), var(--color-surface));height:34.9375rem;position:absolute;inset:0 0 auto}.shape.svelte-1w579dt{aspect-ratio:1;background:var(--color-surface);border-radius:50%;width:39rem;position:absolute;top:7.9375rem;left:50%}.shape.wide.svelte-1w579dt{width:108rem;top:2.5rem;left:calc(50% - 54rem)}@media (width>=64em){.shape.wide.left.svelte-1w579dt{left:calc(26.85% - 54rem)}}.shape.soft.svelte-1w579dt{filter:blur(12px)}.shape.sharp.svelte-1w579dt{filter:blur(3px);opacity:0}.layers.svelte-1w579dt{height:var(--fog-height);position:absolute;inset:0 0 auto;overflow:hidden}.overlay.svelte-1w579dt,.dense.svelte-1w579dt{width:calc(100% + var(--tile-width));height:var(--tile-height);background-size:var(--tile-width) 100%;background-repeat:repeat-x;background-position-x:calc(50cqw - var(--tile-width) / 2);will-change:transform;animation:linear infinite svelte-1w579dt-drift;position:absolute;top:0;left:0}.overlay.svelte-1w579dt{--tile-width:var(--overlay-width);--tile-height:var(--overlay-height);background-image:var(--fog-overlay-image);opacity:var(--overlay-opacity);animation-duration:116s}.dense.svelte-1w579dt{--tile-width:var(--dense-width);--tile-height:var(--dense-height);background-image:var(--fog-dense-image);opacity:var(--dense-opacity);animation-duration:200s}.live-blur.svelte-1w579dt .overlay:where(.svelte-1w579dt){filter:blur(12px)}@keyframes svelte-1w579dt-drift{to{transform:translateX(calc(-1 * var(--tile-width)))}}.vignette.svelte-1w579dt{background:radial-gradient(ellipse var(--vignette-size) at 50% 0%, transparent 43%, var(--color-surface) 100%);position:absolute;inset:0}.grain.svelte-1w579dt{opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.panel.svelte-1w579dt .grain:where(.svelte-1w579dt){border-radius:inherit;opacity:1}@supports (animation-timeline:scroll()){.clears.svelte-1w579dt .layers:where(.svelte-1w579dt){animation:linear both svelte-1w579dt-thin;animation-timeline:scroll(root);animation-range:0 60vh}.clears.svelte-1w579dt .shape.soft:where(.svelte-1w579dt){animation:linear both svelte-1w579dt-fade-out;animation-timeline:scroll(root);animation-range:0 60vh}.clears.svelte-1w579dt .shape.sharp:where(.svelte-1w579dt){animation:linear both svelte-1w579dt-fade-in;animation-timeline:scroll(root);animation-range:0 60vh}}@keyframes svelte-1w579dt-thin{to{opacity:.3}}@keyframes svelte-1w579dt-fade-out{to{opacity:0}}@keyframes svelte-1w579dt-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=playing]) .overlay.svelte-1w579dt,:root:not([data-motion=playing]) .dense.svelte-1w579dt,:root:not([data-motion=playing]) .clears.svelte-1w579dt .layers:where(.svelte-1w579dt),:root:not([data-motion=playing]) .clears.svelte-1w579dt .shape:where(.svelte-1w579dt){animation:none!important}:root:not([data-motion=playing]) .clears.svelte-1w579dt .shape.sharp:where(.svelte-1w579dt){opacity:0}}
