.color-picker[data-v-2b8ba8e9]{display:inline-flex;position:relative}.color-picker__trigger[data-v-2b8ba8e9]{align-items:center;border:2px solid rgba(var(--v-border-color),.2);border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.color-picker__trigger[data-v-2b8ba8e9]:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.color-picker__trigger--empty[data-v-2b8ba8e9]{background:rgba(var(--v-theme-on-surface),.04)!important;border-style:dashed}.color-picker--sm .color-picker__trigger[data-v-2b8ba8e9]{height:24px;width:24px}.color-picker--md .color-picker__trigger[data-v-2b8ba8e9]{height:32px;width:32px}.color-picker--lg .color-picker__trigger[data-v-2b8ba8e9]{height:40px;width:40px}.color-picker__grid[data-v-2b8ba8e9]{background:rgb(var(--v-theme-surface));border:1px solid rgba(var(--v-border-color),.1);border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.color-picker__grid--sm[data-v-2b8ba8e9]{width:140px}.color-picker__grid--md[data-v-2b8ba8e9]{width:168px}.color-picker__grid--lg[data-v-2b8ba8e9]{width:200px}.color-picker__swatch[data-v-2b8ba8e9]{align-items:center;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:transform .12s ease,border-color .12s ease}.color-picker__swatch[data-v-2b8ba8e9]:hover{transform:scale(1.15)}.color-picker__swatch--selected[data-v-2b8ba8e9]{border-color:#fff9;box-shadow:0 0 0 2px rgb(var(--v-theme-primary))}.color-picker__grid--sm .color-picker__swatch[data-v-2b8ba8e9]{height:20px;width:20px}.color-picker__grid--md .color-picker__swatch[data-v-2b8ba8e9]{height:26px;width:26px}.color-picker__grid--lg .color-picker__swatch[data-v-2b8ba8e9]{height:32px;width:32px}