.palette{font-size:.8125rem;height:4.5rem;line-height:1rem;padding:1rem}.palette strong{display:block;font-size:1rem;padding-bottom:.5rem}.color-palette{border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.875rem;font-weight:600;margin-bottom:2rem;margin-right:4rem;overflow:hidden;width:256px}.color-palette>div{padding:.75rem 1rem;position:relative}.color-palette>div .value{bottom:.75rem;left:1rem;position:absolute}.color-palette>div .hexa{text-align:right;text-transform:uppercase}.color-palette .header{height:128px}.color-palette .header .hexa{bottom:.75rem;position:absolute;right:1rem}