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);display:flex;aspect-ratio:1;align-items:center}.foreground.svelte-vrjwnh{display:block;width:100%;height:100%;text-align:center;font-size:var(--size-xs);forced-color-adjust:none}section.svelte-4vuw2v{display:grid;gap:var(--space-4)}ol.svelte-4vuw2v{display:grid;gap:var(--space-4)}ol.svelte-4vuw2v>li:where(.svelte-4vuw2v){display:grid;gap:var(--space-2)}ul.svelte-4vuw2v{display:flex;gap:var(--space-2);flex-wrap:wrap}li.color.svelte-4vuw2v{background-color:light-dark(var(--bg-200),var(--bg-300));display:flex;align-items:center;gap:var(--space-3);position:relative;border:1px solid transparent;padding-inline-end:var(--space-2)}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{display:grid;gap:var(--space-4)}.sizes.svelte-kqqazh{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);align-items:end;overflow:hidden;container-type:inline-size}.size.svelte-kqqazh{border:1px solid var(--fg-500);display:flex;flex-direction:column;text-align:center}.size.svelte-kqqazh.active{border-color:var(--accent)}.example.svelte-kqqazh{color:var(--fg-300);font-weight:var(--font-medium);line-height:1.25;align-self:center;padding:var(--space-2)}code.svelte-kqqazh{display:block;border-block-width:1px;border-style:solid;border-color:var(--fg-600);padding-block:var(--space-1);padding-inline:var(--space-1)}.list.svelte-113zmzs{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4);align-items:start;margin-block-start:var(--space-4)}.item.svelte-113zmzs{position:relative}.active.svelte-113zmzs:after{border:1px solid var(--accent);content:"";position:absolute;inset:0}.gradient.svelte-113zmzs{position:relative;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}.gradient.svelte-113zmzs:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--gradient, linear-gradient(0deg, transparent, transparent))}@media print{.list.svelte-113zmzs{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.item.svelte-113zmzs{border:1px solid;display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center}.gradient.svelte-113zmzs{height:auto;padding:0 var(--space-2);font-weight:var(--font-normal)}.gradient.svelte-113zmzs:before{display:none}}.code.svelte-113zmzs{position:relative;display:block;padding:var(--space-1) var(--space-2);font-size:smaller;background-color:var(--bg-400);color:var(--fg-200);word-break:break-word}.group.svelte-6wglwy{display:grid;gap:var(--space-4)}.radiuses.svelte-6wglwy{display:flex;flex-wrap:wrap;gap:var(--space-4)}.radius.svelte-6wglwy{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--fg-500)}.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{font-size:.1px;line-height:.1px;color:#0000;padding:0;border:0;outline:none;position:absolute;inset:0;height:100%;width:100%;cursor:pointer}code.svelte-6wglwy{color:var(--fg-300)}.count.svelte-6wglwy{line-height:var(--leading-none)}.toolbar.svelte-1nxqnb1{position:fixed;top:var(--space-4);right:var(--space-6)}.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{display:grid;gap:var(--space-8)}@media (min-width: 66rem){.group.svelte-4ftkdt{gap:var(--space-16)}}