.tool[data-tool=tints-shades-generator] .group{margin-block-end:var(--space-4)}.tool[data-tool=tints-shades-generator] .row{margin:0 0 var(--space-2);border-radius:var(--r-md);border:1px solid var(--c-border-strong);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid;overflow:hidden}.tool[data-tool=tints-shades-generator] .row li{min-block-size:3rem;padding:var(--space-1);justify-content:center;align-items:flex-end;display:flex}.tool[data-tool=tints-shades-generator] .row code{background:0 0;padding:0;font-size:.7rem}.tool[data-tool=tints-shades-generator] .big-output{white-space:pre-wrap}