.identity-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.identity-palette{min-width:0;padding:8px;border:1px solid #dce4df;border-radius:13px;background:#fff;color:#25362f;cursor:pointer;box-shadow:none;transition:.2s}.identity-palette:hover{transform:translateY(-2px);border-color:#78978b}.identity-palette.selected{border-color:#1f6653;box-shadow:0 0 0 3px #1f66531b;background:#f4faf7}.identity-palette>span{display:flex;height:38px;overflow:hidden;border:1px solid #0000000d;border-radius:9px;background:var(--s)}.identity-palette i{display:block;flex:1;background:var(--p)}.identity-palette i:nth-child(2){background:var(--a)}.identity-palette i:nth-child(3){background:var(--s)}.identity-palette b{display:block;margin-top:7px;overflow:hidden;font:700 9px Alexandria;white-space:nowrap;text-overflow:ellipsis}.single-color-option{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:5px;padding:14px;border:1px solid #dce4df;border-radius:15px;background:linear-gradient(135deg,#f8faf9,#eef6f2)}.single-color-option>div b,.single-color-option>div small{display:block}.single-color-option>div b{font-size:13px}.single-color-option>div small{margin-top:4px;color:#73847c;font-size:10px;line-height:1.65}.single-color-option label{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #d9e2dd;border-radius:11px;background:#fff;direction:ltr}.single-color-option input[type=color]{width:44px;height:36px;padding:2px;border:0;background:transparent;cursor:pointer}.single-color-option label span{font:700 10px monospace;color:#52645c}.single-color-option button{min-height:44px;padding:0 14px;border:0;border-radius:11px;background:#183b31;color:#fff;font-weight:800;cursor:pointer}.single-color-option.active{border-color:#1f6653;box-shadow:0 0 0 3px #1f665314}.generated-palette{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f6f8f7;color:#66776f}.generated-palette>span{font-size:10px}.generated-palette>div{display:flex;direction:ltr}.generated-palette i{width:28px;height:28px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #0002}.generated-palette i+i{margin-left:-7px}.generated-palette b{margin-inline-start:auto;color:#2e443a;font-size:10px}.color-step>input[type=hidden]{display:none}
@media(max-width:700px){.identity-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-color-option{grid-template-columns:1fr auto}.single-color-option>div{grid-column:1/-1}.single-color-option button{padding:0 11px}.generated-palette{flex-wrap:wrap}.generated-palette b{width:100%;margin:0}}