#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}}.interest-panel.svelte-4ah09e{view-transition-name:interest-panel;overflow:clip}.concealed-form.svelte-4ah09e{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:clip}::view-transition-group(interest-panel){border-radius:.5rem;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);overflow:clip}.interest-view-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}.interest-view-transition::view-transition-new(root){mix-blend-mode:normal;animation: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)}