.page-pattern-library__color-swatch{width:calc((100% - 20px) / 3);height:0;padding-top:calc(((100% - 20px) / 3) / 2);padding-bottom:calc(((100% - 20px) / 3) / 2);margin-bottom:10px;text-align:center;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.page-pattern-library__spacing-row{background-color:rgba(0,128,255,0.5)}.page-pattern-library__spacing-row:nth-child(even){background-color:rgba(255,0,0,0.5)}.page-pattern-library__spacing-row p{height:0}.page-pattern-library__grid-example{height:200px;background-color:rgba(0,128,255,0.5);opacity:0.5}.page-pattern-library__grid-example__content{width:100%;height:100%;background-color:rgba(0,128,255,0.5)}.page-pattern-library__grid-example:nth-child(even){background-color:rgba(255,0,0,0.5)}.page-pattern-library__grid-example:nth-child(even) .page-pattern-library__grid-example__content{background-color:rgba(255,0,0,0.5)}