canvas.svelte-u892l4{width:100%;height:var(--color-bar-height,6em);contain:strict}@media (min-width:33rem){code.svelte-5tsuzj{white-space:nowrap}}td.svelte-5tsuzj{width:100%}.color-example.svelte-vrjwnh{--color-example-pattern-size:.8rem;--color-example-pattern-color:var(--bg-300);aspect-ratio:1;align-items:center;display:flex}.foreground.svelte-vrjwnh{text-align:center;width:100%;height:100%;font-size:var(--size-xs);forced-color-adjust:none;display:block}section.svelte-4vuw2v{gap:var(--space-4);display:grid}ol.svelte-4vuw2v{gap:var(--space-4);display:grid}ol.svelte-4vuw2v>li:where(.svelte-4vuw2v){gap:var(--space-2);display:grid}ul.svelte-4vuw2v{gap:var(--space-2);flex-wrap:wrap;display:flex}li.color.svelte-4vuw2v{background-color:var(--lightningcss-light,var(--bg-200))var(--lightningcss-dark,var(--bg-300));align-items:center;gap:var(--space-3);border:1px solid #0000;padding-inline-end:var(--space-2);display:flex;position:relative}li.color.svelte-4vuw2v.active{border-color:var(--accent)}.title.svelte-4vuw2v{text-transform:capitalize}.specimen-wrapper.svelte-4vuw2v{width:var(--space-6);background-color:var(--bg-600);color:var(--black)}.specimen-wrapper.svelte-4vuw2v.is-light{text-shadow:1px 2px 0px var(--black);color:var(--white)}button.svelte-4vuw2v{position:absolute;inset:0}.group.svelte-5wxhlk{gap:var(--space-4);display:grid}.sizes.svelte-kqqazh{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;align-items:end;display:flex;overflow:hidden;container-type:inline-size}.size.svelte-kqqazh{border:1px solid var(--fg-500);text-align:center;flex-direction:column;display:flex}.size.svelte-kqqazh.active{border-color:var(--accent)}.example.svelte-kqqazh{color:var(--fg-300);font-weight:var(--font-medium);padding:var(--space-2);align-self:center;line-height:1.25}code.svelte-kqqazh{border-block-width:1px;border-style:solid;border-color:var(--fg-600);padding-block:var(--space-1);padding-inline:var(--space-1);display:block}.list.svelte-113zmzs{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:start;margin-block-start:var(--space-4);display:grid}.item.svelte-113zmzs{position:relative}.active.svelte-113zmzs:after{border:1px solid var(--accent);content:"";position:absolute;inset:0}.gradient.svelte-113zmzs{height:var(--space-32);padding:var(--space-2);text-shadow:0 .05rem .05rem var(--black);color:var(--fg-100);font-weight:var(--font-bold);contain:strict;position:relative}.gradient.svelte-113zmzs:before{content:"";z-index:-1;background-image:var(--gradient,linear-gradient(0deg,transparent,transparent));position:absolute;inset:0}@media print{.list.svelte-113zmzs{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.item.svelte-113zmzs{border:1px solid;grid-template-columns:4rem minmax(0,1fr);align-items:center;display:grid}.gradient.svelte-113zmzs{height:auto;padding:0 var(--space-2);font-weight:var(--font-normal)}.gradient.svelte-113zmzs:before{display:none}}.code.svelte-113zmzs{padding:var(--space-1)var(--space-2);background-color:var(--bg-400);color:var(--fg-200);word-break:break-word;font-size:smaller;display:block;position:relative}.group.svelte-6wglwy{gap:var(--space-4);display:grid}.radiuses.svelte-6wglwy{gap:var(--space-4);flex-wrap:wrap;display:flex}.radius.svelte-6wglwy{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--fg-500);flex-direction:column;display:flex;position:relative}.radius.svelte-6wglwy:focus-within{border-color:var(--fg-200)}.active.svelte-6wglwy,.active.svelte-6wglwy:focus-within{border-color:var(--accent)}.example.svelte-6wglwy{width:var(--space-12);height:var(--space-12);background-color:var(--bg-700)}button.svelte-6wglwy{color:#0000;cursor:pointer;border:0;outline:none;width:100%;height:100%;padding:0;font-size:.1px;line-height:.1px;position:absolute;inset:0}code.svelte-6wglwy{color:var(--fg-300)}.count.svelte-6wglwy{line-height:var(--leading-none)}.toolbar.svelte-1nxqnb1{top:var(--space-4);right:var(--space-6);position:fixed}.panel.svelte-1nxqnb1{padding-block:var(--space-2);padding-inline:var(--space-3);width:100%;height:calc(100% - 6px);font-family:var(--font-mono)}.group.svelte-4ftkdt{gap:var(--space-8);display:grid}@media (min-width:66rem){.group.svelte-4ftkdt{gap:var(--space-16)}}