::selection{background:#df3124;color:#fff}::-moz-selection{background:#df3124;color:#fff}.body-container{align-items:flex-start}.body-container .content-section{margin-bottom:35em}code>strong.emphasis{color:#333;border:1px dotted #333}.card-container{padding-top:10px}.card-container .section-card{box-shadow:0 5px 4px -4px #888;transition:box-shadow .3s ease-in-out}.card-container .section-card.info-card>.card-header{background-color:rgba(156,207,215,.3)}.card-container .section-card.info-card>.card-header h2{font-weight:300}.card-container .section-card .card-header{position:relative;overflow:hidden}.card-container .section-card .card-header .card-callout{position:absolute;right:-1px;top:-1px;padding:4px 6px 2px 4px;font-family:monospace;font-size:1.3rem}.card-container .section-card .card-header .card-callout.modifier{background-color:#212121;color:#e0e0e0}.card-container .section-card .card-header .card-callout.component{background-color:#b22222;color:#fff}.card-container .section-card .card-header .card-callout.semantic{background-color:#e0e0e0;color:#212121;border:1px solid #fff}.card-container .section-card .card-header .card-callout.info{background-color:#17a2b8;color:#fff}.card-container .section-card .card-header .card-callout.font-glyph{background-color:#fdd55b;color:#212121}.card-container .section-card .card-body{position:relative}.card-container .section-card .card-body .markup-display{display:none;position:absolute;top:1rem;right:1rem}.card-container .section-card .card-body:hover .markup-display{display:block}.code-section{border:1px solid rgba(0,0,0,.125);border-top:none;margin:5px;margin-top:0;background-color:#fbfbfb;box-shadow:0 5px 4px -4px #888;z-index:-1}.code-section pre{font-family:monospace;font-size:1.2rem;line-height:1.5em;padding-top:1rem;background-color:#fbfbfb;padding-left:30px}.sidebar{position:sticky;top:56px;right:0;margin-top:calc(4.5rem + 25px)}.sidebar nav nav a{transition:color .2s linear;padding:5px 0 5px 20px;color:#868e96;border-left:2px solid #868e96;transition:border .2s linear;padding-right:10px}.sidebar nav nav a.indent-1{padding-left:3rem}.sidebar nav nav a:hover{color:#df3124;text-decoration:none;border-left-color:#df3124}.sidebar nav nav a.nav-link{border-radius:0}.sidebar nav nav a.nav-link.active{background-color:#df3124;border-left-color:#000}@media (max-width:991px){.sidebar{display:none}.content-section{width:100%}}