.color-palette-picker[data-v-93a6592d]{display:grid;gap:.9rem;margin:0 auto;max-width:none;width:100%}.color-palette-picker__header[data-v-93a6592d]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;text-align:center}.color-palette-picker__panel[data-v-93a6592d]{display:grid;gap:.9rem}.color-palette-picker__trigger[data-v-93a6592d]{align-items:center;background:color-mix(in srgb,hsl(var(--b1)) 86%,#fff 14%);border:1px solid rgba(15,23,42,.12);border-radius:999px;box-shadow:inset 0 1px #ffffffb8,0 .85rem 2.25rem #0f172a21;color:inherit;cursor:pointer;display:inline-flex;gap:clamp(.65rem,1.8vw,1rem);justify-content:center;max-width:100%;padding:clamp(.42rem,1.1vw,.62rem) clamp(.58rem,1.5vw,.88rem) clamp(.42rem,1.1vw,.62rem) clamp(1.05rem,2.6vw,1.55rem);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.color-palette-picker__trigger[data-v-93a6592d]:hover{background:color-mix(in srgb,hsl(var(--b1)) 76%,#fff 24%);border-color:#0f172a33;box-shadow:inset 0 1px #ffffffd1,0 1rem 2.45rem #0f172a2e;transform:translateY(-1px)}.color-palette-picker__trigger[data-v-93a6592d]:focus-visible{outline:3px solid color-mix(in srgb,currentColor 34%,transparent);outline-offset:5px}.color-palette-picker__heading[data-v-93a6592d]{font-size:clamp(1.28rem,3.8vw,2.05rem);font-weight:950;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-palette-picker__color[data-v-93a6592d]{border-radius:50%;box-shadow:inset 0 0 0 1px #0f172a33,0 .55rem 1.2rem #0f172a2e;display:block;flex:0 0 auto;height:clamp(2.65rem,6.5vw,4.1rem);overflow:hidden;position:relative;width:clamp(2.65rem,6.5vw,4.1rem)}.color-palette-picker__color[data-v-93a6592d]:after{background:radial-gradient(circle at 35% 28%,hsla(0,0%,100%,.5),transparent 34%),linear-gradient(180deg,#ffffff1a,#00000024);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.color-palette-picker__controls[data-v-93a6592d]{align-items:center;display:grid;gap:clamp(.7rem,2vw,1rem);grid-template-columns:minmax(3rem,4.75rem) minmax(0,1fr)}.color-palette-picker__swatch[data-v-93a6592d]{aspect-ratio:1;background:linear-gradient(145deg,hsla(0,0%,100%,.26),transparent 44%),var(--picked-color);border-radius:999px;box-shadow:0 14px 34px #0f172a24,inset 0 0 0 1px #0f172a24;min-height:0}.color-palette-picker__spectrum[data-v-93a6592d]{background:linear-gradient(90deg,red,#ff0 16.66%,#0f0,#0ff,#00f,#f0f 83.33%,red);border-radius:999px;box-shadow:0 12px 28px #0f172a24,inset 0 0 0 1px #0f172a29;cursor:pointer;height:clamp(2.4rem,5.8vw,3.45rem);overflow:hidden;position:relative;touch-action:none}.color-palette-picker__spectrum-marker[data-v-93a6592d]{border:1px solid rgba(15,23,42,.34);border-radius:999px;box-shadow:inset 0 0 0 2px #ffffffd9,0 0 0 2px #ffffffb8,0 4px 12px #0f172a38;height:clamp(2rem,4.4vw,2.55rem);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(2rem,4.4vw,2.55rem)}.color-palette-picker__products[data-v-93a6592d]{align-items:start;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));transition:opacity .18s ease}.color-palette-picker__products--loading[data-v-93a6592d]{opacity:.58}.color-palette-picker__product[data-v-93a6592d]{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:.65rem;box-shadow:inset 0 0 0 1px #0f172a1a;display:block;min-height:7rem;overflow:hidden;position:relative;text-decoration:none}.color-palette-picker__product[data-v-93a6592d]:after{background:linear-gradient(0deg,#00000061,#00000005 58%);content:"";inset:0;position:absolute}.color-palette-picker__product span[data-v-93a6592d]{bottom:.42rem;color:#fff;font-size:.66rem;font-weight:900;left:.5rem;line-height:1;overflow:hidden;position:absolute;right:.5rem;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.4);white-space:nowrap;z-index:1}@media(min-width:760px){.color-palette-picker__products[data-v-93a6592d]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.color-palette-picker__products[data-v-93a6592d]{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1280px){.color-palette-picker__products[data-v-93a6592d]{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:640px){.color-palette-picker__controls[data-v-93a6592d]{gap:.65rem;grid-template-columns:4.25rem minmax(0,1fr)}}