body{padding:0}body:after{content:"";clear:both;display:table}.theme-tonic{font-size:14px;color:#44546a}.hidden{display:none}ol,ul{margin:1em 0}.theme-tonic .table+table,.theme-tonic table+table{margin-top:32px}.code-example{display:block;padding:10px 0;font-family:monospace}.code-example .selector{color:#2f6f9f}.code-example .attr{color:#4f9fcf}.code-example .attr-in{color:#d44950}.code-example .rule{color:#99f}.code-example .value{color:#f60}code.h-monospace{color:#e83e8c}.heading .icon,.label .icon{vertical-align:baseline}.theme-tonic .heading .icon,.theme-tonic .label .icon{font-size:10px;color:#00b8ba}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;max-height:100vh;overflow-y:scroll}.sidebar ul{list-style:none}.theme-tonic .sidebar{padding:16px;box-shadow:0 0 4px 0 rgba(24,55,84,.25)}main{float:right;width:calc(100% - 250px)}.theme-tonic main{padding:40px}.content-section__body:after{content:"";clear:both;display:table}.theme-tonic .content__header{margin-bottom:32px}.theme-tonic .content .content-section__header{margin:32px 0 16px;padding:16px 0;border-bottom:1px solid #e6eaf0}.theme-tonic .content .content-section__body{padding:8px 0}.modifications-consistency ul{margin-bottom:0}.theme-tonic .configurations-consistency+.modifications-consistency{margin-top:32px}.component-documentation{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.component-documentation>div{width:33.33333%}.component-documentation>div>.heading:not(:first-child){text-decoration:underline}.theme-tonic .component-documentation{padding:16px 0}.half-width{vertical-align:top;display:inline-block;margin-top:0!important}.theme-tonic .half-width{width:calc(50% - 16px - 2px)}.theme-tonic .half-width:first-child{margin-right:32px}.component-demo__heading{text-decoration:underline}.component-demo__body>ul{padding:0}.theme-tonic .component-demo{margin:16px 0}.theme-tonic .component-demo__heading{padding:8px 0}.modifications-list{list-style-type:none}.modifications-list>li{position:relative}.modifications-list>li:before{content:"";position:absolute;top:10px;left:10px;display:block;width:5px;height:5px;border-radius:50%;background:#44546a}.modification__description ol{margin:.5em}.modification__description li{margin-bottom:.5em}.modification__description pre{margin:0}.theme-tonic .modification{margin:32px 0 32px 32px}.theme-tonic .modification:first-child{margin-top:16px}.theme-tonic .modification__description,.theme-tonic .modification__title{margin-bottom:16px}.theme-tonic .modification__description{padding-left:16px}.font-demo--100{font-weight:100}.font-demo--300{font-weight:300}.font-demo--400{font-weight:400}.font-demo--700{font-weight:700}.font-demo--900{font-weight:900}.theme-tonic .font-demo{font-family:Lato,Arial,sans-serif}.glyph{width:6em;margin-right:1.5em;font-size:32px}.theme-tonic .glyph svg{color:#00b8ba}.mhl{-ms-flex-wrap:wrap;flex-wrap:wrap}.mhl,.pbs{display:-ms-flexbox;display:flex}.pbs{-ms-flex-align:center;align-items:center;padding-bottom:.5em}.name{margin-left:1em}.theme-tonic .name{font-size:14px;font-weight:700;line-height:18px}.i-b{display:inline-block;vertical-align:top}.input{width:200px!important}.dropdown__menu .item{white-space:nowrap}.checkbox,.radiobutton{display:inline-block}.tabs>input{display:none}.tabs #tab1:checked~#content1,.tabs #tab2:checked~#content2{display:block}.pagination{display:-ms-inline-flexbox;display:inline-flex}.theme-tonic .button-group:not(:last-child),.theme-tonic .form-group:not(:last-child){margin-bottom:16px}.push-notification,.tag-wrapper{width:400px}.textarea+.textarea{margin-top:20px}.switcher{display:inline-block}.icon-button{vertical-align:bottom}