.row.svelte-lqim7o{justify-content:center;align-items:center;gap:0}label.svelte-lqim7o{display:flex}.colors-and-preview.svelte-lqim7o{display:flex;flex-direction:column-reverse}.colors.svelte-lqim7o{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}label.color.svelte-lqim7o{display:flex;flex-direction:column}.lock.svelte-lqim7o{min-width:37px;text-align:center}@media (min-width: 1024px){.colors-and-preview.svelte-lqim7o{flex-direction:row;justify-content:center;gap:1em;margin-left:1em}.colors.svelte-lqim7o{flex-direction:column;justify-content:space-between}label.color.svelte-lqim7o{flex-direction:row;gap:1em}}.colorpicker.svelte-lqim7o{position:relative;outline:1px solid white;border-radius:4px;width:3.5em;height:2em;overflow:hidden}input[type=color].svelte-lqim7o{position:absolute;top:-5px;left:-5px;cursor:pointer;margin:0;border:none;background-color:transparent;padding:0;aspect-ratio:1 / 1;width:40em;height:50em}pre.svelte-lqim7o{border:1px solid var(--docs-border-color);border-radius:8px;background-color:var(--bg);padding:1em;overflow-x:auto;font-size:12px}pre.svelte-lqim7o .key:where(.svelte-lqim7o){padding-left:1em}pre.svelte-lqim7o .selector:where(.svelte-lqim7o){color:var(--green)}pre.svelte-lqim7o .value:where(.svelte-lqim7o){color:var(--blue)}