.color-grid[data-v-a77e7a0d]{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.color-btn[data-v-a77e7a0d]{border:1px solid rgba(var(--v-border-color),.2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;block-size:36px;inline-size:36px;transition:all .2s;display:flex;position:relative;overflow:hidden}.color-btn[data-v-a77e7a0d]:hover{z-index:1;transform:scale(1.1)}.color-btn.is-active[data-v-a77e7a0d]{border-color:rgb(var(--v-theme-on-surface));box-shadow:0 0 0 2px rgb(var(--v-theme-surface)),0 0 0 4px currentcolor}.color-btn .color-quadrants[data-v-a77e7a0d]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.color-btn .color-quadrants[data-v-a77e7a0d],.color-btn .color-quadrants div[data-v-a77e7a0d]{block-size:100%;inline-size:100%}.color-btn .check-icon[data-v-a77e7a0d]{filter:drop-shadow(0 1px 2px #0000004d);margin:auto;position:absolute;inset:0}