@layer theme,base,pp.base,components;@layer pp.components{._root_17q4m_4{display:inline-flex}._status_17q4m_9{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer utilities;.wrap{max-width:var(--pp-size-container);padding-inline:var(--pp-space-inset-xl);margin-inline:auto}.section{padding-block:var(--pp-space-stack-3xl)}.skip{left:var(--pp-space-stack-lg);top:calc(var(--pp-space-stack-4xl) * -1);z-index:var(--pp-z-overlay);padding:var(--pp-space-inset-md) var(--pp-space-inset-lg);background-color:var(--pp-color-bg-surface);color:var(--pp-color-fg-default);position:absolute}.skip:focus{top:calc(var(--pp-space-stack-4xl) + var(--pp-space-stack-xl))}.site-header{justify-content:space-between;align-items:center;gap:var(--pp-space-stack-lg);padding-block:var(--pp-space-inset-xl);flex-wrap:wrap;display:flex}.site-header ul{gap:var(--pp-space-stack-xl);font-size:var(--pp-font-size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--pp-color-fg-muted);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--pp-color-fg-default)}.logo-link{text-decoration:none}.hero{--_grid:color-mix(in srgb, var(--pp-color-accent-default) calc(var(--pp-opacity-grid) * 100%), transparent);padding-block:var(--pp-space-stack-4xl);background-image:linear-gradient(var(--_grid) var(--pp-border-width-thin), transparent var(--pp-border-width-thin)), linear-gradient(90deg, var(--_grid) var(--pp-border-width-thin), transparent var(--pp-border-width-thin));background-size:var(--pp-space-grid) var(--pp-space-grid)}.hero h1{margin-block:var(--pp-space-stack-lg);font-size:clamp(var(--pp-font-size-2xl), 5.6vw, var(--pp-font-size-4xl));line-height:var(--pp-font-line-height-display)}.lead{color:var(--pp-color-fg-muted);font-size:var(--pp-font-size-lg)}.ctas,.row{align-items:center;gap:var(--pp-space-stack-lg);flex-wrap:wrap;display:flex}.ctas{margin-top:var(--pp-space-stack-xl)}.cards{gap:var(--pp-space-stack-xl);grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.card{align-content:start;gap:var(--pp-space-stack-sm);padding:var(--pp-space-inset-xl);display:grid}.type-rows{gap:var(--pp-space-stack-xl);display:grid}.type-row{gap:var(--pp-space-stack-xl);grid-template-columns:11rem 1fr;align-items:baseline;display:grid}.type-row>*{min-width:0}.sample-display{font-family:var(--pp-font-family-display);font-size:var(--pp-font-size-3xl);font-weight:var(--pp-font-weight-bold);letter-spacing:var(--pp-font-letter-spacing-display);line-height:var(--pp-font-line-height-display)}.sample-heading{font-family:var(--pp-font-family-display);font-size:var(--pp-font-size-xl);font-weight:var(--pp-font-weight-bold);line-height:var(--pp-font-line-height-heading)}.mono{font-family:var(--pp-font-family-mono);font-variant-numeric:tabular-nums}.scale{align-items:baseline;gap:var(--pp-space-stack-lg);flex-wrap:wrap;display:flex}.swatches{gap:var(--pp-space-stack-xl);margin:0 0 var(--pp-space-stack-2xl);grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));padding:0;list-style:none;display:grid}.swatch{gap:var(--pp-space-stack-xs);padding:var(--pp-space-inset-md);font-size:var(--pp-font-size-sm);display:grid}.chips{grid-template-columns:1fr 1fr;display:grid}.chips i{border:var(--pp-border-width-thin) solid var(--pp-color-border-default);height:3.75rem;display:block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:40rem;font-size:var(--pp-font-size-sm)}th,td{padding:var(--pp-space-inset-md);border-bottom:var(--pp-border-width-thin) solid var(--pp-color-border-default);text-align:left;vertical-align:top}code{padding:0 var(--pp-space-inset-xs);background-color:var(--pp-color-bg-surface)}.download-list{gap:var(--pp-space-stack-xl);margin:0 0 var(--pp-space-stack-2xl);grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));padding:0;list-style:none;display:grid}.download-list li{gap:var(--pp-space-stack-sm);padding:var(--pp-space-inset-lg);display:grid}.group-hint{color:var(--pp-color-fg-muted);font-size:var(--pp-font-size-sm);margin-top:0}.preview{height:7rem;padding:var(--pp-space-inset-md);border:var(--pp-border-width-pixel) solid var(--pp-color-border-default);background-color:var(--pp-color-bg-default);place-items:center;display:grid}.preview img{object-fit:contain;max-width:100%;max-height:5rem}.preview-pixel img{width:4rem;height:4rem;image-rendering:pixelated}.download-list-wide{grid-template-columns:repeat(auto-fill,minmax(min(24rem,100%),1fr))}.preview-wide{aspect-ratio:1200/630;height:auto;padding:0}.preview-wide img{width:100%;height:100%;max-height:none}.site-footer{justify-content:space-between;gap:var(--pp-space-stack-lg);padding-block:var(--pp-space-stack-3xl);color:var(--pp-color-fg-muted);flex-wrap:wrap;display:flex}@media (width<=47.5rem){.type-row{gap:var(--pp-space-stack-xs);grid-template-columns:1fr}}