html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Helvetica,Arial,sans-serif;color:#333}.library__container{position:absolute;z-index:200;min-height:100%;width:100%;right:0;background-color:#fff;transition:all 200ms ease}.library__container.open{right:300px}.library__container.open .library__header__toggle{background-color:transparent}.library__container.open .library__header__toggle:before,.library__container.open .library__header__toggle:after{top:0}.library__container.open .library__header__toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.library__container.open .library__header__toggle:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.library__container.open .library__content__open-overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.4);cursor:pointer}.library__header{position:fixed;z-index:300;width:100%;background-color:#f1f1f1;border-bottom:1px solid #ddd;padding:15px}.library__header a{text-decoration:none;color:#333}.library__header__logo{max-height:40px;vertical-align:middle}.library__header__title{font-size:1.5em;vertical-align:text-top}.library__header__menu-toggle__container{position:absolute;right:0;top:0;bottom:0;width:100px;height:100%;cursor:pointer}.library__header__toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:25px;height:5px;float:right;text-indent:-999em;background-color:black;border-radius:3px;transition:all 200ms ease}.library__header__toggle:before,.library__header__toggle:after{content:'';position:absolute;right:0;display:block;width:25px;height:5px;background-color:black;border-radius:3px;transition:all 200ms ease}.library__header__toggle:before{top:-9px}.library__header__toggle:after{top:9px}.library__content{margin-top:70px;padding:15px;transition:opacity 200ms ease}.library__content__open-overlay{position:absolute;top:0;left:0;z-index:300;width:0;height:0;background-color:transparent;transition:background-color 200ms ease}h1{font-size:36px}.markdown__body{margin-top:30px;clear:both}.markdown__body:not(.library__example)>*:first-child{margin-top:0}.markdown__body:not(.library__example)>h1{margin-top:1em;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px;font-weight:bold}.markdown__body:not(.library__example)>h2{margin-top:1em;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:28px;font-weight:bold}.markdown__body:not(.library__example)>h3{margin-top:1em;margin-bottom:5px;font-size:24px;font-weight:bold}.markdown__body:not(.library__example)>p{margin-bottom:1em}.markdown__body:not(.library__example)>ul,.markdown__body:not(.library__example) ol{margin-bottom:1em;margin-left:1.5em}.markdown__body:not(.library__example)>ul li ul,.markdown__body:not(.library__example)>ul li ol,.markdown__body:not(.library__example) ol li ul,.markdown__body:not(.library__example) ol li ol{margin-left:1.5em}.markdown__body:not(.library__example)>ul{list-style:square}.markdown__body:not(.library__example)>ul li ul{list-style:square}.markdown__body:not(.library__example)>ol{list-style:decimal}.markdown__body:not(.library__example)>ol li ol{list-style:decimal}.markdown__body:not(.library__example)>pre{font-family:'Consolas', 'Monaco', 'Courier New', monospace;line-height:1.3em;border:1px solid #ddd;border-radius:3px}.markdown__body:not(.library__example)>pre *{background-color:#f1f1f1 !important}.markdown__body:not(.library__example)>table th{text-align:left;text-transform:uppercase;background-color:#f1f1f1;font-size:.8em;font-weight:bold;padding:10px}.markdown__body:not(.library__example)>table td{padding:5px 10px}.library__color-swatch{float:left;margin-right:2%;margin-bottom:15px;width:20%;border:1px solid #ddd;padding:5px;border-radius:3px}.library__color-swatch__preview{display:block;margin-bottom:10px;height:75px}.library__nav{position:fixed;z-index:100;top:0;right:0;overflow-y:scroll;width:300px;height:100%;background-color:#494C49;padding:15px 0;color:#fff}.library__nav a{width:100%;display:inline-block;padding:10px 15px;text-decoration:none}.library__nav h2 a{margin-bottom:10px;color:rgba(255,255,255,0.4)}.library__nav ul{margin-bottom:15px}.library__nav li{border-top:1px solid rgba(255,255,255,0.4)}.library__nav li:last-child{border-bottom:1px solid rgba(255,255,255,0.4)}.library__nav li a{color:#fff}.library__nav li a:hover{background-color:#303230}