.bd-navbar { padding: .75rem 0; background-color: #7952b3 }
.bd-navbar .navbar-toggler { padding: 0; border: 0 }
.bd-navbar .navbar-nav .nav-link { padding-right: .25rem; padding-left: .25rem; color: rgba(255,255,255,0.85) }
.bd-navbar .navbar-nav .nav-link:hover, .bd-navbar .navbar-nav .nav-link:focus { color: #fff }
.bd-navbar .navbar-nav .nav-link.active { font-weight: 600; color: #fff }
.bd-navbar .navbar-nav-svg { width: 1rem; height: 1rem }
.bd-subnavbar { position: relative; z-index: 1020; background-color: rgba(255,255,255,0.95); box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05), inset 0 -1px 0 rgba(0,0,0,0.15) }
.bd-subnavbar .dropdown-menu { font-size: .875rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05) }
.bd-subnavbar .dropdown-item.current { font-weight: 600; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem top 0.6rem; background-size: .75rem .75rem }

@media (min-width: 768px) { .bd-subnavbar { position: -webkit-sticky; position: sticky; top: 0 } }
.bd-search { position: relative }
.bd-search::after { position: absolute; top: .4rem; right: .4rem; display: flex; align-items: center; justify-content: center; height: 1.5rem; padding-right: .25rem; padding-left: .25rem; font-size: .75rem; color: #6c757d; content: "Ctrl + /"; border: 1px solid #dee2e6; border-radius: .125rem }

@media (max-width: 767.98px) { .bd-search { width: 100% } }
.bd-search .form-control { padding-right: 3.75rem }
.bd-search .form-control:focus { border-color: #7952b3; box-shadow: 0 0 0 3px rgba(121,82,179,0.25) }
.bd-sidebar-toggle { color: #6c757d }
.bd-sidebar-toggle:hover, .bd-sidebar-toggle:focus { color: #7952b3 }
.bd-sidebar-toggle:focus { box-shadow: 0 0 0 3px rgba(121,82,179,0.25) }
.bd-sidebar-toggle .bi-collapse { display: none }
.bd-sidebar-toggle:not(.collapsed) .bi-expand { display: none }
.bd-sidebar-toggle:not(.collapsed) .bi-collapse { display: inline-block }
.bd-masthead { padding: 3rem 0; background: linear-gradient(165deg, #f7f5fb 50%, #fff 50%) }
.bd-masthead h1 { font-size: calc(1.525rem + 3.3vw); line-height: 1 }

@media (min-width: 1200px) { .bd-masthead h1 { font-size: 4rem } }
.bd-masthead p:not(.lead) { color: #495057 }
.bd-masthead .btn { padding: .8rem 2rem; font-weight: 600 }
.bd-masthead .lead { font-size: calc(1.275rem + .3vw); font-weight: 400; color: #495057 }

@media (min-width: 1200px) { .bd-masthead .lead { font-size: 1.5rem } }
@media (min-width: 768px) { .mw-md-75 { max-width: 75% } }
.masthead-followup-icon { padding: .75rem; background-image: linear-gradient(to bottom right, rgba(255,255,255,0.2), rgba(255,255,255,0.01)); border-radius: .75rem; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1) }
.masthead-followup-svg { filter: drop-shadow(0 1px 0 rgba(0,0,0,0.125)) }
#carbonads { position: static; display: block; max-width: 400px; padding: 15px 15px 15px 160px; margin: 2rem 0; overflow: hidden; font-size: .8125rem; line-height: 1.4; text-align: left; background-color: rgba(0,0,0,0.05) }
#carbonads a { color: #343a40; text-decoration: none }

@media (min-width: 576px) { #carbonads { max-width: 330px; border-radius: 4px } }
.carbon-img { float: left; margin-left: -145px }
.carbon-poweredby { display: block; margin-top: .75rem; color: #495057 !important }

@media (min-width: 768px) { :root { scroll-padding-top: 4rem } }
.bd-content>h2:not(:first-child) { margin-top: 3rem }
.bd-content>h3 { margin-top: 2rem }
.bd-content>ul li, .bd-content>ol li { margin-bottom: .25rem }
.bd-content>ul li>p~ul, .bd-content>ol li>p~ul { margin-top: -.5rem; margin-bottom: 1rem }
.bd-content>.table { max-width: 100%; margin-bottom: 1.5rem; font-size: .875rem }

@media (max-width: 991.98px) { .bd-content>.table { display: block; overflow-x: auto } .bd-content>.table.table-bordered { border: 0 } }
.bd-content>.table th:first-child, .bd-content>.table td:first-child { padding-left: 0 }
.bd-content>.table th:not(:last-child), .bd-content>.table td:not(:last-child) { padding-right: 1.5rem }
.bd-content>.table td:first-child>code { white-space: nowrap }
.bd-title { font-size: calc(1.425rem + 2.1vw) }

@media (min-width: 1200px) { .bd-title { font-size: 3rem } }
.bd-lead { font-size: calc(1.275rem + .3vw); font-weight: 300 }

@media (min-width: 1200px) { .bd-lead { font-size: 1.5rem } }
.bd-text-purple-bright { color: #7952b3 }
.bd-bg-purple-bright { background-color: #7952b3 }
.skippy { background-color: #563d7c }
.skippy a { color: #fff }

/*@media (max-width: 767.98px)*/
@media (max-width: 991.98px) { .bd-sidebar { margin: 0 -.75rem 1rem } }
.bd-links { overflow: auto; font-weight: 600 }

/*@media (max-width: 768px)*/
@media (min-width: 992px) {
.bd-links { position: -webkit-sticky; position: sticky; top: 5rem; display: block !important; height: calc(100vh - 7rem); padding-left: .25rem; margin-left: -.25rem; overflow-y: auto } }

/*@media (max-width: 767.98px)*/
@media (max-width: 991.98px) { .bd-links>ul { padding: 1.5rem .75rem; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef } }
.bd-links a { padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.25rem; color: rgba(0,0,0,0.65); text-decoration: none }
.bd-links a:hover, .bd-links a:focus { color: rgba(0,0,0,0.85); background-color: rgba(121,82,179,0.1) }
.bd-links .btn { padding: .25rem .5rem; font-weight: 600; color: rgba(0,0,0,0.65); background-color: transparent; border: 0 }
.bd-links .btn:hover, .bd-links .btn:focus { color: rgba(0,0,0,0.85); background-color: rgba(121,82,179,0.1) }
.bd-links .btn:focus { box-shadow: 0 0 0 1px rgba(121,82,179,0.7) }
.bd-links .btn::before { width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform 0.35s ease; transform-origin: .5em 50% }

@media (prefers-reduced-motion: reduce) { .bd-links .btn::before { transition: none } }
.bd-links .btn[aria-expanded="true"] { color: rgba(0,0,0,0.85) }
.bd-links .btn[aria-expanded="true"]::before { transform: rotate(90deg) }
.bd-links .active { font-weight: 600; color: rgba(0,0,0,0.85) }

@media (min-width: 768px) { .bd-layout { display: grid; gap: 1.5rem; grid-template-areas: "sidebar main"; grid-template-columns: 1fr 3fr } }
@media (min-width: 992px) { .bd-layout { grid-template-columns: 1fr 5fr } }
.bd-sidebar { grid-area: sidebar }
.bd-main { grid-area: main }

@media (min-width: 768px) { .bd-main { display: grid; gap: inherit; grid-template-areas: "intro" "toc" "content"; grid-template-rows: auto auto 1fr } }

@media (min-width: 992px) { .bd-main { grid-template-areas: "intro   toc" "content toc"; grid-template-columns: 4fr 1fr; grid-template-rows: auto 1fr } }
.bd-intro { grid-area: intro }
.bd-toc { grid-area: toc }
.bd-content { grid-area: content; min-width: 1px }

@media (min-width: 992px) {
.bd-toc { position: -webkit-sticky; position: sticky; top: 5rem; right: 0; z-index: 2; height: calc(100vh - 7rem); overflow-y: auto } }
.bd-toc nav { font-size: .875rem }
.bd-toc nav ul { padding-left: 0; list-style: none }
.bd-toc nav ul ul { padding-left: 1rem; margin-top: .25rem }
.bd-toc nav li { margin-bottom: .25rem }
.bd-toc nav a { color: inherit }
.bd-toc nav a:not(:hover) { text-decoration: none }
.bd-toc nav a code { font: inherit }
.bd-footer a { color: #495057; text-decoration: none }
.bd-footer a:hover, .bd-footer a:focus { color: #0d6efd; text-decoration: underline }
.bd-example-row .row>.col, .bd-example-row .row>[class^="col-"] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(39,41,43,0.03); border: 1px solid rgba(39,41,43,0.1) }
.bd-example-row .row+.row { margin-top: 1rem }
.bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255,0,0,0.1) }
.bd-highlight { background-color: rgba(86,61,124,0.15); border: 1px solid rgba(86,61,124,0.15) }
.example-container { width: 800px; width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto }
.example-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0; display: flex; flex-wrap: wrap;
margin-top:calc(var(--bs-gutter-y) * -1);
margin-right:calc(var(--bs-gutter-x) * -.5);
margin-left:calc(var(--bs-gutter-x) * -.5) }
.example-content-main { flex-shrink: 0; width: 100%; max-width: 100%;
padding-right:calc(var(--bs-gutter-x) * .5);
padding-left:calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) }

@media (min-width: 576px) { .example-content-main { flex: 0 0 auto; width: 50% } }
@media (min-width: 992px) { .example-content-main { flex: 0 0 auto; width: 66.666667% } }
.example-content-secondary { flex-shrink: 0; width: 100%; max-width: 100%;
padding-right:calc(var(--bs-gutter-x) * .5);
padding-left:calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) }

@media (min-width: 576px) { .example-content-secondary { flex: 0 0 auto; width: 50% } }
@media (min-width: 992px) { .example-content-secondary { flex: 0 0 auto; width: 33.333333% } }
.bd-example { position: relative; padding: 1rem; margin: 1rem -.75rem 0; border: solid #dee2e6; border-width: 1px 0 0 }
.bd-example::after { display: block; clear: both; content: "" }

@media (min-width: 576px) { .bd-example { padding: 1.5rem; margin-right: 0; margin-left: 0; border-width: 1px; border-top-left-radius: .25rem; border-top-right-radius: .25rem }
.bd-example+.bd-clipboard+.highlight { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } }
.bd-example+p { margin-top: 2rem }
.bd-example>.form-control+.form-control { margin-top: .5rem }
.bd-example>.nav+.nav, .bd-example>.alert+.alert, .bd-example>.navbar+.navbar, .bd-example>.progress+.progress { margin-top: 1rem }
.bd-example>.dropdown-menu { position: static; display: block }
.bd-example>:last-child { margin-bottom: 0 }
.bd-example>svg+svg, .bd-example>img+img { margin-left: .5rem }
.bd-example>.btn, .bd-example>.btn-group { margin: .25rem .125rem }
.bd-example>.btn-toolbar+.btn-toolbar { margin-top: .5rem }
.bd-example>.list-group { max-width: 400px }
.bd-example>[class*="list-group-horizontal"] { max-width: 100% }
.bd-example .fixed-top, .bd-example .sticky-top { position: static; margin: -1rem -1rem 1rem }
.bd-example .fixed-bottom { position: static; margin: 1rem -1rem -1rem }

@media (min-width: 576px) {
.bd-example .fixed-top, .bd-example .sticky-top { margin: -1.5rem -1.5rem 1rem }
.bd-example .fixed-bottom { margin: 1rem -1.5rem -1.5rem } }
.bd-example .pagination { margin-top: .5rem; margin-bottom: .5rem }
.bd-example-ratios .ratio { display: inline-block; width: 10rem; color: #6c757d; background-color: #f8f9fa; border: 1px solid #dee2e6 }
.bd-example-ratios .ratio>div { display: flex; align-items: center; justify-content: center }
.bd-example-ratios-breakpoint .ratio-4x3 { width: 16rem }

@media (min-width: 768px) {
.bd-example-ratios-breakpoint .ratio-4x3 {
--bs-aspect-ratio: 50% } }
.bd-example-modal { background-color: #fafafa }
.bd-example-modal .modal { position: static; display: block }
.bd-example-offcanvas { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.bd-example-offcanvas .offcanvas { position: static; display: block; height: 200px; visibility: visible; transform: translate(0) }
.tooltip-demo a { white-space: nowrap }
.scrollspy-example { position: relative; height: 200px; margin-top: .5rem; overflow: auto }
.scrollspy-example-2 { position: relative; height: 350px; overflow: auto }
.bd-example-border-utils [class^="border"] { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #f5f5f5 }
.bd-example-border-utils-0 [class^="border"] { border: 1px solid #dee2e6 }
.bd-example-rounded-utils [class*="rounded"] { margin: .25rem }
.bd-example-position-utils { position: relative; padding: 3em }
.bd-example-position-utils .position-relative { height: 200px; background-color: #f5f5f5 }
.bd-example-position-utils .position-absolute { width: 2em; height: 2em; background-color: #212529; border-radius: .25rem }
.bd-example-position-examples::after { content: none }
.bd-example-toasts { min-height: 240px }
.highlight { padding: 1rem; margin-bottom: 1rem; background-color: #f8f9fa }

@media (min-width: 576px) {
.highlight { padding: 1rem 1.5rem } }
.highlight pre { padding: 0; margin-top: .65rem; margin-bottom: .65rem; white-space: pre; background-color: transparent; border: 0 }
.highlight pre code { font-size: inherit; color: #212529; word-wrap: normal }
.bd-content .highlight { margin-right: -.75rem; margin-left: -.75rem }

@media (min-width: 576px) {
.bd-content .highlight { margin-right: 0; margin-left: 0 } }
.btn-bd-primary { font-weight: 600; color: #fff; background-color: #7952b3; border-color: #7952b3 }
.btn-bd-primary:hover, .btn-bd-primary:active { color: #fff; background-color: #61428f; border-color: #61428f }
.btn-bd-primary:focus { box-shadow: 0 0 0 3px rgba(121,82,179,0.25) }
.btn-bd-download { font-weight: 600; color: #ffe484; border-color: #ffe484 }
.btn-bd-download:hover, .btn-bd-download:active { color: #2a2730; background-color: #ffe484; border-color: #ffe484 }
.btn-bd-download:focus { box-shadow: 0 0 0 3px rgba(255,228,132,0.25) }
.btn-bd-light { color: #6c757d; border-color: #dee2e6 }
.show>.btn-bd-light, .btn-bd-light:hover, .btn-bd-light:active { color: #7952b3; background-color: #fff; border-color: #7952b3 }
.btn-bd-light:focus { box-shadow: 0 0 0 3px rgba(121,82,179,0.25) }
.bd-callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #e9ecef; border-left-width: .25rem; border-radius: .25rem }
.bd-callout h4 { margin-bottom: .25rem }
.bd-callout p:last-child { margin-bottom: 0 }
.bd-callout code { border-radius: .25rem }
.bd-callout+.bd-callout { margin-top: -.25rem }
.bd-callout-info { border-left-color: #5bc0de }
.bd-callout-warning { border-left-color: #f0ad4e }
.bd-callout-danger { border-left-color: #d9534f }
.bd-brand-logos { color: #7952b3 }
.bd-brand-logos .inverse { color: #fff; background-color: #7952b3 }
.bd-brand-item+.bd-brand-item { border-top: 1px solid #fff }

@media (min-width: 768px) {
.bd-brand-item+.bd-brand-item { border-top: 0; border-left: 1px solid #fff } }
.color-swatches { margin: 0 -5px }
.color-swatches .bd-purple { background-color: #563d7c }
.color-swatches .bd-purple-light { background-color: #cbbde2 }
.color-swatches .bd-purple-lighter { background-color: #e5e1ea }
.color-swatches .bd-gray { background-color: #f9f9f9 }
.color-swatch { width: 4rem; height: 4rem }

@media (min-width: 768px) { .color-swatch { width: 6rem; height: 6rem } }
.swatch-blue { color: #fff; background-color: #0d6efd }
.swatch-blue::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.50" "\a" "4.50" "\a" "4.66"; background-color: #0d6efd; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-indigo { color: #fff; background-color: #6610f2 }
.swatch-indigo::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "7.18" "\a" "7.18" "\a" "2.92"; background-color: #6610f2; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-purple { color: #fff; background-color: #6f42c1 }
.swatch-purple::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "6.51" "\a" "6.51" "\a" "3.22"; background-color: #6f42c1; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-pink { color: #fff; background-color: #d63384 }
.swatch-pink::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.50" "\a" "4.50" "\a" "4.66"; background-color: #d63384; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-red { color: #fff; background-color: #dc3545 }
.swatch-red::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.52" "\a" "4.52" "\a" "4.63"; background-color: #dc3545; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-orange { color: #000; background-color: #fd7e14 }
.swatch-orange::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "8.17" "\a" "2.57" "\a" "8.17"; background-color: #fd7e14; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-yellow { color: #000; background-color: #ffc107 }
.swatch-yellow::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "12.8" "\a" "1.63" "\a" "12.8"; background-color: #ffc107; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-green { color: #fff; background-color: #198754 }
.swatch-green::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.53" "\a" "4.53" "\a" "4.63"; background-color: #198754; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-teal { color: #000; background-color: #20c997 }
.swatch-teal::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "9.86" "\a" "2.12" "\a" "9.86"; background-color: #20c997; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-cyan { color: #000; background-color: #0dcaf0 }
.swatch-cyan::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "10.7" "\a" "1.95" "\a" "10.7"; background-color: #0dcaf0; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-white { color: #000; background-color: #fff }
.swatch-white::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "21" "\a" "1" "\a" "21"; background-color: #fff; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-gray { color: #fff; background-color: #6c757d }
.swatch-gray::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.68" "\a" "4.68" "\a" "4.47"; background-color: #6c757d; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-gray-dark { color: #fff; background-color: #343a40 }
.swatch-gray-dark::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "11.5" "\a" "11.5" "\a" "1.82"; background-color: #343a40; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.swatch-gray-500 { color: #000; background-color: #adb5bd }
.swatch-gray-500::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "10.1" "\a" "2.07" "\a" "10.1"; background-color: #adb5bd; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% }
.bd-blue-100 { color: #000; background-color: #cfe2ff }
.bd-blue-200 { color: #000; background-color: #9ec5fe }
.bd-blue-300 { color: #000; background-color: #6ea8fe }
.bd-blue-400 { color: #000; background-color: #3d8bfd }
.bd-blue-500 { color: #fff; background-color: #0d6efd }
.bd-blue-600 { color: #fff; background-color: #0a58ca }
.bd-blue-700 { color: #fff; background-color: #084298 }
.bd-blue-800 { color: #fff; background-color: #052c65 }
.bd-blue-900 { color: #fff; background-color: #031633 }
.bd-indigo-100 { color: #000; background-color: #e0cffc }
.bd-indigo-200 { color: #000; background-color: #c29ffa }
.bd-indigo-300 { color: #000; background-color: #a370f7 }
.bd-indigo-400 { color: #fff; background-color: #8540f5 }
.bd-indigo-500 { color: #fff; background-color: #6610f2 }
.bd-indigo-600 { color: #fff; background-color: #520dc2 }
.bd-indigo-700 { color: #fff; background-color: #3d0a91 }
.bd-indigo-800 { color: #fff; background-color: #290661 }
.bd-indigo-900 { color: #fff; background-color: #140330 }
.bd-purple-100 { color: #000; background-color: #e2d9f3 }
.bd-purple-200 { color: #000; background-color: #c5b3e6 }
.bd-purple-300 { color: #000; background-color: #a98eda }
.bd-purple-400 { color: #000; background-color: #8c68cd }
.bd-purple-500 { color: #fff; background-color: #6f42c1 }
.bd-purple-600 { color: #fff; background-color: #59359a }
.bd-purple-700 { color: #fff; background-color: #432874 }
.bd-purple-800 { color: #fff; background-color: #2c1a4d }
.bd-purple-900 { color: #fff; background-color: #160d27 }
.bd-pink-100 { color: #000; background-color: #f7d6e6 }
.bd-pink-200 { color: #000; background-color: #efadce }
.bd-pink-300 { color: #000; background-color: #e685b5 }
.bd-pink-400 { color: #000; background-color: #de5c9d }
.bd-pink-500 { color: #fff; background-color: #d63384 }
.bd-pink-600 { color: #fff; background-color: #ab296a }
.bd-pink-700 { color: #fff; background-color: #801f4f }
.bd-pink-800 { color: #fff; background-color: #561435 }
.bd-pink-900 { color: #fff; background-color: #2b0a1a }
.bd-red-100 { color: #000; background-color: #f8d7da }
.bd-red-200 { color: #000; background-color: #f1aeb5 }
.bd-red-300 { color: #000; background-color: #ea868f }
.bd-red-400 { color: #000; background-color: #e35d6a }
.bd-red-500 { color: #fff; background-color: #dc3545 }
.bd-red-600 { color: #fff; background-color: #b02a37 }
.bd-red-700 { color: #fff; background-color: #842029 }
.bd-red-800 { color: #fff; background-color: #58151c }
.bd-red-900 { color: #fff; background-color: #2c0b0e }
.bd-orange-100 { color: #000; background-color: #ffe5d0 }
.bd-orange-200 { color: #000; background-color: #fecba1 }
.bd-orange-300 { color: #000; background-color: #feb272 }
.bd-orange-400 { color: #000; background-color: #fd9843 }
.bd-orange-500 { color: #000; background-color: #fd7e14 }
.bd-orange-600 { color: #000; background-color: #ca6510 }
.bd-orange-700 { color: #fff; background-color: #984c0c }
.bd-orange-800 { color: #fff; background-color: #653208 }
.bd-orange-900 { color: #fff; background-color: #331904 }
.bd-yellow-100 { color: #000; background-color: #fff3cd }
.bd-yellow-200 { color: #000; background-color: #ffe69c }
.bd-yellow-300 { color: #000; background-color: #ffda6a }
.bd-yellow-400 { color: #000; background-color: #ffcd39 }
.bd-yellow-500 { color: #000; background-color: #ffc107 }
.bd-yellow-600 { color: #000; background-color: #cc9a06 }
.bd-yellow-700 { color: #000; background-color: #997404 }
.bd-yellow-800 { color: #fff; background-color: #664d03 }
.bd-yellow-900 { color: #fff; background-color: #332701 }
.bd-green-100 { color: #000; background-color: #d1e7dd }
.bd-green-200 { color: #000; background-color: #a3cfbb }
.bd-green-300 { color: #000; background-color: #75b798 }
.bd-green-400 { color: #000; background-color: #479f76 }
.bd-green-500 { color: #fff; background-color: #198754 }
.bd-green-600 { color: #fff; background-color: #146c43 }
.bd-green-700 { color: #fff; background-color: #0f5132 }
.bd-green-800 { color: #fff; background-color: #0a3622 }
.bd-green-900 { color: #fff; background-color: #051b11 }
.bd-teal-100 { color: #000; background-color: #d2f4ea }
.bd-teal-200 { color: #000; background-color: #a6e9d5 }
.bd-teal-300 { color: #000; background-color: #79dfc1 }
.bd-teal-400 { color: #000; background-color: #4dd4ac }
.bd-teal-500 { color: #000; background-color: #20c997 }
.bd-teal-600 { color: #000; background-color: #1aa179 }
.bd-teal-700 { color: #fff; background-color: #13795b }
.bd-teal-800 { color: #fff; background-color: #0d503c }
.bd-teal-900 { color: #fff; background-color: #06281e }
.bd-cyan-100 { color: #000; background-color: #cff4fc }
.bd-cyan-200 { color: #000; background-color: #9eeaf9 }
.bd-cyan-300 { color: #000; background-color: #6edff6 }
.bd-cyan-400 { color: #000; background-color: #3dd5f3 }
.bd-cyan-500 { color: #000; background-color: #0dcaf0 }
.bd-cyan-600 { color: #000; background-color: #0aa2c0 }
.bd-cyan-700 { color: #fff; background-color: #087990 }
.bd-cyan-800 { color: #fff; background-color: #055160 }
.bd-cyan-900 { color: #fff; background-color: #032830 }
.bd-gray-100 { color: #000; background-color: #f8f9fa }
.bd-gray-200 { color: #000; background-color: #e9ecef }
.bd-gray-300 { color: #000; background-color: #dee2e6 }
.bd-gray-400 { color: #000; background-color: #ced4da }
.bd-gray-500 { color: #000; background-color: #adb5bd }
.bd-gray-600 { color: #fff; background-color: #6c757d }
.bd-gray-700 { color: #fff; background-color: #495057 }
.bd-gray-800 { color: #fff; background-color: #343a40 }
.bd-gray-900 { color: #fff; background-color: #212529 }
.bd-white { color: #000; background-color: #fff }
.bd-black { color: #fff; background-color: #000 }
.bd-clipboard { position: relative; display: none; float: right }
.bd-clipboard+.highlight { margin-top: 0 }

@media (min-width: 768px) {
.bd-clipboard { display: block } }
.btn-clipboard { position: absolute; top: .65rem; right: .65rem; z-index: 10; display: block; padding: .25rem .5rem; font-size: .65em; color: #0d6efd; background-color: #fff; border: 1px solid; border-radius: .25rem }
.btn-clipboard:hover, .btn-clipboard:focus { color: #fff; background-color: #0d6efd }
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.bd-placeholder-img-lg { font-size: calc(1.475rem + 2.7vw) }

@media (min-width: 1200px) {
.bd-placeholder-img-lg { font-size: 3.5rem } }
.chroma .c { color: #727272 }
.chroma .ch { font-style: italic; color: #60a0b0 }
.chroma .cm { color: #727272 }
.chroma .cp { color: #008085 }
.chroma .cpf { color: #007020 }
.chroma .c1 { color: #727272 }
.chroma .cs { color: #727272 }
.chroma .gd { background-color: #fcc; border: 1px solid #c00 }
.chroma .ge { font-style: italic }
.chroma .gr { color: #f00 }
.chroma .gh { color: #030 }
.chroma .gi { background-color: #cfc; border: 1px solid #0c0 }
.chroma .go { color: #aaa }
.chroma .gp { color: #009 }
.chroma .gs { font-weight: 700 }
.chroma .gu { color: #030 }
.chroma .gt { color: #9c6 }
.chroma .gl { text-decoration: underline }
.chroma .k { color: #069 }
.chroma .kc { color: #069 }
.chroma .kd { color: #069 }
.chroma .kn { color: #069 }
.chroma .kp { color: #069 }
.chroma .kr { color: #069 }
.chroma .kt { color: #078 }
.chroma .m { color: #c24f19 }
.chroma .mb { color: #40a070 }
.chroma .mf { color: #c24f19 }
.chroma .mh { color: #c24f19 }
.chroma .mi { color: #c24f19 }
.chroma .il { color: #c24f19 }
.chroma .mo { color: #c24f19 }
.chroma .s { color: #d73038 }
.chroma .sa { color: #4070a0 }
.chroma .sb { color: #c30 }
.chroma .sc { color: #c30 }
.chroma .dl { color: #4070a0 }
.chroma .sd { font-style: italic; color: #c30 }
.chroma .s2 { color: #c30 }
.chroma .se { color: #c30 }
.chroma .sh { color: #c30 }
.chroma .si { color: #a00 }
.chroma .sx { color: #c30 }
.chroma .sr { color: #337e7e }
.chroma .s1 { color: #c30 }
.chroma .ss { color: #fc3 }
.chroma .na { color: #006ee0 }
.chroma .nb { color: #366 }
.chroma .nc { color: #168174 }
.chroma .no { color: #360 }
.chroma .nd { color: #6b62de }
.chroma .ni { color: #727272 }
.chroma .ne { color: #c00 }
.chroma .nf { color: #b715f4 }
.chroma .nl { color: #6b62de }
.chroma .nn { color: #007ca5 }
.chroma .nt { color: #2f6f9f }
.chroma .nv { color: #033 }
.chroma .o { color: #555 }
.chroma .ow { color: #000 }
.chroma .w { color: #bbb }
.chroma .language-bash::before, .chroma .language-sh::before { color: #009; content: "$ "; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.chroma .language-powershell::before { color: #009; content: "PM> "; -webkit-user-select: none; -moz-user-select: none; user-select: none }
.anchorjs-link { font-weight: 400; color: rgba(13,110,253,0.5); transition: color 0.15s ease-in-out }

@media (prefers-reduced-motion: reduce) {
.anchorjs-link { transition: none } }
.anchorjs-link:focus, .anchorjs-link:hover { color: #0d6efd; text-decoration: none }
.algolia-autocomplete { width: 100% }
.ds-dropdown-menu { width: 100%; padding: .5rem 0; margin: .125rem 0 0; font-size: .875rem; background-color: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: .25rem }

@media (min-width: 768px) {
.ds-dropdown-menu { width: 400px } }
.algolia-docsearch-suggestion--category-header { padding: .125rem 1rem; font-weight: 600; color: #7952b3 }
:not(.algolia-docsearch-suggestion__main)>.algolia-docsearch-suggestion--category-header { display: none }
.ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header { padding-top: .75rem; margin-top: .75rem; border-top: 1px solid rgba(0,0,0,0.1) }
.algolia-docsearch-suggestion--content { padding: .25rem 1rem }
.ds-cursor .algolia-docsearch-suggestion--content { background-color: rgba(203,189,226,0.2) }
.algolia-docsearch-suggestion { display: block; text-decoration: none }
.algolia-docsearch-suggestion--subcategory-column { display: none }
.algolia-docsearch-suggestion--subcategory-inline { display: inline; color: #495057 }
.algolia-docsearch-suggestion--subcategory-inline::after { padding: 0 .25rem; content: "/" }
.algolia-docsearch-suggestion--title { display: inline; font-weight: 500; color: #343a40 }
.algolia-docsearch-suggestion--text { color: #343a40; font-size: .75rem }
.algolia-docsearch-suggestion--highlight { color: #6f42c1; background-color: rgba(111,66,193,0.1) }
.algolia-docsearch-footer { padding: .5rem 1rem 0; margin-top: .625rem; font-size: .75rem; color: #6c757d; border-top: 1px solid rgba(0,0,0,0.1) }
.algolia-docsearch-footer--logo { color: inherit }