И похожий вопрос: блок styles должен быть только один в

Question

Svelte [svelt] - All about Svelte JavaScript framework.

И похожий вопрос: блок styles должен быть только один в

компоненте? Я не могу переключать несколько вариантов <styles> через какие-нибудь условия?
<style>
.stack {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
</style>

{#if recursive}
<style>
.stack * {
margin-top: 0;
margin-bottom: 0;
}

.stack * + * {
margin-top: var(--space);
}
</style>
{:else}
<style>
.stack > * {
margin-top: 0;
margin-bottom: 0;
}

.stack > * + * {
margin-top: var(--space);
}
</style>
{/if}