.hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8;-webkit-text-size-adjust:none}.diff .hljs-header,.hljs-comment{color:#998;font-style:italic}.css .rule .hljs-keyword,.hljs-keyword,.hljs-request,.hljs-status,.hljs-subst,.hljs-winutils,.nginx .hljs-title{color:#333;font-weight:700}.hljs-hexcolor,.hljs-number,.ruby .hljs-constant{color:teal}.hljs-doctag,.hljs-string,.hljs-tag .hljs-value,.tex .hljs-formula{color:#d14}.hljs-id,.hljs-title,.scss .hljs-preprocessor{color:#900;font-weight:700}.hljs-list .hljs-keyword,.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type,.tex .hljs-command,.vhdl .hljs-literal{color:#458;font-weight:700}.django .hljs-tag .hljs-keyword,.hljs-rule .hljs-property,.hljs-tag,.hljs-tag .hljs-title{color:navy;font-weight:400}.hljs-attribute,.hljs-name,.hljs-variable,.lisp .hljs-body{color:teal}.hljs-regexp{color:#009926}.clojure .hljs-keyword,.hljs-prompt,.hljs-symbol,.lisp .hljs-keyword,.ruby .hljs-symbol .hljs-string,.scheme .hljs-keyword,.tex .hljs-special{color:#990073}.hljs-built_in{color:#0086b3}.hljs-cdata,.hljs-doctype,.hljs-pi,.hljs-pragma,.hljs-preprocessor,.hljs-shebang{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}.avatar{border-radius:50%;height:1.625rem;width:1.625rem}.avatar.tiny{height:1.25rem;width:1.25rem}.avatar.small{height:3.125rem;width:3.125rem}.avatar.large{height:10.9375rem;width:10.9375rem}.avatar+.card-author{margin-left:.5rem}.building-block-iframe{display:block;width:100%;min-height:500px}.column-block{margin-bottom:2rem}@media screen and (min-width:40em) and (max-width:63.9375em){.column-block.scroll-x{display:inline-block;width:46%}}@media screen and (max-width:39.9375em){.column-block.scroll-x{display:inline-block;width:90%}}.card-building-block{transition:all .1s ease-out;border:0;height:17.9375rem;width:100%}.card-building-block hr{margin:0}.card-img{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:200px;position:relative;border:1px solid #eee}.kit-card{background:linear-gradient(70deg,#43053c,#427d93,#427d93);border-radius:.3125rem;color:#fff;height:17.9375rem;margin-bottom:2rem;overflow:hidden;position:relative}@media screen and (max-width:63.9375em){.kit-card{margin-bottom:1rem}}.kit-card-summary{padding:2rem 0 2rem 3rem}@media screen and (min-width:56.25em){.kit-card-summary{padding:3rem}}.kit-card-header{font-weight:700}.kit-card-sub-header{font-weight:600}.arrow-down{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #1d92cf;display:inline-block;height:0;margin-left:1rem;vertical-align:middle;width:0}.arrow-down.white{border-top:.3125rem solid #fff}.kit-card-secondary{border-radius:.1875rem;border:1px solid #fff;color:#fff;display:inline-block;line-height:1;margin-top:1rem;padding:1rem 2.5rem;text-align:center}.kit-card-secondary:hover{color:#fff}.kit-card-link{margin-top:1rem;margin-bottom:1rem}.kit-card-link-text,.kit-card-link-text:focus,.kit-card-link-text:hover{color:#fff}.kit-card-visual{position:relative}.kit-card-visual-hover{left:0;opacity:0;padding-top:3rem;position:absolute;top:0;width:90%;z-index:2}.kit-card-visual-img{min-width:31.25rem;padding:2rem}.kit-card-bb{margin-bottom:2rem;min-width:10.9375rem}.kit-card-bb-icon{display:inline-block;margin-right:1rem;margin-top:.3125rem}.kit-card-bb-list{display:inline-block;list-style-type:none;margin:0;vertical-align:top}@media screen and (max-width:39.9375em){.kit-card-link-text,.kit-card-primary,.kit-card-secondary{display:none}.kit-card-header,.kit-card-sub-header{text-align:center}.kit-card-summary{padding:2rem 2rem 0}.kit-card-visual-img{min-width:95%}}.kit-card-mobile-link{display:none}@media screen and (max-width:53.125em){.kit-card-primary,.kit-card-secondary{width:100%}.kit-card-mobile-link{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}}.code-menu{padding-top:1rem;width:auto}.code-menu-item{margin:10px 5px;padding:.3125rem 1.25rem}.code-menu-item a{color:#074e68;font-size:1.125rem;font-weight:700;text-transform:uppercase}.code-menu-item.is-active{background-color:rgba(0,67,91,.08);border-radius:2px}.code-menu-item.is-active a{color:#074e68}.code-menu-item.is-disabled{pointer-events:none}.code-menu-item.is-disabled a{color:#d0d0d0}.code-box{background-color:#f8f9fa;border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;display:none;height:400px;padding:1rem;position:relative;z-index:0}.code-box code{background:transparent;border:0;padding:0}.code-box pre{position:relative}.code-box.is-active{display:block;width:30%}.code-box-header{position:absolute;z-index:1;top:0;left:0;padding:1rem;background:rgba(248,249,250,.9);width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.code-box-script{padding-top:4rem;padding-bottom:8rem}.code-box-script pre{height:300px;overflow:auto}.code-block-toggle{display:none}.code-block-toggle.is-active{display:block}.code-toggler{color:#074e68;font-size:.875rem;font-weight:700;margin-right:.2rem;padding:.8rem 1rem;text-transform:uppercase}.code-toggler.inactive{display:inline-block;width:6.25rem}.code-toggler.is-active{background:rgba(0,67,91,.08)}.docs-code code{display:block;overflow-x:auto;padding:1rem;background:#f9f9f9;margin-bottom:1.5rem}.docs-code .bash:before{content:"$ ";color:#ccc}.docs-code .bash:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1.25rem;background:#777;border-radius:4px 4px 0 0}.docs-code .bash{border:0;background:#333;color:#fff;border-radius:4px;position:relative;padding-top:2rem}.dropdown-foundation{padding:1rem}.dropdown-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.5rem}.dropdown-title{margin-bottom:0}.dropdown-help{height:1.5rem}.dropdown-input{background:rgba(40,102,127,.06);border-color:#1d92cf;box-shadow:none}.dropdown-copy{width:6.25rem}.building-block-header-name-section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.building-block-header-name-section .building-block-title{line-height:23px}.building-block-header-name-section .building-block-author,.building-block-header-name-section .building-block-title{margin-bottom:0}@media screen and (max-width:63.9375em){.building-block-header-name-section{display:block}.building-block-header-name-section .building-block-author,.building-block-header-name-section .building-block-title{margin-left:0;margin-bottom:.5rem;padding:0;display:block}}.building-block-title{color:#074e68;display:inline;font-size:1.6875rem;font-weight:700;text-transform:uppercase}@media screen and (max-width:39.9375em){.building-block-title{padding-right:3.125rem;display:block;font-size:1.5rem}}.building-block-author{color:#9b9b9b;display:inline;font-size:.9375rem;margin-left:.5rem;text-transform:none}.building-block-author a{color:#9b9b9b}.building-block-author img{margin-right:10px}@media screen and (max-width:39.9375em){.building-block-author{display:block;margin-left:0}}.bb-header-social{margin-left:1rem}@media screen and (max-width:39.9375em){.bb-header-social{display:none}}.bb-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media screen and (max-width:39.9375em){.bb-actions .bb-action-icons{-ms-flex-order:2;order:2}}.bb-actions .bb-action-icon{display:inline-block;padding:10px;position:relative;top:3px}@media screen and (max-width:39.9375em){.bb-actions .bb-action-icon{-ms-flex-order:3;order:3}}@media print,screen and (min-width:40em){.bb-actions{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}}.kit-header{background-attachment:fixed;background-position:center 150px;background-repeat:no-repeat;height:50vh;max-height:460px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:64em){.kit-header{background-size:70%;max-height:350px}}@media screen and (min-width:40em) and (max-width:63.9375em){.kit-header{background-size:90vw;height:40vh;max-height:300px}}@media screen and (max-width:39.9375em){.kit-header{background-size:95vw;height:200px}}@media (min-width:1600px){.kit-header{max-height:500px}}.kit-details{background:#fff;padding-bottom:2rem}@media screen and (max-width:39.9375em){.kit-details .kit-card-header{font-size:2.25rem;text-align:left}}.kit-details-summary{color:#074e68}.kit-details-action{display:-ms-flexbox;display:flex}.kit-details-action .kit-action-icon{display:inline-block;padding:10px;position:relative;top:5px}@media screen and (max-width:39.9375em){.kit-details-action{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.kit-details-action .kit-action-icon{-ms-flex-order:2;order:2;top:0}.kit-details-action .kit-card-link,.kit-details-action .kit-card-link-text{margin:0}.kit-details-action .kit-card-link-text{padding:10px 10px 10px 0}}.kit-details-header{margin-bottom:5rem;position:relative}.kit-details-header .bb-search-bar-container{height:100px;margin-left:15px;margin-right:15px;width:calc(100% - 15px)}@media screen and (max-width:39.9375em){.kit-details-header{margin-bottom:1.5rem}}.kit-details-header-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (max-width:39.9375em){.kit-details-header-text{-ms-flex-pack:center;justify-content:center;margin-bottom:1rem}}.kit-details-header-text .kit-details-header-text-heading{color:#074e68;font-size:1.4375rem;font-weight:700;margin-bottom:0}.kit-details-search{-ms-flex-align:center;align-items:center;background-color:#e9ecef;border-radius:500px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:.5rem 1.5rem}@media screen and (max-width:39.9375em){.kit-details-search{display:none}}.kit-details-search-text{color:#074e68;margin-right:1rem}.kit-details-search-icon{width:.8rem}.kit-details-search-icon *{fill:#074e68}.filter-nav .filter-nav-button .bb-filter-icons{height:.75rem}.bb-search-results{background:#f8f9fa}.filter-nav-dropdown{position:relative;z-index:4}.filter-nav-dropdown .dropdown{border:0;border-radius:.1875rem}.filter-nav-dropdown .menu{width:auto}.filter-nav-dropdown .menu>li{-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-pack:justify;justify-content:space-between}.filter-nav-dropdown .menu>li a{background:#fff;border-radius:3px;color:#074e68}.filter-nav-dropdown .is-dropdown-submenu{border-top:1px solid #edeff2;margin:-1px 0 0 -1px;width:100%}.filter-nav-dropdown .is-dropdown-submenu li>a{color:#074e68}.filter-nav-dropdown .is-dropdown-submenu li>a:hover{background:rgba(40,102,127,.06)}.filter-nav-dropdown .dropdown.menu .is-dropdown-submenu-parent>a:after{display:block;width:0;height:0;border:6px inset;border-bottom-width:0;border-top-style:solid;border-color:#074e68 transparent transparent;content:"";right:1rem;top:60%}.building-block-preview{position:relative}.bb-media-stats{color:#074e68;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-left:.5rem}@media screen and (max-width:39.9375em){.bb-media-stats{display:none}}.preview-modal.reveal{border:0;padding:0}@media print,screen and (min-width:40em){.preview-modal.reveal{width:80%}}.preview-modal .preview-widget{width:100%}.preview-modal .close-button{font-size:1rem;text-transform:uppercase}@media print,screen and (min-width:40em){.preview-modal .close-button{display:none}}.preview-modal .preview-link{background:#1d92cf;color:#fff;display:block;font-weight:700;padding:1rem 0;text-align:center;width:100%}.preview-modal .preview-link:hover{background:#1772a2}@media screen and (max-width:39.9375em){.preview-modal .preview-link{width:100%}}.building-block-related{padding-bottom:2rem;padding-top:2rem}.building-block-related-header{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.bb-related-title{font-size:1.4375rem;font-weight:700}.bb-related-title.space{margin-bottom:2rem}.bb-related-link{color:#074e68;font-weight:700;margin-bottom:.5rem}.version-badge{background:#1d92cf;border-radius:5000px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;height:1.625rem;padding:5px 6px;width:1.625rem}.feature-block-link{display:-ms-flexbox;display:flex;margin-bottom:1rem;-ms-flex-align:start;align-items:flex-start;padding:1rem;transition:all .25s ease-in-out}.feature-block-link:hover{background:#f4f4f4}.feature-block-link .feature-block-link-title{color:#0a0a0a;font-weight:700}.feature-block-link .feature-block-link-img{max-width:226px;border:1px solid #f4f4f4}.feature-block-link img+*{margin-left:1rem}.hover-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative}.hover-wrapper .card-imghover-overlay:after{-ms-flex-align:center;align-items:center;background-color:rgba(40,103,127,.72);border-radius:.3125rem .3125rem 0 0;color:#fff;content:"See code";display:-ms-flexbox;display:flex;font-size:2.5625rem;-ms-flex-pack:center;justify-content:center;opacity:0;position:absolute;text-transform:uppercase;top:0;width:100%;z-index:3}#content h4{color:#007c82}