.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk){display:flex;flex-flow:row wrap;align-items:center;margin-bottom:3rem;font-size:1.2rem}@media (min-width: 40rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk){background-color:var(--color-overlay)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk):focus-within .label-text:where(.svelte-17j6tsk){border-bottom-color:var(--color-primary)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk) .label-text:where(.svelte-17j6tsk){padding:.4rem 0 .4rem 1rem;border-bottom:.125rem solid var(--color-border);color:var(--color-text-muted)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk) .input:where(.svelte-17j6tsk){flex:1;max-width:100%}}@media (max-width: 39.9375rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk) .label-text:where(.svelte-17j6tsk){font-weight:600;padding-bottom:1rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .preview-text:where(.svelte-17j6tsk) .input:where(.svelte-17j6tsk){max-width:100%}}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk){list-style:none;padding:0;margin:0}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk){margin-bottom:2.5rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk){padding-block:.5rem 1.2rem;padding-inline:0;overflow:hidden}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk)::details-content{font-size:var(--font-size-m);block-size:0;transition:block-size .25s ease,content-visibility .25s ease;transition-behavior:allow-discrete}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details[open]:where(.svelte-17j6tsk)::details-content{block-size:auto}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk){cursor:pointer}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk)::marker{color:inherit}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk):hover::marker,.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk):focus-visible::marker{color:var(--color-primary)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk){display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:1rem;margin-left:.5rem;width:calc(100% - 2.5rem)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-name:where(.svelte-17j6tsk){font-weight:600}@media (min-width: 40rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-name:where(.svelte-17j6tsk){font-size:1.3rem}}@media (max-width: 39.9375rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-name:where(.svelte-17j6tsk){font-size:1.3rem}}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk){display:inline-flex;flex-flow:row wrap;gap:.5rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk){padding-inline:.5rem;padding-block:.4rem;transition:background-color .1s ease,color .1s ease}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk):has(input:where(.svelte-17j6tsk):checked),.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk):hover,.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk):focus-within{background-color:var(--color-text);color:var(--color-background)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk):has(input:where(.svelte-17j6tsk):checked):before{background-color:var(--color-primary)}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .italic:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk) .icon:where(.svelte-17j6tsk){font-size:1.3rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .weight:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk){padding:0}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-summary:where(.svelte-17j6tsk) .font-meta:where(.svelte-17j6tsk) .font-controls:where(.svelte-17j6tsk) .weight:where(.svelte-17j6tsk) .button:where(.svelte-17j6tsk) select:where(.svelte-17j6tsk){appearance:none;padding-block:.4rem;padding-inline:.8rem 1.5rem;background-color:transparent;color:var(--color-text);border:0;font-size:1rem;line-height:1.3;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk){padding-block:1rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-links:where(.svelte-17j6tsk){display:flex;flex-flow:row wrap;gap:.5rem;margin-bottom:1.5rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk){display:inline-flex;gap:1.2rem}@media (min-width: 40rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk){flex-flow:row nowrap;align-items:center}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk) .prefix-config:where(.svelte-17j6tsk){flex-flow:row nowrap;align-items:center}}@media (max-width: 39.9375rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk){flex-flow:column nowrap;align-items:flex-start}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk) .prefix-config:where(.svelte-17j6tsk){flex-flow:column nowrap;align-items:flex-start}}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk) .prefix-config:where(.svelte-17j6tsk){display:inline-flex;gap:.5rem}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk) .prefix-config:where(.svelte-17j6tsk) .label:where(.svelte-17j6tsk){white-space:nowrap;font-weight:600}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .font-css:where(.svelte-17j6tsk) .css-copy:where(.svelte-17j6tsk){white-space:nowrap}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-details:where(.svelte-17j6tsk) .font-description:where(.svelte-17j6tsk) .sample-css:where(.svelte-17j6tsk){background-color:var(--color-overlay);font-size:1rem;text-wrap:auto}.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-preview:where(.svelte-17j6tsk){min-height:5rem;padding:.5rem 1rem;display:flex;align-items:center;border-left:.25rem solid var(--color-border);background-color:var(--color-overlay)}@media (min-width: 60rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-preview:where(.svelte-17j6tsk){font-size:1.4em}}@media (max-width: 59.9375rem){.resource.svelte-17j6tsk .font-viewer:where(.svelte-17j6tsk) .font-list:where(.svelte-17j6tsk) .font-item:where(.svelte-17j6tsk) .font-preview:where(.svelte-17j6tsk){font-size:1.2em}}