.ph-home-kind-source{--ph-home-kind:var(--ph-color-kind-source);color:var(--ph-color-kind-source)}.ph-home-kind-effect{--ph-home-kind:var(--ph-color-kind-effect);color:var(--ph-color-kind-effect)}.ph-home-kind-spatial{--ph-home-kind:var(--ph-color-kind-spatial);color:var(--ph-color-kind-spatial)}.ph-home-kind-control{--ph-home-kind:var(--ph-color-kind-control);color:var(--ph-color-kind-control)}.ph-home-kind-output{--ph-home-kind:var(--ph-color-kind-output);color:var(--ph-color-kind-output)}.ph-home-template__art{width:100%;height:auto;display:block}.ph-home-fill-spatial{fill:var(--ph-color-kind-spatial)}.ph-home-fill-output{fill:var(--ph-color-kind-output)}.ph-home-fill-effect{fill:var(--ph-color-kind-effect)}.ph-home-fill-control{fill:var(--ph-color-kind-control)}.ph-home-fill-ink{fill:var(--ph-color-ink-primary)}.ph-home-fill-ink-secondary{fill:var(--ph-color-ink-secondary)}.ph-home-fill-source{fill:var(--ph-color-kind-source)}.ph-home-kind-ink-secondary{color:var(--ph-color-ink-secondary)}.ph-template-card--source{--ph-template-tone:var(--ph-color-kind-source)}.ph-template-card--effect{--ph-template-tone:var(--ph-color-kind-effect)}.ph-template-card--spatial{--ph-template-tone:var(--ph-color-kind-spatial)}.ph-template-card--control{--ph-template-tone:var(--ph-color-kind-control)}.ph-template-card--output{--ph-template-tone:var(--ph-color-kind-output)}.ph-template-card{height:100%;padding:var(--ph-spacing-scale-lg);border:thin solid color-mix(in srgb, var(--ph-template-tone) 28%, transparent);border-radius:var(--ph-radius-scale-card);background-color:color-mix(in srgb, var(--ph-template-tone) 10%, var(--ph-color-surface-canvas));flex-direction:column;display:flex}.ph-template-card__picture{border-radius:var(--ph-radius-scale-node);overflow:hidden}.ph-template-card__name{margin-top:var(--ph-spacing-scale-lg);font-family:var(--ph-type-family-display);font-size:calc(var(--ph-type-scale-heading-size) * 1.15);font-weight:var(--ph-type-scale-title-weight);line-height:var(--ph-type-scale-heading-line-height);letter-spacing:var(--ph-type-scale-title-tracking);color:var(--ph-color-ink-primary)}.ph-template-card__link{min-height:var(--ph-spacing-scale-xl);align-items:center;display:inline-flex}.ph-template-card__meta{margin-top:var(--ph-spacing-scale-xs);font-family:var(--ph-type-family-mono);font-size:var(--ph-type-scale-caption-size);color:var(--ph-color-ink-secondary)}
