.sg-pattern{color:#0a0a0a;padding:0 5em}.sg-pattern:last-child{margin-bottom:0 !important}.sg-pattern .sg-pattern-title a{color:#0a0a0a !important}.sg-pattern-head{padding:30px 0 !important}.sg-pattern-category{font-size:32px;text-align:center}.sg-pattern-category:first-of-type{margin-top:0 !important;padding-top:2rem}.sg-pattern-category .sg-pattern-category-title a{color:#0a0a0a !important;text-decoration:underline !important}.sg-pattern-example{position:relative}.sg-pattern-label{color:#0a0a0a;font-size:12px;font-weight:bold;letter-spacing:normal;line-height:1.6}.sg-pattern-value{color:#797979;font-size:12px;letter-spacing:normal;line-height:1.6}.sg-pattern-subtitle{margin:0 0 1em}.sg-pattern-extra{margin-bottom:1.5rem !important}.sg-color-chip{border-radius:100%;height:100px;margin-bottom:10px;width:100px}.sg-example-grid-key{margin-bottom:1.5rem}.sg-example-grid-key>div{line-height:2;vertical-align:middle}.sg-example-grid-key__item{display:inline-block;margin-right:20px}.sg-example-grid-key__swatch{display:inline-block;height:30px;margin-right:10px;vertical-align:middle;width:30px}.sg-example-grid-key__content{background:#53e0f1}.sg-example-grid-key__content-even{background:#24d8ed}.sg-example-grid-key__gutter{background:#82e9f5}.sg-example-grid .grid-x,.sg-example-grid .grid-y{background:#82e9f5;font-size:12px;line-height:2rem;margin-bottom:1.5rem}.sg-example-grid .grid-y .grid-x{margin-bottom:0}.sg-example-grid .cell:nth-child(odd){background:#53e0f1;color:#0a0a0a}.sg-example-grid .cell:nth-child(even){background:#24d8ed;color:#fefefe}.sg-example-grid--overlay{bottom:0;height:100%;left:0;opacity:.4;position:fixed;right:0;top:0;width:100%;z-index:50000}.sg-example-grid--overlay .grid-x{height:100%}.sg-example-grid--overlay .cell{background:#24d8ed !important}.sg-example-grid--overlay .cell:nth-child(2n){opacity:.5}.sg-spacer{background-color:#24d8ed}.demo-animate{background:#24d8ed;border-radius:8px;color:#fefefe;cursor:pointer;margin-bottom:1em;padding:1em;text-align:center}.demo-animate:hover{opacity:.4}.sg-bg-dark{background-color:#24d8ed;padding:30px}.sg-bg-light{background-color:#fff;padding:30px}.sg-list{margin:20px 0;padding:0}.sg-list__item{list-style-type:none;padding:10px 0}.sg-toolbar{bottom:0;height:30px;position:fixed;width:100%;z-index:50000}.sg-spacer-s{margin-bottom:10px}.sg-spacer-m{margin-bottom:20px}.sg-spacer-l{margin-bottom:30px}