.keyring-color-options{border:0;margin:18px 0 0;padding:0}.keyring-color-options legend{margin-bottom:10px;font-size:13px;font-weight:800}.keyring-color-options>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.keyring-color-options button{color:#655375;cursor:pointer;background:#fff;border:1.5px solid #e8dff2;border-radius:15px;justify-items:center;gap:7px;padding:11px 4px;font:700 12px Mali,sans-serif;display:grid}.keyring-color-options button[aria-checked=true]{background:#f4edfc;border-color:#a17aca;box-shadow:0 0 0 2px #b48ed820}.keyring-color-options i{border:5px solid var(--hardware-color);background:0 0;border-radius:50%;width:26px;height:26px;display:block;box-shadow:0 1px 3px #0002,inset 0 1px 2px #0001}.keyring-color-options small{color:#8b7a9f;margin-top:10px;font-size:11px;line-height:1.6;display:block}@media (width<=470px){.keyring-color-options>div{gap:5px}.keyring-color-options button{padding:9px 2px;font-size:11px}.keyring-color-options i{width:22px;height:22px}}