.brume.svelte-197cyt5{pointer-events:none;opacity:var(--i,1);position:absolute;inset:0;overflow:hidden}.nappe.svelte-197cyt5{transform:translate3d(calc((var(--p,.5) - .5) * var(--dx,0px)), calc((var(--p,.5) - .5) * var(--dy,0px)), 0);will-change:transform;border-radius:50%;position:absolute}.nappe.svelte-197cyt5:before{content:"";border-radius:inherit;background:var(--fill);animation:svelte-197cyt5-nappe-respire var(--t,26s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);position:absolute;inset:0}.light.svelte-197cyt5 .n1:where(.svelte-197cyt5){--dx:-90px;--dy:160px;--fill:radial-gradient(circle, rgba(var(--brume-turquoise), .3) 0%, rgba(var(--brume-turquoise), .05) 46%, rgba(var(--brume-turquoise), 0) 70%);width:min(70vw,760px);height:min(70vw,760px);top:-30%;right:-18%}.light.svelte-197cyt5 .n2:where(.svelte-197cyt5){--dx:120px;--dy:-140px;--t:32s;--delay:-9s;--fill:radial-gradient(circle, rgba(var(--brume-vert), .26) 0%, rgba(var(--brume-vert), .04) 48%, rgba(var(--brume-vert), 0) 70%);width:min(60vw,620px);height:min(60vw,620px);bottom:-34%;left:-22%}.light.svelte-197cyt5 .n3:where(.svelte-197cyt5){--dx:40px;--dy:220px;--t:22s;--delay:-15s;--fill:radial-gradient(circle, rgba(var(--brume-bleu), .2) 0%, rgba(var(--brume-bleu), .03) 50%, rgba(var(--brume-bleu), 0) 70%);width:min(44vw,460px);height:min(44vw,460px);top:-24%;left:38%}.deep.svelte-197cyt5 .n1:where(.svelte-197cyt5){--dx:-80px;--dy:140px;--fill:radial-gradient(circle, rgba(var(--brume-menthe), .22) 0%, rgba(var(--brume-menthe), .05) 46%, rgba(var(--brume-menthe), 0) 70%);width:min(70vw,720px);height:min(70vw,720px);top:-36%;right:-16%}.deep.svelte-197cyt5 .n2:where(.svelte-197cyt5){--dx:110px;--dy:-120px;--t:32s;--delay:-9s;--fill:radial-gradient(circle, rgba(var(--brume-azur), .28) 0%, rgba(var(--brume-azur), .06) 48%, rgba(var(--brume-azur), 0) 70%);width:min(62vw,640px);height:min(62vw,640px);bottom:-40%;left:-20%}.deep.svelte-197cyt5 .n3:where(.svelte-197cyt5){--dx:60px;--dy:-180px;--t:22s;--delay:-15s;--fill:radial-gradient(circle, rgba(var(--brume-turquoise), .18) 0%, rgba(var(--brume-turquoise), .03) 50%, rgba(var(--brume-turquoise), 0) 70%);width:min(40vw,420px);height:min(40vw,420px);top:30%;left:42%}@keyframes svelte-197cyt5-nappe-respire{0%{opacity:.85;transform:translate(0,0)scale(1)}to{opacity:1;transform:translate(4%,-3%)scale(1.12)}}@media (prefers-reduced-motion:reduce){.nappe.svelte-197cyt5{will-change:auto;transform:none}.nappe.svelte-197cyt5:before{animation:none}}