.tab-content.svelte-i5p30p{grid-area:1/1/1/1}.carousel-arrow.svelte-i5p30p{border:thin solid var(--color-stroke);background:color-mix(in srgb, var(--color-surface) 80%, transparent);width:2.5rem;height:2.5rem;color:var(--color-foreground);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;transition:background-color .15s,color .15s;display:grid}.carousel-arrow.svelte-i5p30p:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.carousel-dot.svelte-i5p30p{background:var(--color-white);border:thin solid var(--color-stroke);width:.5rem;height:.5rem;transition:background-color .15s}.carousel-dot.is-active.svelte-i5p30p{background:var(--color-accent)}.showcase-description p+p{margin-top:1rem}.showcase-description a{text-decoration:underline}.showcase-description ul{margin-top:.5rem;padding-left:1.25rem;list-style:outside}.showcase-description h2,.showcase-description h3{text-transform:uppercase;margin-top:1rem;font-weight:500}.carousel-arrow path{stroke:currentColor}.showcase-description{--d:.1s}.tab-content a{--d:.15s}.tab-content.idle :is(.showcase-description,h3,a){animation:fade-out .3s ease both var(--d,0s)}.tab-content.active :is(.showcase-description,h3,a){animation:fade-in .3s ease both var(--d,0s)}
