#examples.svelte-3hz3n6{--col1:1fr;--col2:1fr;--col3:1fr;--row1:1fr;--row2:1fr;--row-large:3fr;--col-large:3fr;grid-template-columns:minmax(0, var(--col1)) minmax(0, var(--col2)) minmax(0, var(--col3));grid-template-rows:minmax(0, var(--row1)) minmax(0, var(--row2));height:clamp(18rem,50vw,42rem);transition:grid-template-columns .45s cubic-bezier(.22,1,.36,1),grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}#examples.svelte-3hz3n6 img:where(.svelte-3hz3n6){object-position:center top;min-width:0;min-height:0}@media (width<40rem){#examples.svelte-3hz3n6{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-template-rows:minmax(0,1fr);grid-template-columns:none;grid-auto-columns:85%;grid-auto-flow:column;width:100%;min-width:0;height:clamp(22rem,110vw,32rem);padding-bottom:.75rem;transition:none;overflow:auto hidden}#examples.svelte-3hz3n6 img:where(.svelte-3hz3n6){scroll-snap-align:start}}@media (width>=40rem) and (hover:hover) and (pointer:fine){#examples.svelte-3hz3n6:has(#ex1:where(.svelte-3hz3n6):hover,#ex4:where(.svelte-3hz3n6):hover){--col1:var(--col-large)}#examples.svelte-3hz3n6:has(#ex2:where(.svelte-3hz3n6):hover,#ex5:where(.svelte-3hz3n6):hover){--col2:var(--col-large)}#examples.svelte-3hz3n6:has(#ex3:where(.svelte-3hz3n6):hover,#ex6:where(.svelte-3hz3n6):hover){--col3:var(--col-large)}#examples.svelte-3hz3n6:has(#ex1:where(.svelte-3hz3n6):hover,#ex2:where(.svelte-3hz3n6):hover,#ex3:where(.svelte-3hz3n6):hover){--row1:var(--row-large)}#examples.svelte-3hz3n6:has(#ex4:where(.svelte-3hz3n6):hover,#ex5:where(.svelte-3hz3n6):hover,#ex6:where(.svelte-3hz3n6):hover){--row2:var(--row-large)}}@media (prefers-reduced-motion:reduce){#examples.svelte-3hz3n6{transition:none}}.home-page.svelte-1uha8ag{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}