.color-cards:where(.astro-hapnzvyc){grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.cc-card:where(.astro-hapnzvyc){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.cc-swatch:where(.astro-hapnzvyc){aspect-ratio:3/2;width:100%;display:block;box-shadow:inset 0 0 0 1px #0000000a}.cc-meta:where(.astro-hapnzvyc){flex-direction:column;padding:.75rem .85rem .9rem;display:flex}.cc-name:where(.astro-hapnzvyc){color:var(--sl-color-white);font-size:1.0625rem;font-weight:700}code:where(.astro-hapnzvyc).cc-var,code:where(.astro-hapnzvyc).cc-hex{font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);word-break:break-word;background:0 0;border:0;border-radius:0;padding:0;font-size:.8125rem}code:where(.astro-hapnzvyc).cc-var{margin-top:.55rem}code:where(.astro-hapnzvyc).cc-hex{margin-top:.35rem}.surface-list:where(.astro-zkhrwpl3){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:1rem;margin:1.5rem 0;padding:.15rem 1.25rem}.sf-row:where(.astro-zkhrwpl3){border-top:1px solid var(--sl-color-gray-6,var(--sl-color-gray-5));grid-template-columns:72px minmax(0,1fr) 9rem 5rem;align-items:center;gap:1rem 1.25rem;padding:.6rem 0;display:grid}.sf-row:where(.astro-zkhrwpl3):first-child{border-top:0}.sf-swatch:where(.astro-zkhrwpl3){border-radius:.5rem;width:72px;height:32px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.sf-name:where(.astro-zkhrwpl3){color:var(--sl-color-white);min-width:0;font-size:.9375rem;font-weight:600}.sf-token:where(.astro-zkhrwpl3),.sf-val:where(.astro-zkhrwpl3){font-family:var(--sl-font-mono), ui-monospace, monospace;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.8125rem}.sf-token:where(.astro-zkhrwpl3){color:var(--sl-color-gray-4);text-align:left;justify-self:start}.sf-val:where(.astro-zkhrwpl3){color:var(--sl-color-gray-3);text-align:right;justify-self:end}@media (width<=600px){.sf-row:where(.astro-zkhrwpl3){grid-template-columns:56px minmax(0,1fr) auto;gap:.6rem .9rem}.sf-swatch:where(.astro-zkhrwpl3){width:56px;height:28px}.sf-token:where(.astro-zkhrwpl3){display:none}}.status-cards:where(.astro-q5he7ldi){grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.st-card:where(.astro-q5he7ldi){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:1rem;flex-direction:column;gap:.4rem;padding:1.25rem 1.25rem 1.1rem;display:flex;box-shadow:0 1px 3px #0000000f}.st-badges:where(.astro-q5he7ldi){flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem;display:flex}.st-badge:where(.astro-q5he7ldi){color:#fff;border-radius:999px;align-items:center;padding:.35rem .95rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.st-cls:where(.astro-q5he7ldi){color:var(--sl-color-white);background:0 0;border:0;padding:0;font-size:1rem;font-weight:700}.st-uses:where(.astro-q5he7ldi){color:var(--sl-color-gray-3);font-size:.8125rem}.st-hex:where(.astro-q5he7ldi){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);background:0 0;border:0;padding:0;font-size:.8125rem}.type-families:where(.astro-25oa23ul){flex-direction:column;gap:.375rem;margin:.75rem 0;display:flex}.type-families:where(.astro-25oa23ul)>:where(.astro-25oa23ul){margin-top:0!important}.tf-card:where(.astro-25oa23ul){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;grid-template-columns:140px 1fr 240px;align-items:center;gap:1.5rem;min-height:92px;padding:.75rem 1.25rem;display:grid;box-shadow:0 1px 2px #0000000a}@media (width<=860px){.tf-card:where(.astro-25oa23ul){grid-template-columns:1fr;gap:.75rem;padding:1rem}.tf-use-info:where(.astro-25oa23ul){border-top:1px dashed var(--sl-color-gray-6);padding-top:.75rem;border-left:none!important;padding-left:0!important}}.tf-meta:where(.astro-25oa23ul){flex-direction:column;flex-shrink:0;align-self:center;gap:.15rem;display:flex}.tf-label:where(.astro-25oa23ul){text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3);font-size:.625rem;font-weight:600}.tf-name:where(.astro-25oa23ul){color:var(--sl-color-white);font-size:1rem;font-weight:700}.tf-sans-preview:where(.astro-25oa23ul){font-family:var(--sl-font-sans);flex-direction:column;align-self:center;gap:.05rem;display:flex}.tf-title-preview:where(.astro-25oa23ul){letter-spacing:-.02em;color:var(--sl-color-white);font-size:1.375rem;font-weight:700;line-height:1.15}.tf-desc-preview:where(.astro-25oa23ul){color:var(--sl-color-gray-3);font-size:.875rem;font-weight:400;line-height:1.35}.tf-mono-preview:where(.astro-25oa23ul){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-white);align-self:center;font-size:.8125rem}.tf-brand:where(.astro-25oa23ul){font-family:"Manrope", var(--sl-font-sans), sans-serif;letter-spacing:-.02em;color:var(--sl-color-white);align-self:center;font-size:1.375rem;font-weight:800;line-height:1.05}.tf-use-info:where(.astro-25oa23ul){color:var(--sl-color-gray-3);border-left:1px solid var(--sl-color-gray-6);align-self:center;align-items:center;padding-left:1.25rem;font-size:.8125rem;line-height:1.4;display:flex}.type-scale:where(.astro-mdgzvsea){grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.type-scale:where(.astro-mdgzvsea)>:where(.astro-mdgzvsea){margin-top:0!important}@media (width<=768px){.type-scale:where(.astro-mdgzvsea){grid-template-columns:1fr}}.ts-card:where(.astro-mdgzvsea){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:1.25rem;min-height:140px;padding:1.15rem 1.25rem;display:flex}.ts-header:where(.astro-mdgzvsea){border-bottom:1px dashed var(--sl-color-gray-6);justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.ts-tag:where(.astro-mdgzvsea){text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3);font-size:.625rem;font-weight:600}.ts-spec:where(.astro-mdgzvsea){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);font-size:.6875rem}.ts-preview:where(.astro-mdgzvsea){font-family:var(--sl-font-sans);color:var(--sl-color-white)}.display-title:where(.astro-mdgzvsea){letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:2.5rem}.page-title:where(.astro-mdgzvsea){letter-spacing:-.02em;font-size:1.875rem;font-weight:800;line-height:2.25rem}.section-title:where(.astro-mdgzvsea){font-size:1.125rem;font-weight:700;line-height:1.75rem}.card-heading:where(.astro-mdgzvsea){font-size:1rem;font-weight:600;line-height:1.5rem}.body-text:where(.astro-mdgzvsea){color:var(--sl-color-gray-2);font-size:.875rem;font-weight:400;line-height:1.25rem}.meta-text:where(.astro-mdgzvsea){color:var(--sl-color-gray-3);font-size:.875rem;font-weight:500;line-height:1.25rem}.label-text:where(.astro-mdgzvsea){color:var(--sl-color-gray-2);font-size:.875rem;font-weight:500;line-height:.875rem}.caption-text:where(.astro-mdgzvsea){color:var(--sl-color-gray-3);font-size:.75rem;font-weight:400;line-height:1rem}.icon-gallery:where(.astro-au6thghm){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1.5rem 0;padding:1.5rem 1.25rem}.icon-gallery:where(.astro-au6thghm)>:where(.astro-au6thghm){margin-top:0!important}.icon-grid:where(.astro-au6thghm){grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1.5rem 1rem;display:grid}.icon-grid:where(.astro-au6thghm)>:where(.astro-au6thghm){margin-top:0!important}.icon-item:where(.astro-au6thghm){color:var(--sl-color-text);flex-direction:column;align-items:center;gap:.55rem;display:flex}.icon-label:where(.astro-au6thghm){font-family:var(--sl-font-mono), ui-monospace, monospace;opacity:.75;font-size:.75rem}