.sidebar-wrapper { min-width: 280px; position: relative; }

@media screen and (max-width: 767px) { .sidebar-wrapper { display: none; } }

.sidebar, .sidebar-mobile-wrapper .mobile-sidebar { background: #F7F7F7; font-family: "roboto"; height: calc(100vh - 68px); padding: 30px 24px 60px 15px; position: absolute; width: 280px; border-right: 1px solid #e2e0e0; overflow-y: scroll; }

.sidebar::-webkit-scrollbar-track, .sidebar-mobile-wrapper .mobile-sidebar::-webkit-scrollbar-track { box-shadow: none; border-radius: 10px; background: transparent; }

.sidebar::-webkit-scrollbar-thumb, .sidebar-mobile-wrapper .mobile-sidebar::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; box-shadow: none; }

.sidebar:hover::-webkit-scrollbar-thumb, .sidebar-mobile-wrapper .mobile-sidebar:hover::-webkit-scrollbar-thumb { background: #C2C2C2; }

.sidebar::-webkit-scrollbar, .sidebar-mobile-wrapper .mobile-sidebar::-webkit-scrollbar { width: 5px; }

.sidebar a.active, .sidebar-mobile-wrapper .mobile-sidebar a.active, .sidebar .nav-span, .sidebar-mobile-wrapper .mobile-sidebar .nav-span { color: #27A0B6; }

.sidebar.fixed, .sidebar-mobile-wrapper .fixed.mobile-sidebar { position: fixed; display: flex; flex-direction: column; }

.sidebar .sidebar-item-group, .sidebar-mobile-wrapper .mobile-sidebar .sidebar-item-group { flex: 1; }

.sidebar .main-nav-item, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item { font-weight: 600; font-size: 14px; }

.sidebar .main-nav-item .list-wrap, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item .list-wrap { margin: 0 0 20px 0; position: relative; cursor: pointer; }

.sidebar .main-nav-item .icon, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item .icon { position: absolute; top: -1px; width: 24px; }

.sidebar .main-nav-item .arrow, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item .arrow { position: absolute; right: 0; top: 5px; transform: rotate(90deg); transition: transform 400ms; }

.sidebar .main-nav-item .subnav, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item .subnav { overflow: hidden; margin-bottom: 20px; }

.sidebar .main-nav-item.closed .arrow, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item.closed .arrow { transform: rotate(0deg); }

.sidebar .main-nav-item.closed .subnav, .sidebar-mobile-wrapper .mobile-sidebar .main-nav-item.closed .subnav { height: 0; margin: 0; }

.sidebar .nav-item, .sidebar-mobile-wrapper .mobile-sidebar .nav-item { text-transform: uppercase; font-size: 12px; font-weight: 600; margin: 12px 0; letter-spacing: .5px; }

.sidebar .nav-item:first-child, .sidebar-mobile-wrapper .mobile-sidebar .nav-item:first-child { margin-top: 0; }

.sidebar .subnav-item, .sidebar-mobile-wrapper .mobile-sidebar .subnav-item { font-weight: 400; margin: 5px 0 5px 12px; }

.sidebar ul, .sidebar-mobile-wrapper .mobile-sidebar ul { list-style: none; margin: 0; padding: 0; }

.sidebar ul li a, .sidebar-mobile-wrapper .mobile-sidebar ul li a, .sidebar ul li span.nav-span, .sidebar-mobile-wrapper .mobile-sidebar ul li span.nav-span { color: #555; margin-left: 30px; display: inline-block; }

.sidebar ul .subheading, .sidebar-mobile-wrapper .mobile-sidebar ul .subheading { color: #555; margin-left: 30px; display: inline-block; }

.sidebar .lang-picker, .sidebar-mobile-wrapper .mobile-sidebar .lang-picker { padding: 16px 0; border-top: 1px solid gainsboro; }

.sidebar .lang-picker select, .sidebar-mobile-wrapper .mobile-sidebar .lang-picker select { width: 100%; }

.sidebar-mobile-wrapper { display: none; width: 100%; }

.sidebar-mobile-wrapper .mobile-sidebar { padding-right: 5px; width: 100%; position: initial; height: initial; background: initial; border: initial; }

.sidebar-mobile-wrapper .mobile-sidebar .main-nav-item { width: 100%; }

@media screen and (max-width: 767px) { .sidebar-mobile-wrapper { display: block; } }

@media (min-width: 1300px) { .article-container #markdown-toc, .article-container #toc { display: none; } }

.table-of-contents { position: sticky; right: 0; padding: 32px 32px 112px 12px; background: #ffffff; height: 90vh; width: 350px; overflow-y: auto; top: 64px; font-size: 16px; transition: all 0.5s ease-in-out; }

@media (max-width: 1300px) { .table-of-contents { display: none; } }

.table-of-contents .toc-heading { margin-left: -2px; }

.table-of-contents .toc-indent { border-left: 2px solid #EEEEEE; }

.table-of-contents .toc-indent a { color: #555; }

.table-of-contents .toc-indent a:hover { color: #27A0B6; }

.table-of-contents ul, .table-of-contents li { list-style-type: none; padding-left: 8px; margin: 4px 0; }

.table-of-contents ul:first, .table-of-contents li:first { padding-left: 0px; }

.docs-footer { width: 100%; padding: 48px; background: #fff; }

@media (min-width: 992px) { .docs-footer { padding-top: 52px; padding-bottom: 52px; } }

@media (max-width: 768px) { .docs-footer { margin-left: 0; width: 100%; } }

.docs-footer .nav-link { color: #171717; }

.docs-footer .nav-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: 2px solid #343434; padding: 26px 0 30px; }

@media (min-width: 992px) { .docs-footer .nav-row { padding: 15px 0; } }

.docs-footer .nav-row:first-child { border-top: none; }

@media (max-width: 767px) { .docs-footer .nav-row:first-child { flex-direction: column; flex-wrap: nowrap; align-items: center; } }

.docs-footer .lockup-link { display: flex; flex-direction: row; align-items: center; }

.docs-footer .lockup-link .logo { width: 126px; }

@media (max-width: 767px) { .docs-footer .lockup-link { justify-content: center; flex-grow: 1; } }

.docs-footer .lockup-link .title { font-size: 25.2px; font-weight: 300; font-style: normal; color: #171717; letter-spacing: 0.34px; line-height: 24px; margin-left: 9px; }

@media (max-width: 767px) { .docs-footer .social { text-align: center; flex-grow: 1; margin-top: 18px; } }

.docs-footer--row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; border-top: 1px solid #343434; padding: 26px 0 30px; }

@media (min-width: 992px) { .docs-footer--row { padding: 15px 0; } }

.docs-footer--row:first-child { border-top: none; }

@media (max-width: 767px) { .docs-footer--row:first-child { flex-direction: column; flex-wrap: nowrap; align-items: center; } }

.docs-footer--lockup-link { --link-color: #efefef; --link-color-hover: #efefef; }

@media (max-width: 767px) { .docs-footer--lockup-link { justify-content: center; flex-grow: 1; } }

.docs-footer--lockup-link:hover { color: #efefef; }

.docs-footer--lockup-title { font-size: 25.2px; font-weight: 300; letter-spacing: 0.34px; line-height: 24px; margin-left: 9px; }

.docs-footer--nav-list { margin: 0 -12px; padding: 0; list-style: none; }

@media (min-width: 768px) { .docs-footer--nav-list { margin-right: 0; } }

.docs-footer--nav-list li { display: inline-block; margin: 0 12px 5px; }

@media (max-width: 991px) { .docs-footer--nav { text-align: center; flex-grow: 1; } }

.docs-copyright { margin-bottom: 5px; }

@media (max-width: 991px) { .docs-copyright { margin-top: 18px; text-align: center; flex-grow: 1; } }

.global-nav--component { position: fixed; right: 0; left: 0; z-index: 1030; top: 0; background-color: #FFFFFF; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); }

@media (max-width: 767px) { .global-nav--component { position: sticky; } }

@media (min-width: 768px) and (max-width: 991px) { .global-nav--component .mobile-menu-button { display: block; } }

.global-nav--component .icon-bar { background-color: #161616; }

.global-nav--lockup-link { --link-color: #161616; --link-color-hover: #161616; }

.global-nav--lockup-link:hover { color: #161616; }

.global-nav--lockup-title { font-size: 25.2px; font-weight: 300; letter-spacing: 0.34px; line-height: 24px; margin-left: 9px; }

@media (max-width: 991px) { .global-nav--row-mobile { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 14px 0; } }

@media (min-width: 992px) { .global-nav--row-desktop { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 0; } }

.global-nav--toggle { position: relative; padding: 9px 10px; margin-right: -10px; background-color: transparent; background-image: none; border: 0 none transparent; }

.global-nav--toggle:focus { outline: 0; }

.global-nav--toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; transition: all .2s; }

.global-nav--toggle .icon-bar + .icon-bar { margin-top: 4px; }

.global-nav--toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }

.global-nav--toggle .middle-bar { opacity: 0; }

.global-nav--toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; }

.global-nav--toggle.collapsed .top-bar { transform: rotate(0); }

.global-nav--toggle.collapsed .middle-bar { opacity: 1; }

.global-nav--toggle.collapsed .bottom-bar { transform: rotate(0); }

@media (min-width: 992px) { .global-nav--toggle { display: none; } }

@media (max-width: 991px) { .global-nav--nav { flex-direction: column; align-items: flex-start; margin: 0 -15px; padding: 0 15px; max-height: 500px; border-top: 1px solid #D8D8D8; } .global-nav--nav.in { overflow-y: auto; } }

.global-nav--nav.in { display: flex; }

@media (min-width: 992px) { .global-nav--nav { display: flex; flex-direction: row; align-items: center; min-height: 48px; } }

@media (max-width: 991px) { .global-nav--list { margin-top: 7.5px; } .global-nav--list-item { position: relative; display: block; padding: 10px 0; font-size: 15px; } }

.global-nav--tag { --link-color: #161616; --link-color-hover: #04AA51; }

@media (min-width: 992px) { .global-nav--tags { display: none; } }

.global-nav--tag:hover, .global-nav--tag:focus { text-decoration: none; color: #04AA51; }

.global-nav--tag.active { font-weight: 600; }

.global-nav--external-link { --link-color: #898989; --link-color-hover: #19639A; color: #898989; font-size: 14px; }

@media (min-width: 992px) { .global-nav--external-links { order: -1; } }

.global-nav--external-link:hover { color: #19639A; }

@media (min-width: 992px) { .global-nav--external-link { margin-right: 20px; font-size: 16px; } .global-nav--external-link:last-child { margin-right: 0; } }

@media (max-width: 991px) { .global-nav--footer { width: calc(100% + 30px); padding: 15px; margin: 10px -15px 0; text-align: center; border-top: 1px solid #D8D8D8; } }

.flex { display: flex; }

.flex-row { flex-direction: row; }

.items-center { align-items: center; }

.global-nav--search-bar { position: absolute; left: 280px; top: 50%; margin-top: -21px; width: 260px; }

.global-nav--search-bar .main-searchbar #search-box input.instantsearch-search { border: none; }

@media (min-width: 992px) { .global-nav--search-bar .main-searchbar { border: 1px solid #BFBFBF; border-radius: 2px; } .global-nav--search-bar .main-searchbar:focus-within { border-color: #279AF1; } }

@media (min-width: 1200px) { .global-nav--search-bar { width: 440px; } }

@media (max-width: 991px) { .global-nav--search-bar { left: 0; width: 100%; padding-left: 10px; padding-right: 10px; } }

@media (max-width: 991px) { .global-nav--search-bar { display: none; } body.search-open .global-nav--search-bar { display: block; } }

.global-nav--search-button { display: inline-block; border-right: 1px solid black; padding: 5px 15px; transition: opacity 250ms ease; }

.global-nav--search-button svg { width: 17px; height: auto; }

@media (min-width: 992px) { .global-nav--search-button { display: none; } }

body.global-nav-open .global-nav--search-button { opacity: 0; }

.global-nav--component { position: sticky; }

.global-nav--component a.global-nav--lockup-link { color: initial; }

.global-nav--component .btn-primary { display: block; padding: 11px 30px; width: auto; height: auto; margin-left: auto; margin-right: auto; }

@media (max-width: 767px) { .global-nav--component .btn-primary { width: 100%; } }

.global-nav--component .divider { position: relative; }

@media (max-width: 991px) { .global-nav--component .divider { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: calc(100% + 30px); margin: 0 -15px; padding: 0 15px; border-bottom: solid 1px #D8D8D8; } }

@media (min-width: 992px) { .global-nav--component .divider { border-left: solid 1px #161616; margin-left: 30px; margin-right: 30px; align-self: stretch; display: flex; align-items: center; max-height: 48px; } }

.global-nav--nav .sidebar-mobile-wrapper { max-height: calc(100vh - 230px); overflow: auto; border-bottom: 1px solid #D8D8D8; }

.global-nav--nav .mobile-sidebar { padding-top: 30px; padding-bottom: 15px; }

.global-nav--external-link { font-weight: 600; }

@media (max-width: 991px) { .global-nav--external-link { color: #161616; } }

@media (max-width: 991px) { .global-nav--list, .global-nav--footer { margin-top: 15px; } .global-nav--footer { width: 100%; box-sizing: content-box; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 30px; padding-bottom: 20px; } }

@media (max-width: 991px) { .global-nav--nav { max-height: none; } }

body { padding-top: initial; }

a.nav-skip-button { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }

a.nav-skip-button:active, a.nav-skip-button:focus, a.nav-skip-button:hover { left: 15px; top: 0; width: auto; height: auto; overflow: visible; }

.component.subnav { border-bottom: 1px solid #D8D8D8; z-index: 2; background: #FFFFFF; list-style: none; width: 100%; }

.component.subnav li { display: inline-block; margin: 0 60px; padding: 18px 0; border-bottom: 4px solid transparent; }

.component.subnav li.active { border-bottom-color: #343434; }

.component.subnav li a { text-decoration: none; color: #343434; }

@media screen and (max-width: 1199px) { .component.subnav li { margin: 0 24px; } }

.component.subnav .container-fluid ul { display: flex; justify-content: space-around; }

.component.subnav .container-fluid li { display: flex; flex-direction: column; justify-content: center; height: 64px; margin: 0 10px; padding: 0; line-height: 1.2; }

.component.subnav .container-fluid li:first-child { margin-left: 0; }

.component.subnav .container-fluid li:last-child { margin-right: 0; }

.component.subnav.fixed { position: fixed; width: 100%; }

.component.subnav.js-fixed { position: fixed; width: 100%; top: 68px; }

.component.subnav.main-nav-offset { top: 68px; }

@media screen and (min-width: 992px) { .component.subnav.main-nav-offset .nav { margin-left: 110px; } }

@media screen and (max-width: 767px) { .component.subnav { display: none; } }

@media screen and (max-width: 767px) { #subnav-placeholder { display: none; } }

.component.subnav.js-fixed { transition: top 400ms ease; }

body.nav-hide .component.subnav.js-fixed { top: 0; }

.subnav.component { padding: 0 15px; margin-left: -15px; margin-right: -15px; width: auto; background-color: #FAFAFA; border-bottom: none; }

.subnav.component.js-fixed { transition: none; }

.subnav.component li a { color: inherit; }

.subnav.component li:first-child { margin-left: 0; }

.deep-link-anchor.subnav-offset { top: -132px; }

@media screen and (max-width: 767px) { .component.subnav { display: block; } }

@media screen and (max-width: 767px) { #subnav-placeholder { display: block; } }

@media screen and (max-width: 767px) { .component.subnav { font-size: 14px; } .component.subnav li { padding-top: 16px; padding-bottom: 8px; } }

#hits-target #subnav-placeholder { position: sticky; top: 62px; }

@media (min-width: 992px) { #hits-target #subnav-placeholder { top: 68px; } }

.base-input-style, .main-searchbar #search-box .instantsearch-search { border-radius: 0; padding: 1.25em 1em 1em 2.8em; width: 100%; }

.main-searchbar { display: flex; flex-direction: row; align-items: center; background-color: white; }

.main-searchbar #search-box { position: relative; display: block; flex-grow: 1; }

.main-searchbar #search-box .ais-SearchBox-submit { position: absolute; top: calc(50% - 20px/2); }

.main-searchbar #search-box .ais-SearchBox-submit svg { width: 20px; height: auto; }

.main-searchbar #search-box .ais-SearchBox-reset { position: absolute; top: calc(50% - 14px/2); }

.main-searchbar #search-box .ais-SearchBox-reset svg { width: 14px; height: auto; }

.main-searchbar #search-box .ais-SearchBox-submit { left: 15px; }

.main-searchbar #search-box .ais-SearchBox-reset { right: 15px; }

.main-searchbar #search-box .instantsearch-search { margin: 0; }

.main-searchbar--cancel-button { display: block; color: #7F7F7F; border-left: 1px solid #7F7F7F; padding: 5px 10px; }

@media (min-width: 768px) { .main-searchbar--cancel-button { display: none; } body.search-open .main-searchbar--cancel-button { display: block; } }

#hits-target { padding: 18px 0; background: #FAFAFA; min-height: calc(100vh - 68px); }

#hits-target h2 { padding-left: 18px; }

.search-tab-container { max-width: 1390px !important; margin: 0 auto; }

#hits-target .tab-content { margin-top: 24px; }

.result-item-wrap { padding: 12px 15px; margin-left: -15px; margin-right: -15px; }

.result-item-wrap .result-title { font-size: 18px; font-weight: 600; }

.result-item-wrap .result-title .fa-external-link { margin-left: 4px; font-size: 80%; }

.result-item-wrap .result-content { margin-top: 8px; }

.result-item-wrap .result-context { margin-top: 4px; color: #898989; font-size: 14px; }

.result-item-wrap .result-tag { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.7px; padding: 4px 8px; margin-right: 12px; color: #343434; background-color: white; border: 0.5px solid #D8D8D8; }

.result-item-wrap mark { color: #1A649A; background-color: rgba(25, 99, 154, 0.05); font-weight: 600; }

.result-item-wrap:hover { cursor: pointer; background: white; }

.subnav.component ul.results-nav { margin: 0; padding: 0; border-bottom: 1px solid #D8D8D8; }

.subnav.component ul.results-nav li { font-weight: 500; color: #898989; }

@media (max-width: 479px) { .subnav.component ul.results-nav li { margin-left: 12px; margin-right: 12px; } .subnav.component ul.results-nav li:first-child { margin-left: 0; } .subnav.component ul.results-nav li:first-last { margin-left: 0; } }

.subnav.component ul.results-nav li.active { color: #343434; }

.subnav.component ul.results-nav li .hits-count { font-weight: 100; }

body.search-open .main-body { display: none; }

body.search-open .sidebar-mobile-wrapper { display: none; }

body.search-open #hits-target { display: block !important; }

#tooltip { background: #333; color: white; font-weight: bold; padding: 4px 8px; font-size: 13px; border-radius: 4px; display: none; }

#tooltip[data-show] { display: block; }

#arrow, #arrow::before { position: absolute; width: 8px; height: 8px; z-index: -1; }

#arrow::before { content: ''; transform: rotate(45deg); background: #333; }

#tooltip[data-popper-placement^='top'] > #arrow { bottom: -4px; }

#tooltip[data-popper-placement^='bottom'] > #arrow { top: -4px; }

#tooltip[data-popper-placement^='left'] > #arrow { right: -4px; }

#tooltip[data-popper-placement^='right'] > #arrow { left: -4px; }

body { color: #555; display: block; width: 100%; background: linear-gradient(to right, #F7F7F7 0%, #F7F7F7 30%, #fff 30%, #fff 100%); font-family: 'Roboto', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 500; }

p { font-family: 'Roboto', sans-serif; color: #555; }

a { color: #27A0B6; }

a:hover { color: #36D4ED; text-decoration: none; }

a > * { pointer-events: none; }

.container-semi-fluid { padding-left: 15px; padding-right: 15px; position: relative; }

.container-semi-fluid, div.main-body { margin: 0 auto; max-width: 1920px; flex-direction: row; }

div.main-body { display: flex; background: #fff; }

.text-center-small-float-right { float: right; }

@media screen and (max-width: 767px) { .text-center-small-float-right { text-align: center; float: none; } }

.text-center-small-float-left { float: left; }

@media screen and (max-width: 767px) { .text-center-small-float-left { text-align: center; float: none; } }

.logo-small { max-width: 125px; }

.no-margin { margin: 0px; }

ul.horizontal li { display: inline-block; padding: 0 24px 0 0; }

ul.horizontal.blue a { color: #36D4ED; text-transform: initial; font-size: 16px; }

.text-blue { color: #36D4ED; }

hr.dark { border-color: #343434; }

footer li, footer span { text-transform: initial; font-size: 16px; }

#nav-button { display: none; }

#site-search { padding-bottom: 30px; }

#site-search input { margin: 0; padding: 0 1em; }

#site-search .algolia-autocomplete { width: 100%; }

#site-search .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu { left: 0 !important; right: none !important; }

div.sidebar-offset { margin-left: 280px; display: flex; height: 100vh; overflow: scroll; }

@media screen and (max-width: 768px) { div.sidebar-offset { margin-left: 0px; width: 100%; } }

body.loggedin .visitor-item { display: none !important; }

body.loggedin .dashboard-link { display: block !important; }

.dashboard-link { display: none !important; }

div.article-container { flex: 1; padding: 0 48px; width: calc(100% - 350px); max-width: 60em; }

@media screen and (max-width: 767px) { div.article-container { padding: 0 16px 0 16px; width: 100%; } }

.article-toc { display: flex; width: 100%; }

.article-toc-footer { flex-direction: column; width: calc(100% - 280px); }

@media (max-width: 768px) { .article-toc-footer { width: 100%; } }

article h2 a, article h3 a, article h4 a, article h5 a, article h6 a { padding-left: 5px; color: #27A0B6; }

article h2 a:hover, article h3 a:hover, article h4 a:hover, article h5 a:hover, article h6 a:hover { text-decoration: none; }

article h2 i.fa-link, article h3 i.fa-link, article h4 i.fa-link, article h5 i.fa-link, article h6 i.fa-link { display: none; font-size: smaller; }

article h2[id]:before, article h3[id]:before, article h4[id]:before, article h5[id]:before, article h6[id]:before { display: block; content: " "; margin-top: -135px; height: 135px; visibility: hidden; }

article h1 { font-size: 2.25rem; }

article h2 { font-size: 1.7rem; }

article h3 { margin-top: 10px; font-size: 1.4rem; }

article h4 { font-size: 1.2rem; }

article img { margin: 15px 0; max-width: 100%; }

article span.align-center { display: block; text-align: center; }

article span.align-center img { max-width: 90%; }

article .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

article .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

article .license-notice { margin: 0 auto; padding-bottom: 20px; width: 70%; text-align: center; font-size: smaller; }

div.align-center img { max-width: 90%; text-align: center; }

@media screen and (max-width: 767px) { body.homepage .article-container { padding: 0 16px 0 16px; width: calc(100% - $leftbar-width); } }

body.homepage article { display: flex; flex-wrap: wrap; width: 100%; }

body.homepage div.category-section { padding: 15px 10px 20px; width: 50%; text-align: center; }

body.homepage div.category-section .logo { width: 60px; }

body.homepage div.category-section h2 { font-size: 1.5rem; }

body.homepage div.category-section li a { font-size: 0.875rem; }

code { padding: 2px; white-space: pre-wrap !important; word-wrap: anywhere; }

/***** Widgets ****************************************************************/
.os-matrix { display: inline-block; margin: 10px 0; border: 1px solid #DEDEDE; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); background-color: white; width: auto; }

.os-matrix p { display: inline-block; margin: 0; border-left: 1px solid #DEDEDE; padding: 5px 15px; }

.os-matrix p:first-child { border-left: none; }

.os-matrix p span { margin-right: 5px; font-weight: bold; }

.alert-danger a { color: #843534; font-weight: bold; }

.tabWrapper { padding: 50px 0 0 0; position: relative; border: 1px solid #dfdfdf; margin: 16px 0; }

.tabGroup { position: absolute; display: flex; top: 0; left: 0; width: 100%; background: white; box-shadow: inset 0 -2px 0 #dfdfdf; overflow-x: auto; }

.tab { margin: 0; padding: 8px; }

.tab img { margin: 0; }

.tab pre { margin-bottom: 0px; }

.realtab { background: white; color: #999; cursor: pointer; padding: 12px 24px; border-bottom: 2px solid #dfdfdf; }

.realtab-active { border-bottom: 2px solid #4091F7; }

/***** End - Widgets **********************************************************/
.list-2cols { display: grid; grid-template-columns: 50% 50%; }

.list-3cols { display: grid; grid-template-columns: 33% 33% 33%; }

/* A fix for https://github.com/circleci/circleci-docs/issues/1978 */
body > img:last-of-type { display: none; }

/* These two classes control code block rendering when line numbers are enabled, they are formatted as tables, so without the following you see the table borders in the Jekyll output which looks bad*/
.lineno { border-color: #f5f5f5; }

pre { border-color: #f5f5f5; margin-bottom: 10px; }

.serveronly { color: #4e9eb3; }

.server-version-badge { background-color: white; border: 1px solid #333; padding: 2px 8px; border-radius: 2px; color: black; margin: 0px 6px; font-weight: bold; font-size: 12px; text-align: center; }

.server-version-badge:first-child { margin-left: 0px; }

.server-version-popover { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }

.server-version-wrapper { display: flex; align-items: center; margin-bottom: 16px; margin-top: -4px; }

@media screen and (max-width: 1068px) { .server-version-wrapper { margin: 0 0 16px 0; } }

/* Shows when screen > $screen-md, hides when smaller */
@media screen and (min-width: 992px) { .table-migrate-desktop td, .table-migrate-desktop th { width: 50%; display: inline-block; height: 100%; } }

@media screen and (max-width: 991px) { .table-migrate-desktop td, .table-migrate-desktop th { display: none; } }

.table-migrate-mobile { table-layout: fixed; }

/* Hides when screen is larger than $screen-md */
@media screen and (min-width: 992px) { .table-migrate-mobile td, .table-migrate-mobile th { display: none; } }

.img--bordered { border: 1px solid grey; border-radius: 3px; }

h6 { font-size: 16px; }

/* Experiment Key: dd_add_copy_code_button_to_docs https://app.optimizely.com/v2/projects/16812830475/experiments/20580130094/variations */
.code-badge-language { display: none; }

/*# sourceMappingURL=main.css.map */