.dekkit-appearance{border-radius:20px;overflow:hidden}.dekkit-appearance-section{padding:12px 14px}.dekkit-appearance-section+.dekkit-appearance-section{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.dekkit-appearance-label{color:var(--muted-foreground);margin:0 0 8px;font-size:12px;font-weight:600}.dekkit-appearance-colors{grid-template-columns:repeat(9,24px);justify-content:space-between;gap:8px 0;display:grid}.dekkit-appearance-color{cursor:pointer;border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:999px;width:24px;height:24px;padding:0;transition:transform .12s}.dekkit-appearance-color:hover{transform:scale(1.12)}.dekkit-appearance-color[aria-checked=true]{outline:2px solid var(--foreground);outline-offset:2px}.dekkit-appearance-color:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dekkit-appearance-search{border:1px solid var(--border);background:color-mix(in srgb, var(--foreground) 4%, transparent);height:38px;color:var(--muted-foreground);border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:0 10px;display:flex}.dekkit-appearance-search:focus-within{border-color:var(--ring)}.dekkit-appearance-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:14px}html[data-dekkit-ui=v2] .dekkit-appearance-search input:focus-visible{box-shadow:none;outline:none}.dekkit-appearance-search button{width:24px;height:24px;color:var(--muted-foreground);border-radius:999px;place-items:center;display:grid}.dekkit-appearance-search button:hover{background:color-mix(in srgb, var(--foreground) 10%, transparent);color:var(--foreground)}.dekkit-appearance-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dekkit-scrollbar,var(--border)) transparent;grid-template-columns:repeat(8,1fr);gap:2px;max-height:232px;display:grid;overflow-y:auto}.dekkit-appearance-icon{aspect-ratio:1;color:var(--foreground);cursor:pointer;background:0 0;border-radius:10px;place-items:center;padding:0;transition:background .12s;display:grid;position:relative}.dekkit-appearance-icon:hover{background:color-mix(in srgb, var(--foreground) 9%, transparent)}.dekkit-appearance-icon[aria-selected=true]{background:color-mix(in srgb, var(--foreground) 12%, transparent)}.dekkit-appearance-icon:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.dekkit-appearance-check{position:absolute;bottom:3px;right:3px}.dekkit-appearance-hint{color:var(--muted-foreground);margin:8px 0 0;font-size:12px}@media (prefers-reduced-motion:reduce){.dekkit-appearance-color{transition:none}.dekkit-appearance-color:hover{transform:none}}