canvas.svelte-b0u6d1{width:100%;height:var(--color-bar-height, 6em);contain:strict}@media (min-width: 33rem){code.svelte-p2qkvi{white-space:nowrap}}td.svelte-p2qkvi{width:100%}.color-example.svelte-1sgq1rq{--color-example-pattern-size: .8rem;--color-example-pattern-color: var(--bg-300);display:flex;aspect-ratio:1;align-items:center}.foreground.svelte-1sgq1rq{display:block;width:100%;height:100%;text-align:center;font-size:var(--size-xs);forced-color-adjust:none}section.svelte-o66gxh{display:grid;gap:var(--space-4)}ol.svelte-o66gxh{display:grid;gap:var(--space-4)}ol.svelte-o66gxh>li:where(.svelte-o66gxh){display:grid;gap:var(--space-2)}ul.svelte-o66gxh{display:flex;gap:var(--space-2);flex-wrap:wrap}li.color.svelte-o66gxh{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-o66gxh.active{border-color:var(--accent)}.title.svelte-o66gxh{text-transform:capitalize}.specimen-wrapper.svelte-o66gxh{width:var(--space-6);background-color:var(--bg-600);color:var(--black)}.specimen-wrapper.svelte-o66gxh.is-light{text-shadow:1px 2px 0px var(--black);color:var(--white)}button.svelte-o66gxh{position:absolute;top:0;right:0;bottom:0;left:0}.group.svelte-kgvo2z{display:grid;gap:var(--space-4)}.sizes.svelte-19au5mj{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-19au5mj{border:1px solid var(--fg-500);display:flex;flex-direction:column;text-align:center}.size.svelte-19au5mj.active{border-color:var(--accent)}.example.svelte-19au5mj{color:var(--fg-300);font-weight:var(--font-medium);line-height:1.25;align-self:center;padding:var(--space-2)}code.svelte-19au5mj{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-1bqg2zu{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:var(--space-4);align-items:start;margin-block-start:var(--space-4)}.item.svelte-1bqg2zu{position:relative}.active.svelte-1bqg2zu:after{border:1px solid var(--accent);content:"";position:absolute;top:0;right:0;bottom:0;left:0}.gradient.svelte-1bqg2zu{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-1bqg2zu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--gradient, linear-gradient(0deg, transparent, transparent))}@media print{.list.svelte-1bqg2zu{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.item.svelte-1bqg2zu{border:1px solid;display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center}.gradient.svelte-1bqg2zu{height:auto;padding:0 var(--space-2);font-weight:var(--font-normal)}.gradient.svelte-1bqg2zu:before{display:none}}.code.svelte-1bqg2zu{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-pjn9s5{display:grid;gap:var(--space-4)}.radiuses.svelte-pjn9s5{display:flex;flex-wrap:wrap;gap:var(--space-4)}.radius.svelte-pjn9s5{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-pjn9s5:focus-within{border-color:var(--fg-200)}.active.svelte-pjn9s5,.active.svelte-pjn9s5:focus-within{border-color:var(--accent)}.example.svelte-pjn9s5{width:var(--space-12);height:var(--space-12);background-color:var(--bg-700)}button.svelte-pjn9s5{font-size:.1px;line-height:.1px;color:#0000;padding:0;border:0;outline:none;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;cursor:pointer}code.svelte-pjn9s5{color:var(--fg-300)}.count.svelte-pjn9s5{line-height:var(--leading-none)}.toolbar.svelte-ep5uvc{position:fixed;top:var(--space-4);right:var(--space-6)}.panel.svelte-ep5uvc{padding-block:var(--space-2);padding-inline:var(--space-3);width:100%;height:calc(100% - 6px);font-family:var(--font-mono)}.group.svelte-1k3isk9{display:grid;gap:var(--space-8)}@media (min-width: 66rem){.group.svelte-1k3isk9{gap:var(--space-16)}}