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