styleguide-ecdd75d9013b8890989a6a14abc559330830b0a95a61170cc531887e07cd042d.css

html{min-width:1200px;min-height:600px}html,body{margin:0;padding:0}.sg-badge,.sg-example .sg-filename,.sg-canvas>.sg-modifier-name{position:absolute;z-index:1;right:0;bottom:0;padding:5px 10px;background:#eee;color:#888;text-shadow:0 1px 0 rgba(255,255,255,0.7);border-top-left-radius:3px;border-top-right-radius:3px;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-top:solid 1px #ddd;font-size:9pt;font-family:"Helvetica Neue", sans-serif}body{padding:50px !important}html,body{overflow:inherit !important}.sg-body{padding-bottom:20px}body .sg-toc{font-family:"Helvetica Neue", sans-serif;font-size:10pt;width:180px;position:fixed;padding:40px 20px 50px 50px;top:10px;left:0;bottom:0;z-index:10;overflow-y:auto}body .sg-toc::-webkit-scrollbar{width:10px;height:10px}body .sg-toc::-webkit-scrollbar-thumb{background:transparent;border-radius:5px}body .sg-toc:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2)}body.sg-full .sg-toc{display:none}body.sg-full .sg-body{margin-left:0;margin-right:0}.sg-toggle-sidebar{margin:0;padding:0;border:0;background:transparent;position:fixed;left:0;top:0;bottom:0;z-index:11;line-height:100%;width:20px;cursor:pointer;color:#aaa;text-shadow:0 1px 0 rgba(255,255,255,0.8);font-size:8pt;font-family:"Helvetica Neue", sans-serif;text-align:center}.sg-toggle-sidebar:before{content:"◀";display:none}.sg-toggle-sidebar:hover{background:rgba(0,0,0,0.1);border-right:solid 1px rgba(0,0,0,0.03)}.sg-toggle-sidebar:hover:before{display:block}.sg-toc h1{font-size:18pt;color:#888;font-weight:200;line-height:1.2;margin-bottom:0px;padding-bottom:30px}.sg-toc h1 small,.sg-toc h1 strong{display:block;text-align:right}.sg-toc h1 small{font-size:1em}.sg-toc h1 strong{font-weight:bold;color:#222}.sg-toc ul,.sg-toc li{list-style-type:none;margin:0;padding:0}.sg-toc li a{border-top:solid 1px #eee}.sg-toc a{display:block;padding:7px 0;height:24px;line-height:24px}.sg-toc a:visited,.sg-toc a{font-weight:normal;color:#777}.sg-toc a:after{content:"";display:table;clear:both}.sg-toc a:hover{color:#36c}.sg-toc a.active{font-weight:bold;color:#222}.sg-toc .sg-number{float:left}.sg-toc a .sg-number:after{content:"→";margin-left:10px;color:#ddd}.sg-toc .sg-name{float:right;text-align:right}.sg-body .sg-example{margin-bottom:50px}.sg-example{margin-left:60px;position:relative}.sg-example .sg-button{position:absolute;right:10px;bottom:10px;z-index:10}.sg-example .sg-description{line-height:1.5;font-family:"Helvetica Neue", sans-serif;position:relative}.sg-example .sg-description code{background:#eee;padding:4px 4px;border-radius:2px;margin:0 2px;box-shadow:1px 1px 1px rgba(0,0,0,0.2)}.sg-example>h3 a,.sg-example>h3 a:visited{background:#222;color:#ddd;text-align:center;font-weight:200;font-size:11pt;font-family:"Helvetica Neue", sans-serif;box-shadow:0 0 0 4px rgba(0,0,0,0.05);display:block;width:50px;height:50px;line-height:50px;float:left;margin-left:-70px;border-radius:25px}.sg-example>h3 a:hover{background:#444}.sg-example .sg-description{padding:5px 0 25px 0;font-size:10pt;color:#444}.sg-example .sg-description p,.sg-example .sg-description ul{margin-top:5px}.sg-example .sg-description h1,.sg-example .sg-description h2,.sg-example .sg-description h3,.sg-example .sg-description h4,.sg-example .sg-description h5,.sg-example .sg-description h6{color:#222;margin:0;padding:0;font-weight:bold;font-size:12pt}.sg-example .sg-description h1 code,.sg-example .sg-description h2 code,.sg-example .sg-description h3 code,.sg-example .sg-description h4 code,.sg-example .sg-description h5 code,.sg-example .sg-description h6 code{font-size:0.9em;color:#8080b0;font-weight:normal;margin-left:7px;padding:0;background:transparent;box-shadow:none;font-family:"Menlo", "Monaco", "Lucida Console", monospace}.sg-example .sg-description h1 code:before,.sg-example .sg-description h2 code:before,.sg-example .sg-description h3 code:before,.sg-example .sg-description h4 code:before,.sg-example .sg-description h5 code:before,.sg-example .sg-description h6 code:before{content:"›";margin-right:10px}.sg-example ul.sg-modifiers{margin:20px 0 0 25px;padding:0;list-style-type:none}.sg-example ul.sg-modifiers li{margin:5px 0;padding:0;list-style-type:disc}.sg-example ul.sg-modifiers li strong{background:#eee;padding:4px 4px;border-radius:2px;margin:0 2px;box-shadow:1px 1px 1px rgba(0,0,0,0.2);padding:1px 5px;font-weight:bold}.sg-html{border:solid 1px #ccc;border-top:0;position:relative;background:#f0f7fb}.sg-html{display:none}.sg-html.sg-expanded{display:block}.sg-html pre{padding:20px !important;line-height:1.5;border:0 !important;color:#30305a;text-shadow:0 1px 0 rgba(255,255,255,0.6);font-size:8pt;font-family:"Menlo", "Monaco", "Lucida Console", monospace;overflow-y:scroll}.sg-canvases{border:solid 4px #f0f0f0;border-radius:2px}.sg-canvas{overflow:hidden;overflow-x:auto;border:solid 1px #ccc;position:relative;z-index:0}.sg-canvas+.sg-canvas{margin-top:-1px}.sg-canvas::-webkit-scrollbar{width:10px;height:10px}.sg-canvas::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.05);border-radius:5px;border:solid 3px #f4f4f4}.sg-canvas:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3)}.sg-canvas>div{padding:25px;zoom:1}.sg-canvas>div:after{content:"";clear:both;display:table}.sg-canvas>div>*{margin:0 auto !important;float:none !important;position:relative !important;bottom:inherit;right:inherit;left:inherit;top:inherit}.sg-canvas.align-center>div{text-align:center}.sg-canvas.align-left>div{text-align:left}.sg-canvas.align-right>div{text-align:right}.sg-canvas.bg-clear{background:transparent}.sg-canvas.bg-light{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=")}.sg-canvas.bg-white{background:#fff;border:solid 10px #ddd}.sg-canvas.bg-black{background:#000}.sg-canvas.bg-dark{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==")}.sg-canvas>.sg-modifier-name{bottom:auto;top:0;border-bottom:solid 1px #ddd;border-top:0;border-right:0;border-radius:0;border-bottom-left-radius:3px;font-weight:bold;color:#222;padding:3px 15px;z-index:999999}.sg-html pre::-webkit-scrollbar{width:15px;height:15px}.sg-html pre::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:8px;border:solid 3px #f0f7fb}.sg-specimen{margin:0 auto;width:600px;padding:40px;background:white;box-shadow:0 0 3px rgba(0,0,0,0.1);color:#333}.sg-specimen .sg-drop{font-size:4em;display:block;float:right;margin:-40px 0px 30px 30px;background:#f0f0f0;padding:20px}.sg-specimen h3{font-size:1.8em;white-space:wrap}.sg-specimen p{margin-top:0.9em}.sg-specimen p.sg-small{color:#aaa;text-transform:uppercase;padding-bottom:0.5em;margin-bottom:2.1em;border-bottom:solid 1px #eee}.sg-specimen p strong{font-weight:bold;display:block;font-size:1.2em}.sg-canvas .sg-swatch{background:white;font-size:8pt;line-height:1.3;padding:3px;box-shadow:0 0 3px rgba(0,0,0,0.2);position:relative;display:inline-block;vertical-align:top;margin:10px !important;text-align:left}.sg-canvas .sg-swatch strong{display:block;color:#333;font-size:1.1em;font-weight:bold}.sg-canvas .sg-swatch small{display:block;border-top:solid 1px rgba(0,0,0,0.05);margin-top:5px;padding-top:5px}.sg-canvas .sg-swatch .sg-text{font-weight:bold;padding:2px 5px;background:white;position:absolute;bottom:0px;right:0px;border-top-left-radius:2px}.sg-canvas .sg-swatch .sg-background{width:100px;height:100px;padding:10px;box-sizing:border-box}.sg-canvas .sg-swatch .sg-background{color:rgba(0,0,0,0.5);text-shadow:0 1px 0 rgba(255,255,255,0.2)}.sg-canvas .sg-swatch.sg-dark .sg-background{color:rgba(255,255,255,0.5);text-shadow:0 1px 0 rgba(0,0,0,0.2)}.sg-canvas .sg-swatch.sg-dark strong{color:#fff}.sg-canvas .sg-swatch.sg-dark small{border-top-color:rgba(255,255,255,0.05)}.sg-canvas .sg-swatch:hover .sg-text{color:#222 !important}.sg-page-title{font-size:28pt;line-height:36pt;font-weight:bold;color:#999;margin:0 0 50px -10px;padding:13px 0 20px 0;border-bottom:solid 1px #eee;font-family:"Helvetica Neue", sans-serif;font-weight:200;overflow:hidden}.sg-page-title strong{color:#ccc;display:inline-block;width:60px;margin-left:-60px;text-align:right;float:right;font-weight:700}.sg-button{margin:0;padding:0;border:0;display:inline-block;background:#f0fafa;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1),inset 0 2px 0 rgba(255,255,255,0.2);height:24px;line-height:24px;padding:0 15px;font-size:9pt;font-weight:bold;font-family:"Helvetica Neue", sans-serif;color:#555;text-shadow:0 1px 0 rgba(255,255,255,0.9);cursor:pointer}.sg-button:hover{background:#f0fafa;color:#509090}.sg-button:after{content:"▼";margin-left:6px;font-size:0.6em;color:#a0afaf}.sg-button.sg-expanded{background:#e4eeee}.sg-button.sg-expanded:after{content:"▲"}.sg-button:active{background:#509090;color:#eee;text-shadow:0 1px 0 rgba(0,0,0,0.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}.sg-intro{margin-bottom:40px;padding:0 60px}.sg-intro code{border-radius:5px;background:#ccc;padding:0 5px}.sg-intro .sg-intro-title{font-weight:bold;font-size:20px;margin-bottom:10px}.sg-intro .sg-figure{display:block;background:#fff;margin:20px auto;text-align:center;border-radius:3px;line-height:0;padding:10px}.sg-intro .sg-figure img{display:inline-block}ol.styleguide-nav li{list-style-type:none}ol.styleguide-nav li .nr{font-weight:bolder;display:inline-block;width:1em}ol.styleguide-nav ol li .nr{width:3em}