.dots{gap:7px;flex-wrap:wrap}.dot{width:17px;height:17px;border-color:#aebbb8;box-shadow:0 0 0 2px #fff}.color-count{display:block;margin-top:8px;color:var(--muted);font-size:12px}.color-title{display:flex;justify-content:space-between;margin:22px 0 12px;font-size:14px}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-option{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid var(--line);background:white;color:var(--muted);font-size:12px;text-align:left;cursor:pointer}.color-option i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1px solid #b9c5c2}.color-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-option.active{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.inquiry button:disabled{opacity:.6;cursor:wait}