.color-picker.svelte-1me2rsl{display:grid;gap:.65rem;overflow:visible}.color-copy.svelte-1me2rsl{display:grid;gap:.15rem}.color-copy.svelte-1me2rsl strong:where(.svelte-1me2rsl){color:#3b3a37;font-size:.8rem}.color-copy.svelte-1me2rsl span:where(.svelte-1me2rsl){color:#747168;font-size:.74rem}.swatches.svelte-1me2rsl{display:flex;flex-wrap:wrap;gap:.6rem;overflow:visible;padding:.2rem;position:relative}.color-family.svelte-1me2rsl{position:relative}button.svelte-1me2rsl{align-items:center;border:2px solid #FBF8F1;border-radius:50%;box-shadow:0 0 0 1px #c8c1ad;display:flex;justify-content:center;padding:0}button.svelte-1me2rsl:hover,button.svelte-1me2rsl:focus-visible{box-shadow:0 0 0 2px #355981;outline:none}.primary-swatch.svelte-1me2rsl{height:2rem;width:2rem}.color-family.contains-selection.svelte-1me2rsl>.primary-swatch:where(.svelte-1me2rsl){box-shadow:0 0 0 3px #355981}.shade-scale.svelte-1me2rsl{background:#fbf8f1;border:1px solid #C8C1AD;border-radius:999rem;box-shadow:0 2px 8px #c8c1ad;display:flex;flex-direction:column-reverse;gap:.12rem;left:50%;opacity:0;padding:.25rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.92);transition:opacity .12s ease,transform .12s ease;visibility:hidden;z-index:20}.color-family.svelte-1me2rsl:hover .shade-scale:where(.svelte-1me2rsl),.color-family.svelte-1me2rsl:focus-within .shade-scale:where(.svelte-1me2rsl){opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);visibility:visible}.shade-swatch.svelte-1me2rsl{flex:0 0 1.35rem;height:1.35rem;width:1.35rem}.shade-swatch.selected.svelte-1me2rsl{box-shadow:0 0 0 2px #355981}i.svelte-1me2rsl{font-size:.75rem}