.color-palette{grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:1.875rem;display:grid}.color-column{flex-direction:column;gap:1rem;display:flex}.color-card{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;padding:2rem;display:flex}.color-info{flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;display:flex}.color-hex,.color-rgb{flex-direction:column;gap:.1rem;display:flex}.color-column:first-child .color-card:first-child,.color-column:last-child .color-card:first-child{min-height:42.125rem}.color-column:first-child .color-card:last-child,.color-column .color-card:nth-child(2){min-height:20.5rem}.color-white-card{color:#ddd}.color-column:first-child .color-name p,.color-column:last-child .color-name p{vertical-align:middle;font-size:1.5rem;line-height:84%}.font-18{font-size:1.125rem}.color-column:first-child .color-hex span,.color-rgb span,.color-column:last-child .color-hex span,.color-rgb span{vertical-align:middle;opacity:.5;line-height:84%}@media only screen and (max-width:991px){.color-column{flex-direction:row;gap:1rem;display:flex}.color-palette{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:767px){.color-column:first-child .color-card:first-child,.color-column:last-child .color-card:first-child{justify-content:end;width:14.438rem;min-height:19.625rem}.color-column:first-child .color-card:last-child,.color-column .color-card:nth-child(2){justify-content:end;width:7.288rem;min-height:19.625rem}.color-card{padding:1rem}.font-18{font-size:14px}}