.pp-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-width:760px;margin:18px 0}.pp-color-field{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border,#e4e5e8);border-radius:10px;background:var(--white,#fff);font-size:12px!important}.pp-color-field span{display:flex;align-items:center;gap:9px}.pp-color-field i{display:inline-block;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px #0002}.pp-color-field input{width:42px;height:32px;min-height:32px;padding:2px!important;border:1px solid var(--border,#d9dde5);border-radius:7px;cursor:pointer;background:#fff}