.intro.svelte-1jigriw{--bg: hsl(var(--color-white));--fg: hsl(var(--color-gray));position:fixed;inset:0;background:hsl(var(--color-white));padding:var(--gutters)}.intro.svelte-1jigriw h1:where(.svelte-1jigriw){display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;font-size:1.25em}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .part:where(.svelte-1jigriw){display:flex;align-items:center;justify-content:center;flex-basis:33.33%;transition:flex .5s cubic-bezier(.03,.71,.31,1);position:relative}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .part:where(.svelte-1jigriw) .sheet:where(.svelte-1jigriw){position:absolute;inset:0;width:80%;inset-inline-start:10%;background:var(--fg);border-radius:15lvh;z-index:-1}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .part:where(.svelte-1jigriw) .short:where(.svelte-1jigriw){opacity:0}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .part:where(.svelte-1jigriw) .full:where(.svelte-1jigriw){display:none}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw){display:flex;justify-content:space-between;flex-basis:var(--gutters);background:var(--fg);width:5%;margin-inline:auto;position:relative}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):before,.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):after{display:flex;content:"";width:var(--gutters);aspect-ratio:1;background:var(--bg);border-radius:50%}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):before{transform:translate(-50%)}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):after{transform:translate(50%)}.intro.isColorful.svelte-1jigriw{--fg: hsl( var(--color-base-l0-hsl, var(--intro-color)) )}@media(min-width:900px){.intro.svelte-1jigriw h1:where(.svelte-1jigriw){flex-direction:row}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .part:where(.svelte-1jigriw) .sheet:where(.svelte-1jigriw){border-radius:min(15lvw,18vh);height:50%;width:100%;inset-block-start:25%;inset-inline-start:0}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw){flex-direction:column;height:5%;margin-block:auto}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):before{transform:translateY(-50%)}.intro.svelte-1jigriw h1:where(.svelte-1jigriw) .divider:where(.svelte-1jigriw):after{transform:translateY(50%)}}
