fieldset ._flex-item .item,fieldset .item{border:1px solid var(--accent);aspect-ratio:3/2;text-align:center;place-content:center}.toggler{grid-template-columns:2fr 1fr;grid-template-areas:"shared_options shared_options""grid_options flex_options""grid flex";margin-block-end:5vh;margin-inline:2rem;transition:grid-template-columns .5s ease-in-out,grid-template-areas .5s ease-in-out;container-type:inline-size}.toggler.show-grid{grid-template-columns:1fr 0fr;margin-inline:2rem 0}.toggler.show-flex{grid-template-columns:0fr 1fr;margin-inline:0 2rem}legend.svelte-10wuz7x{font-weight:700}fieldset.svelte-10wuz7x{transition-behavior:allow-discrete;flex-wrap:wrap;place-content:start;align-items:start;gap:1rem;display:flex}fieldset.svelte-10wuz7x#grid-example,fieldset.svelte-10wuz7x#flex-example{transition:scale .5s ease-in-out,opacity .5s ease-in-out,display .5s ease-in-out,translate .5s ease-in-out,overlay .5s ease-in-out;display:block}fieldset.svelte-10wuz7x#grid-options{opacity:1;transition-property:translate,opacity,display,overlay;transition-duration:.5s;transition-timing-function:ease-in-out;translate:0}fieldset.svelte-10wuz7x#grid-options.hide-grid{animation:.5s ease-in-out forwards svelte-10wuz7x-hide-left;display:none}fieldset.svelte-10wuz7x#flex-options{opacity:1;transition-property:translate,opacity,display,overlay;transition-duration:.5s;transition-timing-function:ease-in-out;translate:0}fieldset.svelte-10wuz7x#flex-options.hide-flex{animation:.5s ease-in-out forwards svelte-10wuz7x-hide-right;display:none}fieldset.svelte-10wuz7x>*{flex:max(50px,33% - 2rem)}@starting-style{#flex-example.svelte-10wuz7x{opacity:0;display:none;translate:100%;scale:0}#grid-example.svelte-10wuz7x{opacity:0;display:none;translate:-100%;scale:0}}@keyframes svelte-10wuz7x-hide-left{0%{opacity:1;translate:0;scale:1}to{opacity:0;translate:-100%;scale:0 1}}@keyframes svelte-10wuz7x-hide-right{0%{opacity:1;translate:0;scale:1}to{opacity:0;translate:100%;scale:0 1}}