.ggb__colors{margin:0 0 28px}.ggb__colors-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;font-family:var(--gg-sans,Inter,Arial,sans-serif);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.ggb__colors-heading>[data-color-label]{font-size:11px;letter-spacing:0;font-weight:400;color:#bdb4a3;text-transform:none}.ggb__colors-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ggb__color{display:block;min-width:0;padding:0 0 10px;border:1px solid #34332f;background:#101010;color:#bcb5a8;cursor:pointer;transition:border-color .15s,color .15s}.ggb__color img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;margin-bottom:9px;filter:saturate(.85)}.ggb__color span{font-family:var(--gg-sans,Inter,Arial,sans-serif);font-size:10px;font-weight:400;letter-spacing:.04em}.ggb__color[aria-pressed=true]{border-color:#d2c4aa;color:#f3f0e7;background:#1a1814;box-shadow:0 0 0 1px #d2c4aa}.ggb__color:hover{border-color:#9e9380;color:#f3f0e7}.ggb__color:disabled{opacity:.4;cursor:not-allowed}.ggb__colors>p{font-family:var(--gg-sans,Inter,Arial,sans-serif);font-size:9px;line-height:1.7;font-weight:400;color:#938c7f;margin:12px 0 0}.ggb__color:focus-visible{outline:2px solid #f3f0e7;outline-offset:4px}@media(max-width:480px){.ggb__colors-list{gap:8px}.ggb__color{padding-bottom:9px}.ggb__color img{margin-bottom:7px}.ggb__color span{font-size:9px}.ggb__colors{margin-bottom:26px}}