@layer custom-components{.DeveloperFeatureRail.svelte-1gkoaz0{--feature-rail-ink: #faf7f0;--feature-rail-ink-muted: rgb(115 109 97);--feature-rail-body: rgb(196 193 186);--feature-rail-fade: .2s;display:flex;flex-direction:column;gap:var(--pwn-space-48);width:min(100% - 2 * var(--container-gutter, 8px),var(--container-max-width, 100%));margin-inline:auto;padding:var(--pwn-space-48) 12px;border-radius:var(--pwn-radius-card, 3rem);background-color:var(--pwn-color-light-black, #1a1a1a);color:var(--feature-rail-ink)}@media (min-width: 46.25rem){.DeveloperFeatureRail.svelte-1gkoaz0{min-height:70svh;padding:var(--pwn-space-40)}}@media (min-width: 64rem){.DeveloperFeatureRail.svelte-1gkoaz0{flex-direction:row;justify-content:space-between}}@media (prefers-reduced-motion: reduce){.DeveloperFeatureRail.svelte-1gkoaz0{--feature-rail-fade: 0s}}.DeveloperFeatureRail-rail.svelte-1gkoaz0{display:flex;flex-direction:column;justify-content:space-between;gap:var(--pwn-space-80)}@media (min-width: 46.25rem){.DeveloperFeatureRail-rail.svelte-1gkoaz0{padding-block:var(--pwn-space-48)}}@media (min-width: 64rem){.DeveloperFeatureRail-rail.svelte-1gkoaz0{flex:0 0 33.3333333333%}}.DeveloperFeatureRail-lead.svelte-1gkoaz0{display:flex;flex-direction:column;gap:var(--pwn-space-48)}@media (min-width: 46.25rem){.DeveloperFeatureRail-lead.svelte-1gkoaz0{gap:var(--pwn-space-64)}}.DeveloperFeatureRail-eyebrow.svelte-1gkoaz0{display:flex;align-items:center;gap:8px;margin:0;color:var(--feature-rail-ink);font-family:var(--pwn-font-family-mono, var(--text-font-family-mono));font-size:var(--pwn-text-eyebrow-size, 14px);font-weight:var(--pwn-text-eyebrow-weight, 700);line-height:var(--pwn-text-eyebrow-line-height, 20px);letter-spacing:var(--pwn-text-eyebrow-tracking, .08em);text-transform:uppercase}.DeveloperFeatureRail-eyebrow.svelte-1gkoaz0:before{content:"";flex-shrink:0;width:9px;height:9px;background-color:currentcolor}.DeveloperFeatureRail-list.svelte-1gkoaz0,.DeveloperFeatureRail-accordion.svelte-1gkoaz0{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.DeveloperFeatureRail-list.svelte-1gkoaz0>li:where(.svelte-1gkoaz0),.DeveloperFeatureRail-accordion.svelte-1gkoaz0>li:where(.svelte-1gkoaz0){margin:0;padding:0}.DeveloperFeatureRail-list.svelte-1gkoaz0{display:none;gap:var(--pwn-space-12)}@media (min-width: 46.25rem){.DeveloperFeatureRail-list.svelte-1gkoaz0{display:flex}}@media (min-width: 46.25rem){.DeveloperFeatureRail-accordion.svelte-1gkoaz0{display:none}}.DeveloperFeatureRail-item.svelte-1gkoaz0{display:block;padding:0;border:0;background:none;color:var(--feature-rail-ink-muted);font-family:var(--pwn-font-family-sans, var(--text-font-family-sans-serif));font-size:var(--pwn-text-400-size, 36px);font-weight:400;line-height:var(--pwn-text-400-line-height, 40px);letter-spacing:var(--pwn-text-400-tracking, -.04em);text-align:start;cursor:pointer;transition:color .2s ease}.DeveloperFeatureRail-item.svelte-1gkoaz0:hover,.DeveloperFeatureRail-item[aria-pressed=true].svelte-1gkoaz0,.DeveloperFeatureRail-item[aria-expanded=true].svelte-1gkoaz0{color:var(--feature-rail-ink)}.DeveloperFeatureRail-item.svelte-1gkoaz0:focus-visible{outline:2px solid var(--feature-rail-ink);outline-offset:4px}.DeveloperFeatureRail-accordion-head.svelte-1gkoaz0{width:100%;padding:var(--pwn-space-16) 0 var(--pwn-space-24)}.DeveloperFeatureRail-accordion-body.svelte-1gkoaz0{display:grid;margin:0;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .9s var(--pwn-easing-out-expo, ease-out),opacity .9s var(--pwn-easing-out-expo, ease-out),visibility .9s}.DeveloperFeatureRail-accordion-body.open.svelte-1gkoaz0{grid-template-rows:1fr;visibility:visible;opacity:1}@media (prefers-reduced-motion: reduce){.DeveloperFeatureRail-accordion-body.svelte-1gkoaz0{transition:none}}.DeveloperFeatureRail-accordion-inner.svelte-1gkoaz0{display:flex;flex-direction:column;min-height:0;overflow:hidden}.DeveloperFeatureRail-accordion-inner.svelte-1gkoaz0>:where(.svelte-1gkoaz0):last-child{margin-bottom:var(--pwn-space-40)}.DeveloperFeatureRail-accordion-media.svelte-1gkoaz0{flex-shrink:0;margin-top:8px;margin-bottom:var(--pwn-space-24);aspect-ratio:1}.DeveloperFeatureRail-accordion-inner.svelte-1gkoaz0 .DeveloperFeatureRail-progress:where(.svelte-1gkoaz0){margin-bottom:var(--pwn-space-16)}.DeveloperFeatureRail-accordion-inner.svelte-1gkoaz0 .DeveloperFeatureRail-body:where(.svelte-1gkoaz0){margin-bottom:var(--pwn-space-12)}.DeveloperFeatureRail-detail.svelte-1gkoaz0{display:none;flex-direction:column;gap:var(--pwn-space-16);max-width:38ch}@media (min-width: 46.25rem){.DeveloperFeatureRail-detail.svelte-1gkoaz0{display:flex}}.DeveloperFeatureRail-copy.svelte-1gkoaz0{display:flex;flex-direction:column;gap:var(--pwn-space-12)}.DeveloperFeatureRail-progress.svelte-1gkoaz0{display:block;flex-shrink:0;height:1px;overflow:hidden;background-color:#ffffff29}.DeveloperFeatureRail-progress-fill.svelte-1gkoaz0{display:block;height:100%;background-color:var(--pwn-color-white, #fff);transform:scaleX(0);transform-origin:left}.DeveloperFeatureRail-progress-fill.running.svelte-1gkoaz0{animation:svelte-1gkoaz0-DeveloperFeatureRail-fill linear forwards}.DeveloperFeatureRail-bodies.svelte-1gkoaz0{display:grid}.DeveloperFeatureRail-bodies.svelte-1gkoaz0>.DeveloperFeatureRail-body:where(.svelte-1gkoaz0){grid-area:1/1;visibility:hidden;opacity:0;transition:opacity var(--feature-rail-fade) ease,visibility var(--feature-rail-fade)}.DeveloperFeatureRail-bodies.svelte-1gkoaz0>.DeveloperFeatureRail-body.active:where(.svelte-1gkoaz0){visibility:visible;opacity:1}.DeveloperFeatureRail-body.svelte-1gkoaz0{margin:0;color:var(--feature-rail-body);font-size:var(--pwn-text-100-size, 15px);line-height:var(--pwn-text-100-line-height, 22px)}.DeveloperFeatureRail-cta.svelte-1gkoaz0{align-self:flex-start;color:var(--feature-rail-body);font-size:var(--pwn-text-100-size, 15px);font-weight:400;line-height:var(--pwn-text-100-line-height, 22px);text-decoration:underline;text-underline-offset:.3em}.DeveloperFeatureRail-cta.svelte-1gkoaz0:hover{color:var(--feature-rail-ink)}.DeveloperFeatureRail-cta.svelte-1gkoaz0:focus-visible{outline:2px solid var(--feature-rail-ink);outline-offset:2px}.DeveloperFeatureRail-media.svelte-1gkoaz0{position:relative;overflow:hidden;border-radius:var(--pwn-radius-lg, 2.4rem);background-color:#ffffff0f}.DeveloperFeatureRail-media.svelte-1gkoaz0 :is(.AproposImageComponent,.ResponsiveImagePartial,picture){height:100%}.DeveloperFeatureRail-media.svelte-1gkoaz0 img{width:100%;height:100%;object-fit:cover}.DeveloperFeatureRail-media.svelte-1gkoaz0 .DeveloperAppTile{height:100%;aspect-ratio:auto;border-radius:0}.DeveloperFeatureRail-stage.svelte-1gkoaz0{display:none}@media (min-width: 46.25rem){.DeveloperFeatureRail-stage.svelte-1gkoaz0{display:block;aspect-ratio:4/3}}@media (min-width: 64rem){.DeveloperFeatureRail-stage.svelte-1gkoaz0{flex:0 0 50%;min-height:78svh;aspect-ratio:auto}}.DeveloperFeatureRail-slide.svelte-1gkoaz0{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--feature-rail-fade) ease}.DeveloperFeatureRail-slide.active.svelte-1gkoaz0{opacity:1}@keyframes svelte-1gkoaz0-DeveloperFeatureRail-fill{to{transform:scaleX(1)}}}
