.features-breakdown.svelte-1py98dc{display:flex;flex-direction:column;gap:3rem;padding-block-start:.75rem}.feature-container.svelte-1py98dc{container-type:inline-size;container-name:feature-container}.feature-item.svelte-1py98dc{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;@container (inline-size <= 800px){grid-template-columns:1fr 1fr}@container (inline-size <= 700px){grid-template-columns:1fr}&:not(.reverse){.feature-content:where(.svelte-1py98dc){@container (inline-size > 700px){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}}}&.reverse{direction:rtl;>:where(.svelte-1py98dc){direction:ltr}.feature-content:where(.svelte-1py98dc){@container (inline-size > 700px){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}}.feature-image-container:where(.svelte-1py98dc){svg{left:unset;right:1rem}}}}.feature-image-container.svelte-1py98dc{position:relative;grid-column:1 / 4;@container (inline-size <= 800px){grid-column:unset}.image:where(.svelte-1py98dc){position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--br-xl);overflow:clip;background:var(--shade7)}&:after{content:"";position:absolute;inset:0;border:1px solid var(--shade0);border-radius:var(--br-xl);pointer-events:none;opacity:1;mix-blend-mode:overlay;z-index:1}svg{position:absolute;top:1rem;left:1rem;background:var(--game-color);border-radius:var(--br);path{fill:var(--shade10)}}}.feature-image.svelte-1py98dc{width:100%;height:100%;object-fit:cover}.feature-image-blur.svelte-1py98dc{position:absolute;top:50%;left:50%;translate:-50% -50%;width:110%;height:110%;max-width:unset;object-fit:cover;filter:blur(35px);opacity:.35}.feature-content.svelte-1py98dc{grid-column:4 / 6;display:grid;grid-auto-rows:max-content;gap:.25rem;padding:2.5rem;background:var(--shade7);background:linear-gradient(45deg,var(--shade7),var(--shade6));border:1px solid var(--shade3-25);border-radius:var(--br-xl);@container (inline-size <= 900px){padding:1.5rem}@container (inline-size <= 800px){grid-column:unset}@container (inline-size <= 700px){padding-block:1rem;background:transparent;border:none}}.feature-title.svelte-1py98dc{color:var(--shade0);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.feature-description.svelte-1py98dc{color:var(--shade2)}.overlay-badge.svelte-1py98dc,.app-web-badge.svelte-1py98dc{display:inline-block;padding:.25rem .5rem;color:var(--c);background:color-mix(in hsl,var(--c) 15%,transparent);border-radius:var(--br-sm);font-size:.75rem;width:fit-content;margin-bottom:.5rem;@container (inline-size <= 800px){margin-bottom:0}}.overlay-badge.svelte-1py98dc{--c: var(--yellow)}.app-web-badge.svelte-1py98dc{--c: var(--lime)}