section.paragraph--type--product-color{padding:40px 0}@media(min-width: 800px){section.paragraph--type--product-color{padding:60px 0}}section.paragraph--type--product-color .field-title__container{margin-bottom:0}@media(min-width: 768px){section.paragraph--type--product-color .field-title__container{margin-bottom:16px}}section.paragraph--type--product-color .field--name-field-title{font-weight:500;font-size:20px;text-transform:uppercase}@media(max-width: 768px){section.paragraph--type--product-color .field--name-field-title{font-size:18px}}section.paragraph--type--product-color .field--name-field-title:after{display:none !important}section.paragraph--type--product-color .field--name-field-description{margin-bottom:32px}section.paragraph--type--product-color .field--name-field-description p{margin:0}section.paragraph--type--product-color .colors-container{display:flex;flex-wrap:wrap;flex:0 0 25%}section.paragraph--type--product-color .colors-container .node-product-colors{flex:0 0 25%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;margin-top:48px}@media(max-width: 768px){section.paragraph--type--product-color .colors-container .node-product-colors{flex-direction:column-reverse;flex:0 0 50%;margin-top:32px}}section.paragraph--type--product-color .colors-container .node-product-color-icon{width:48px;height:48px;border-radius:50%;color:rgba(0,0,0,0)}section.paragraph--type--product-color .colors-container .node-color-data{margin-left:24px}@media(max-width: 768px){section.paragraph--type--product-color .colors-container .node-color-data{margin-left:0;padding-top:16px;text-align:center}}@media(max-width: 768px){section.paragraph--type--product-color .colors-container .node-color-data .node-product-color-name{font-size:18px}}section.paragraph--type--product-color .colors-container .node-color-data .node-product-color-ral-id,section.paragraph--type--product-color .colors-container .node-color-data .node-product-color-subtitle{font-size:14px}@media(max-width: 768px){section.paragraph--type--product-color .colors-container .node-color-data .node-product-color-ral-id,section.paragraph--type--product-color .colors-container .node-color-data .node-product-color-subtitle{font-size:16px}}section.paragraph--type--product-color .product-color-FFFFFF,section.paragraph--type--product-color .product-color-ffffff{border:1px solid #37403b}/*# sourceMappingURL=product-colors.css.map */