.color-title{padding:10px 0 30px 0}.color-list{width:100%;margin-bottom:80px}.color-list .color-item{margin-right:30px}.color-list .color-item:last-child{margin:0}.color-list .color-item .color-box{display:inline-block;width:120px;height:120px}.color-list .color-item .color-box .box-info{height:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.color-list .color-item .color-box .box-info.Attention,.color-list .color-item .color-box .box-info.Error,.color-list .color-item .color-box .box-info.Primary{color:#fff}.color-list .color-item .color-box .box-info.Background1{border:1px solid #dcdcdc}.color-list.typo .type-preview{color:#fff}.color-list.typo .box-info.On.Primary{color:#333;border:1px solid #dcdcdc}.palette-wrap{display:flex;flex-wrap:wrap}.palette-wrap .color-palette{display:flex;justify-content:center;align-items:center;text-align:center;padding:.8em 1.2em;min-width:110px;min-height:110px;color:#fff;font-weight:600}.palette-wrap .color-palette.light{color:#909090}.issue-palette-wrap{display:flex;flex-wrap:wrap}.issue-palette-wrap .color-palette{min-width:30px;min-height:30px;margin:10px}