@layer components{.pw-sg-feature,.pw-sg-feature>*,.pw-sg-feature__home,.pw-sg-navigation,.pw-sg-feature__catalog,.pw-sg-feature__catalog-landing,.pw-sg-feature__columns{min-inline-size:0}.pw-sg-feature__columns>*{flex:20rem;min-inline-size:min(100%,20rem)}.pw-sg-feature__catalog-surface{box-shadow:var(--shadow-l)}.pw-sg-feature__catalog-surface:hover{box-shadow:var(--shadow-l);transform:none}.pw-sg-feature__catalog-intro{align-items:center;gap:var(--space-component-padding-m);box-shadow:none;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);padding:0}.pw-sg-feature__catalog-intro>[aria-hidden=true]{inline-size:var(--size-16,4rem);block-size:var(--size-16,4rem);border:var(--border-divider) solid var(--color-border-subtle);background:var(--color-decorative-emerald-surface);box-shadow:var(--shadow-s);color:var(--color-decorative-emerald-icon)}.pw-sg-feature__catalog-intro>[data-empty-state-part=copy]{align-self:center}.pw-sg-feature__catalog-index{gap:var(--space-component-padding-m);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}.pw-sg-feature__catalog-index-header{inline-size:100%;min-inline-size:0}.pw-sg-feature__catalog-index-header>:first-child{flex:auto;min-inline-size:0}.pw-sg-feature__catalog-view{inline-size:var(--mobile-touch-target-minimum);block-size:var(--mobile-touch-target-minimum);border:var(--border-divider) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-surface-raised);box-shadow:var(--shadow-s);color:var(--color-brand-primary-default);flex:none;justify-content:center;align-items:center;display:inline-flex}.pw-sg-feature__package-grid{gap:var(--space-component-padding-base);grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));inline-size:100%;min-inline-size:0;display:grid}[data-component=card-action].pw-sg-feature__package-card{inline-size:100%;min-inline-size:0;min-block-size:var(--size-28,7rem);justify-content:stretch;align-items:center;gap:var(--space-component-padding-base);padding:var(--space-component-padding-m);border:var(--border-divider) solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface-raised);box-shadow:var(--shadow-s);color:var(--color-text-default);font:inherit;font-weight:inherit;line-height:var(--typography-body-base-line-height);text-align:start;overflow-wrap:anywhere;transition:border-color var(--motion-safe-duration-fast) var(--motion-view-transition-easing-enter), box-shadow var(--motion-safe-duration-fast) var(--motion-view-transition-easing-enter), transform var(--motion-safe-duration-fast) var(--motion-view-transition-easing-enter);grid-template-columns:auto minmax(0,1fr);display:grid}.pw-sg-feature__package-icon{inline-size:var(--size-14,3.5rem);block-size:var(--size-14,3.5rem);border:var(--border-divider) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-decorative-emerald-surface);box-shadow:var(--shadow-s);color:var(--color-decorative-emerald-icon);justify-content:center;align-items:center;display:inline-flex}.pw-sg-feature__package-copy{align-content:center;gap:var(--space-component-gap-xs);min-inline-size:0;display:grid}[data-component=card-action].pw-sg-feature__package-card strong,.pw-sg-feature__artifact-action strong{color:var(--color-text-default);font-weight:var(--typography-heading-h6-font-weight)}[data-component=card-action].pw-sg-feature__package-card small,.pw-sg-feature__artifact-action small{color:var(--color-text-muted);font-size:var(--typography-label-base-font-size);line-height:var(--typography-body-base-line-height)}.pw-sg-feature__artifact-action{align-content:start;justify-items:start;gap:var(--space-component-gap-xs);inline-size:100%;min-inline-size:0;padding:var(--space-component-padding-m);border:var(--border-divider) solid var(--color-border-muted);border-radius:var(--radius-2xl);background:var(--color-surface-base);box-shadow:var(--shadow-s);color:var(--color-text-default);font:inherit;line-height:var(--typography-body-base-line-height);text-align:start;overflow-wrap:anywhere;display:grid}@media (hover:hover) and (pointer:fine){[data-component=card-action].pw-sg-feature__package-card:hover{border-color:var(--color-border-interactive-default,var(--color-brand-primary-default));background:var(--color-surface-raised);box-shadow:var(--shadow-m);transform:translateY(-2px)}.pw-sg-feature__artifact-action:hover{border-color:var(--color-border-default);background:var(--color-surface-raised)}}[data-component=card-action].pw-sg-feature__package-card:active{box-shadow:var(--shadow-s);transform:translateY(0)scale(.99)}[data-component=card-action].pw-sg-feature__package-card[aria-pressed=true],.pw-sg-feature__artifact-action[aria-pressed=true]{border-color:var(--color-interactive-default);background:var(--color-interactive-subtle-default);color:var(--color-text-default)}.pw-sg-feature__artifact-list{overscroll-behavior:contain;min-block-size:0;max-block-size:680px;overflow:auto}.pw-sg-feature__artifact-card{min-inline-size:0}.pw-sg-feature__toolbar{inline-size:100%;min-inline-size:0}.pw-sg-feature__toolbar>[data-component=input],.pw-sg-feature__toolbar>.pw-sg-feature__field{flex:16rem;min-inline-size:min(100%,16rem)}.pw-sg-feature__field{min-inline-size:0}.pw-sg-feature__field-label{color:var(--color-text-default);font-size:var(--typography-label-base-font-size);font-weight:var(--typography-label-base-font-weight)}.pw-sg-feature__component-table{overscroll-behavior:contain;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.pw-sg-feature__component-table-header,.pw-sg-feature__component-row{gap:var(--space-component-gap-s);grid-template-columns:minmax(260px,1.2fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(220px,1fr) minmax(120px,.6fr);min-inline-size:940px;display:grid}.pw-sg-feature__component-table-header{padding:var(--space-component-padding-s) var(--space-component-padding-m);color:var(--color-interactive-default);font-size:var(--typography-label-base-font-size)}.pw-sg-feature__component-row{text-align:start}.pw-sg-feature__component-row>span{align-content:start;gap:var(--space-component-gap-xs);min-inline-size:0;display:grid}.pw-sg-feature__component-row>span small{color:var(--color-text-muted)}.pw-sg-feature__preformatted{white-space:pre-wrap;overflow-wrap:anywhere}.pw-sg-feature__preview-frame{text-align:center;justify-content:center;align-items:center;min-block-size:280px;overflow:hidden}.pw-sg-feature__preview-iframe{border-radius:var(--radius-xl);background:var(--color-surface-base);border:0;min-block-size:280px;inline-size:100%}.pw-sg-feature__preview-empty{color:var(--color-text-muted)}.pw-sg-feature__storybook-preview-heading{flex:auto}@media (width<=720px){.pw-sg-feature__catalog-intro,.pw-sg-feature__catalog-index{gap:var(--space-component-padding-base)}.pw-sg-feature__toolbar>[data-component=input],.pw-sg-feature__toolbar>.pw-sg-feature__field{flex-basis:100%}.pw-sg-feature__component-table-header,.pw-sg-feature__component-row{grid-template-columns:minmax(220px,1.2fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(180px,1fr) minmax(120px,.6fr)}}@media (width<=420px){.pw-sg-feature__catalog-intro{grid-template-columns:minmax(0,1fr)}[data-component=card-action].pw-sg-feature__package-card{gap:var(--space-component-padding-s);padding:var(--space-component-padding-base)}}@media (prefers-reduced-motion:reduce){[data-component=card-action].pw-sg-feature__package-card{transition-duration:.01ms}}@media (forced-colors:active){.pw-sg-feature__catalog-intro,.pw-sg-feature__catalog-surface,.pw-sg-feature__catalog-view,.pw-sg-feature__package-card,.pw-sg-feature__package-icon{color:canvastext;box-shadow:none;background:canvas;border-color:buttontext}}}