.sg-pattern-body{position:relative}@media screen and (max-width:760px){.sg-pattern-body .header{position:relative}}#sg-patterns#sg-patterns,.sg-nav-container{margin-left:auto;margin-right:auto;max-width:1200px}.sg-nav-container{position:relative}@media screen and (max-width:1220px){.sg-nav-container,.sg-main[role="main"]{padding-left:10px;padding-right:10px}}.pl-flex-container,.pl-color-snippets{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin:-20px 0 0;padding:0 0 10px 10px}.pl-flex-container__item,.pl-flex-container__snippet,.pl-color-snippets__item,.pl-color-snippets__snippet{padding:10px 10px 0 0;-webkit-box-flex:1;-webkit-flex:1 0 200px;-ms-flex:1 0 200px;flex:1 0 200px}.pl-flex-container__item>.pl-demo-icon,.pl-flex-container__snippet>.pl-demo-icon,.pl-color-snippets__item>.pl-demo-icon,.pl-color-snippets__snippet>.pl-demo-icon{width:100%}.pl-color-snippets:after{clear:both;display:table;content:""}.pl-color-snippets__snippet{float:left;margin-top:10px;display:inline-block;margin-right:10px;min-height:150px;position:relative;width:180px}.pl-color-snippets__snippet>span{font-family:verdana;background-color:rgba(255,255,255,.95);border-bottom:1px solid #FFF;font-size:10px;display:block;padding:5px}.pl-color-snippets__snippet>span:before{font-weight:700;text-transfor:uppercase;line-height:1;padding-bottom:5px}.pl-color-snippets__snippet__selector{font-weight:700}.pl-color-snippets__snippet__variable:before{content:"Variable: "}.pl-color-snippets__snippet__hex:before{content:"Hex: "}.pl-demo-icon{display:inline-block;width:180px}.pl-demo-icon__liga-char{display:block;text-align:center;font-size:3em;min-height:2em;line-height:2em;background-color:#6F6F73;color:#5470AF;margin-bottom:1px;border:1px solid #5470AF;border-radius:3px}.pl-demo-icon__liga,.pl-demo-icon__char,.pl-demo-icon__unicode,.pl-demo-icon__class{font-weight:700;display:inline-block;font-size:.8em;padding:.1em 0;min-width:100%;margin:.1em 0 .2em}.pl-demo-icon__liga:before,.pl-demo-icon__char:before,.pl-demo-icon__unicode:before,.pl-demo-icon__class:before{font-weight:400;color:#656263;display:inline-block;text-transform:uppercase;padding:.1em .2em .1em 0;margin:.1em .4em .1em .1em}.pl-demo-icon__liga:before{content:"Ligature:"}.pl-demo-icon__char:before{content:"Character:"}.pl-demo-icon__unicode:before{content:"Unicode:"}.pl-demo-icon__class:before{content:"Class:"}.pl-demo-icon pre{display:inline-block;padding:0;margin:0}.demo-blocks__block{padding:40px;text-align:center;outline:1px solid rgba(0,0,0,.2)}@media screen and (min-width:760px){.demo-blocks__block+.demo-blocks__block{margin-top:40px}}@media screen and (max-width:760px){.demo-blocks__block+.demo-blocks__block{margin-top:10px}}