:root{--color-dropdown-hover:#e9ecef;}
.book-wrapper{background:#24C6DC;background:-webkit-linear-gradient(to bottom,#514A9D,#24C6DC);background:linear-gradient(to bottom,#514A9D,#24C6DC);}
.advert_nav{animation-direction:alternate;}
.advert_nav.advert-light{border-color:#f8f9fa;color:#f8f9fa;}
.advert_nav.advert-light:hover{animation:advert_nav-xa 0.3s linear infinite;}
@keyframes advert_nav-m{
  10%{border-color:#ff9292;}
  20%{border-color:#f09eff;}
  30%{border-color:#9397ff;}
  40%{border-color:#9fb8ff;}
  50%{border-color:#9fd7ff;}
  60%{border-color:#9fffd2;}
  70%{border-color:#dfff9f;}
  80%{border-color:#ffd49f;}
  90%{border-color:#ffc29f;}
  100%{border-color:#ffa198;}
}
@keyframes advert_nav-xa{
  10%{transform:translate(-0.5px,2px) rotate(0.5deg);border-color:#ffbebe;color:#ff9292;}
  20%{transform:translate(-0.5px,2px) rotate(-0.5deg);border-color:#ffdebe;color:#f09eff;}
  30%{transform:translate(-2.5px,-1.5px) rotate(0.5deg);border-color:#fff3be;color:#9397ff;}
  40%{transform:translate(-2.5px,-2.5px) rotate(-1.5deg);border-color:#eeffbe;color:#9fb8ff;}
  50%{transform:translate(2px,2px) rotate(-1.5deg);border-color:#f3ffbe;color:#9fd7ff;}
  60%{transform:translate(-2.5px,-0.5px) rotate(-0.5deg);border-color:#e9ffbe;color:#9fffd2;}
  70%{transform:translate(2px,-2.5px) rotate(-0.5deg);border-color:#d0ffbe;color:#dfff9f;}
  80%{transform:translate(1px,2px) rotate(0.5deg);border-color:#beffde;color:#ffd49f;}
  90%{transform:translate(-2.5px,-0.5px) rotate(0.5deg);border-color:#beefff;color:#ffc29f;}
  100%{transform:translate(-0.5px,-0.5px) rotate(-1.5deg);border-color:#bed8ff;color:#ffa198;}
}
@keyframes advert_nav-x{
  10%{transform:translate(-0.5px,2px) rotate(0.5deg);border-color:#ffbebe;}
  20%{transform:translate(-0.5px,2px) rotate(-0.5deg);border-color:#ffdebe;}
  30%{transform:translate(-2.5px,-1.5px) rotate(0.5deg);border-color:#fff3be;}
  40%{transform:translate(-2.5px,-2.5px) rotate(-1.5deg);border-color:#eeffbe;}
  50%{transform:translate(2px,2px) rotate(-1.5deg);border-color:#f3ffbe;}
  60%{transform:translate(-2.5px,-0.5px) rotate(-0.5deg);border-color:#e9ffbe;}
  70%{transform:translate(2px,-2.5px) rotate(-0.5deg);border-color:#d0ffbe;}
  80%{transform:translate(1px,2px) rotate(0.5deg);border-color:#beffde;}
  90%{transform:translate(-2.5px,-0.5px) rotate(0.5deg);border-color:#beefff;}
  100%{transform:translate(-0.5px,-0.5px) rotate(-1.5deg);border-color:#bed8ff;}
}
@keyframes advert_nav-a{
  10%{color:#ff9292;}
  20%{color:#f09eff;}
  30%{color:#9397ff;}
  40%{color:#9fb8ff;}
  50%{color:#9fd7ff;}
  60%{color:#9fffd2;}
  70%{color:#dfff9f;}
  80%{color:#ffd49f;}
  90%{color:#ffc29f;}
  100%{color:#ffa198;}
}

/*!

 * Bootstrap Docs (https://getbootstrap.com/)

 * Copyright 2011-2021 The Bootstrap Authors

 * Copyright 2011-2021 Twitter, Inc.

 * Licensed under the Creative Commons Attribution 3.0 Unported License.

 * For details, see https://creativecommons.org/licenses/by/3.0/.

 */
.grid{display:grid;grid-template-rows:repeat(var(--bs-rows,1),1fr);grid-template-columns:repeat(var(--bs-columns,12),1fr);gap:var(--bs-gap,1.5rem)}
.grid .g-col-1{grid-column:auto/span 1}
.grid .g-col-2{grid-column:auto/span 2}
.grid .g-col-3{grid-column:auto/span 3}
.grid .g-col-4{grid-column:auto/span 4}
.grid .g-col-5{grid-column:auto/span 5}
.grid .g-col-6{grid-column:auto/span 6}
.grid .g-col-7{grid-column:auto/span 7}
.grid .g-col-8{grid-column:auto/span 8}
.grid .g-col-9{grid-column:auto/span 9}
.grid .g-col-10{grid-column:auto/span 10}
.grid .g-col-11{grid-column:auto/span 11}
.grid .g-col-12{grid-column:auto/span 12}
.grid .g-start-1{grid-column-start:1}
.grid .g-start-2{grid-column-start:2}
.grid .g-start-3{grid-column-start:3}
.grid .g-start-4{grid-column-start:4}
.grid .g-start-5{grid-column-start:5}
.grid .g-start-6{grid-column-start:6}
.grid .g-start-7{grid-column-start:7}
.grid .g-start-8{grid-column-start:8}
.grid .g-start-9{grid-column-start:9}
.grid .g-start-10{grid-column-start:10}
.grid .g-start-11{grid-column-start:11}
@media (min-width:576px){
  .grid .g-col-sm-1{grid-column:auto/span 1}
  .grid .g-col-sm-2{grid-column:auto/span 2}
  .grid .g-col-sm-3{grid-column:auto/span 3}
  .grid .g-col-sm-4{grid-column:auto/span 4}
  .grid .g-col-sm-5{grid-column:auto/span 5}
  .grid .g-col-sm-6{grid-column:auto/span 6}
  .grid .g-col-sm-7{grid-column:auto/span 7}
  .grid .g-col-sm-8{grid-column:auto/span 8}
  .grid .g-col-sm-9{grid-column:auto/span 9}
  .grid .g-col-sm-10{grid-column:auto/span 10}
  .grid .g-col-sm-11{grid-column:auto/span 11}
  .grid .g-col-sm-12{grid-column:auto/span 12}
  .grid .g-start-sm-1{grid-column-start:1}
  .grid .g-start-sm-2{grid-column-start:2}
  .grid .g-start-sm-3{grid-column-start:3}
  .grid .g-start-sm-4{grid-column-start:4}
  .grid .g-start-sm-5{grid-column-start:5}
  .grid .g-start-sm-6{grid-column-start:6}
  .grid .g-start-sm-7{grid-column-start:7}
  .grid .g-start-sm-8{grid-column-start:8}
  .grid .g-start-sm-9{grid-column-start:9}
  .grid .g-start-sm-10{grid-column-start:10}
  .grid .g-start-sm-11{grid-column-start:11}
}
@media (min-width:768px){
  .grid .g-col-md-1{grid-column:auto/span 1}
  .grid .g-col-md-2{grid-column:auto/span 2}
  .grid .g-col-md-3{grid-column:auto/span 3}
  .grid .g-col-md-4{grid-column:auto/span 4}
  .grid .g-col-md-5{grid-column:auto/span 5}
  .grid .g-col-md-6{grid-column:auto/span 6}
  .grid .g-col-md-7{grid-column:auto/span 7}
  .grid .g-col-md-8{grid-column:auto/span 8}
  .grid .g-col-md-9{grid-column:auto/span 9}
  .grid .g-col-md-10{grid-column:auto/span 10}
  .grid .g-col-md-11{grid-column:auto/span 11}
  .grid .g-col-md-12{grid-column:auto/span 12}
  .grid .g-start-md-1{grid-column-start:1}
  .grid .g-start-md-2{grid-column-start:2}
  .grid .g-start-md-3{grid-column-start:3}
  .grid .g-start-md-4{grid-column-start:4}
  .grid .g-start-md-5{grid-column-start:5}
  .grid .g-start-md-6{grid-column-start:6}
  .grid .g-start-md-7{grid-column-start:7}
  .grid .g-start-md-8{grid-column-start:8}
  .grid .g-start-md-9{grid-column-start:9}
  .grid .g-start-md-10{grid-column-start:10}
  .grid .g-start-md-11{grid-column-start:11}
}
@media (min-width:992px){
  .grid .g-col-lg-1{grid-column:auto/span 1}
  .grid .g-col-lg-2{grid-column:auto/span 2}
  .grid .g-col-lg-3{grid-column:auto/span 3}
  .grid .g-col-lg-4{grid-column:auto/span 4}
  .grid .g-col-lg-5{grid-column:auto/span 5}
  .grid .g-col-lg-6{grid-column:auto/span 6}
  .grid .g-col-lg-7{grid-column:auto/span 7}
  .grid .g-col-lg-8{grid-column:auto/span 8}
  .grid .g-col-lg-9{grid-column:auto/span 9}
  .grid .g-col-lg-10{grid-column:auto/span 10}
  .grid .g-col-lg-11{grid-column:auto/span 11}
  .grid .g-col-lg-12{grid-column:auto/span 12}
  .grid .g-start-lg-1{grid-column-start:1}
  .grid .g-start-lg-2{grid-column-start:2}
  .grid .g-start-lg-3{grid-column-start:3}
  .grid .g-start-lg-4{grid-column-start:4}
  .grid .g-start-lg-5{grid-column-start:5}
  .grid .g-start-lg-6{grid-column-start:6}
  .grid .g-start-lg-7{grid-column-start:7}
  .grid .g-start-lg-8{grid-column-start:8}
  .grid .g-start-lg-9{grid-column-start:9}
  .grid .g-start-lg-10{grid-column-start:10}
  .grid .g-start-lg-11{grid-column-start:11}
}
@media (min-width:1200px){
  .grid .g-col-xl-1{grid-column:auto/span 1}
  .grid .g-col-xl-2{grid-column:auto/span 2}
  .grid .g-col-xl-3{grid-column:auto/span 3}
  .grid .g-col-xl-4{grid-column:auto/span 4}
  .grid .g-col-xl-5{grid-column:auto/span 5}
  .grid .g-col-xl-6{grid-column:auto/span 6}
  .grid .g-col-xl-7{grid-column:auto/span 7}
  .grid .g-col-xl-8{grid-column:auto/span 8}
  .grid .g-col-xl-9{grid-column:auto/span 9}
  .grid .g-col-xl-10{grid-column:auto/span 10}
  .grid .g-col-xl-11{grid-column:auto/span 11}
  .grid .g-col-xl-12{grid-column:auto/span 12}
  .grid .g-start-xl-1{grid-column-start:1}
  .grid .g-start-xl-2{grid-column-start:2}
  .grid .g-start-xl-3{grid-column-start:3}
  .grid .g-start-xl-4{grid-column-start:4}
  .grid .g-start-xl-5{grid-column-start:5}
  .grid .g-start-xl-6{grid-column-start:6}
  .grid .g-start-xl-7{grid-column-start:7}
  .grid .g-start-xl-8{grid-column-start:8}
  .grid .g-start-xl-9{grid-column-start:9}
  .grid .g-start-xl-10{grid-column-start:10}
  .grid .g-start-xl-11{grid-column-start:11}
}
@media (min-width:1400px){
  .grid .g-col-xxl-1{grid-column:auto/span 1}
  .grid .g-col-xxl-2{grid-column:auto/span 2}
  .grid .g-col-xxl-3{grid-column:auto/span 3}
  .grid .g-col-xxl-4{grid-column:auto/span 4}
  .grid .g-col-xxl-5{grid-column:auto/span 5}
  .grid .g-col-xxl-6{grid-column:auto/span 6}
  .grid .g-col-xxl-7{grid-column:auto/span 7}
  .grid .g-col-xxl-8{grid-column:auto/span 8}
  .grid .g-col-xxl-9{grid-column:auto/span 9}
  .grid .g-col-xxl-10{grid-column:auto/span 10}
  .grid .g-col-xxl-11{grid-column:auto/span 11}
  .grid .g-col-xxl-12{grid-column:auto/span 12}
  .grid .g-start-xxl-1{grid-column-start:1}
  .grid .g-start-xxl-2{grid-column-start:2}
  .grid .g-start-xxl-3{grid-column-start:3}
  .grid .g-start-xxl-4{grid-column-start:4}
  .grid .g-start-xxl-5{grid-column-start:5}
  .grid .g-start-xxl-6{grid-column-start:6}
  .grid .g-start-xxl-7{grid-column-start:7}
  .grid .g-start-xxl-8{grid-column-start:8}
  .grid .g-start-xxl-9{grid-column-start:9}
  .grid .g-start-xxl-10{grid-column-start:10}
  .grid .g-start-xxl-11{grid-column-start:11}
}
.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=!string!viewBox=!string!%3e%3cpath fill=!string!d=!string!/%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:'http://www.w3.org/2000/svg';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 





.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 var(--color-dropdown-hover)}
.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){
  .bd-sidebar{margin:0 -.75rem 1rem}
}
.bd-links{overflow:auto;font-weight:600}
@media (min-width:768px){
  .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){
  .bd-links>ul{padding:1.5rem .75rem;border-bottom:1px solid #e9ecef}
}
.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:var(--color-dropdown-hover)}
.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=!string!width=!string!height=!string!viewBox=!string!%3e%3cpath fill=!string!stroke=!string!stroke-linecap=!string!stroke-linejoin=!string!stroke-width=!string!d=!string!/%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='0 0 8 8']{color:rgba(0,0,0,0

.85)}
.bd-links 

.btn[aria-expanded='%23292b2c']::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-example-cssgrid{text-align:center}
.bd-example-cssgrid .grid+.grid{margin-top:1rem}
.bd-example-cssgrid .grid>*{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(255,0,255,0.1);border:1px solid rgba(255,0,255,0.25)}
.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(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.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:'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'}
@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:var(--color-dropdown-hover);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-placeholder-cards::after{display:none}
.bd-example-placeholder-cards .card{width:18rem}
.bd-example-toasts{min-height:240px}
.highlight{padding:1rem;margin-bottom:1rem;background-color:var(--color-dropdown-hover)}
@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 var(--color-dropdown-hover)}
.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 var(--color-dropdown-hover)}
.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:"Ctrl + /""\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:'http://www.w3.org/2000/svg'"\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:'16'"\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:'16'"\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:'0 0 16 16'"\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:'none'"\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:'rgba%280,0,0,.5%29'"\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:'round'"\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:'round'"\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:'2'"\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:'M5 14l6-6-6-6'"\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:"true""\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:"true""\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:"""\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:var(--color-dropdown-hover)}
.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:"4.50";-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chroma .language-powershell::before{color:#009;content:"7.18";-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:"6.51"}
.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}

/* features */
.icon-square{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;border-radius:.75rem;}
.hover-light:hover,.hover-light:focus{background-color:var(--color-dropdown-hover);}
.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in;}
.dim{opacity:1;}
.dim:focus,.dim:hover{opacity:.5;}

/* signin */
.form-signin{width:100%;max-width:330px;padding:15px;margin:auto;}
.form-signin .checkbox{font-weight:400;}
.form-signin .form-floating:focus-within{z-index:2;}
.form-signin input[type="4.50"]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.form-signin input[type="4.52"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0;}
.code-types{white-space:nowrap;z-index:1;list-style:none;display:inline-block;}
.code-types li{display:inline-block;}

/**** dashboard.css ****/
#save-button img {width: 20px; height: 20px;}
.feather{width:16px;height:16px;vertical-align:text-bottom;margin-right:0.4em;}

/**** TREE PANEL ****/
#panel img{vertical-align:text-center;}
#panel h3 > a,#panel a.item{display:block;}
#panel h3 > a{font-size:20px;padding:5px 10px;}

#panel #selected.file{background-color:#d2e9fd;border-radius:0.2em;}
#panel #selected.file > a.item{color:#1b1b1b;}
#panel #selected.directory > a.item {background-color:#d2e9fd;color:#1b1b1b;border-radius:0.2em;}

#panel h3 > a:hover,
#root li > a.item:hover{background-color:var(--color-dropdown-hover);}
#panel h3 > a:hover {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}

.item-menu ul,#root,#root ul{list-style-type:none;padding:0;margin:0;}
.nb-header{position:relative;margin:0.2em 0;border: 1px solid #ced4da;border-radius: 0.25rem;}
.nb-header .nav li .nav-link{padding:3px 6px;margin:0 3px;border-radius:0.2em;}
#root li{padding:0;position:relative;}
#root li > a.item{height:28px;padding:0 32px;background-position:0.1em 0.2em;}
#root li > a.item:hover{border-radius: 0.25rem;}
.directory{
  border-radius: 0.25rem;
  border: 1px solid #A3A8AE;
}
.directory .subtree .directory{
  margin: 2px;
}
#root > .directory{
  margin: 1px 0;
}
#root .file > a.item,#root .directory > a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#root .file > a.item{background-position:left top;background-repeat:no-repeat;background-size:28px 28px;}
#root .file.visible > a.item{background-image:url('img/file-visible.svg');}
#root .file.hidden > a.item{background-image:url('img/file-hidden.svg');}
#root .file.unindexed > a.item{background-image:url('img/file-unindexed.svg');}

#root .directory > a.item{padding-top:2px;background-position:left center;background-repeat:no-repeat;background-size:28px 28px;}
#root .directory.visible > a.item{background-image:url('img/directory-visible.svg');}
#root .directory.hidden > a.item{background-image:url('img/directory-hidden.svg');}
#root .directory.unindexed > a.item{background-image:url('img/directory-unindexed.svg');}

#root .arrow{background-color:transparent;border:1px solid transparent;position:absolute;left:0;display:inline-block;outline:none;cursor:pointer;width:28px;height:28px;padding:2px;background-position:center center;background-repeat:no-repeat;}
#root .arrow:hover{border-color:rgba(0,0,0,.15);}
#root .arrow.open{background-image:url('img/directory-open.svg');}
#root .arrow.closed{background-image:url('img/directory-closed.svg');}

/* dropdown menu for each item */
#panel .item-menu{float:right;position:absolute;top:0;right:1px;text-align:right;}
#panel .item-menu img{max-height:24px;}
.item-menu .dropdown-arrow{z-index:10;border-radius:3px;cursor:pointer;border:1px solid transparent;}
.item-menu .dropdown-arrow:hover{border-color:rgba(0,0,0,.15);}
#root .directory .item-menu .dropdown-arrow{margin:1px 0;}
#panel .dropdown{position:relative;right:0.2em;top:0.2em;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
a.item{min-height:1.5em;}
a.btn-primary svg.feather{fill:#EEE;}

/**** CONTENT ****/
#editor{min-height:5em;max-height:75vh;width:100%;margin:0;padding:16px;outline:0;background:#FFF;border-left:4px solid #50AAEE;border-radius:5px;font-weight:normal;font-size:20px;resize:none;line-height:20px;padding-left:24px;padding-right:16px;padding-top:21px;padding-bottom:0;}
textarea#editor{font-size:12px;font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;resize:none;color:#202124;background-image:url(img/lines-normal.svg),url(img/.jpg);background-repeat:repeat-y,repeat;}
#editor p{text-indent:1em;margin:0.2em;}
.success{color:blue;}
.error, .red{color:#F82600;}
.yellow{color:#E4A225;}

/**** Markdown editor [WIP] ****/
.col-title{padding:10px 20px;text-transform:uppercase;font-size:12px;letter-spacing:0.05em;border-bottom:1px solid #e8e8e8;background:white;position:relative;font-family:"Source Code Pro";color:#6b6b6b;}
textarea{resize:none;border-radius:3px;font-family:"Source Code Pro",consolas,menlo,monospace;height:100vh;line-height:1.6;margin:0;border-radius:0;margin-right:10px;font-size:14px;font-weight:500;}
textarea,textarea:focus,textarea:active{border:0;background:#f3f3f3;box-shadow:none;}
::-moz-selection{background:#fff9c4;}
::selection{background:#fff9c4;}
::-moz-selection{background:#fff9c4;}
.fs-body1{font-size:13px!important;}
.fl1{flex:1 auto!important;}
.book-tag{display:inline-block;padding:0.4rem 0.5rem;margin:0.5rem 0 0 0;line-height:1;white-space:nowrap;text-decoration:none;text-align:center;border-width:1px;border-style:solid;border-radius:3px;transition:all .15s ease-in-out;}
.book-tag:hover{text-decoration:none;color:#FFF;}
.nav-item{position:relative; /* para sub-menus*/}
.nav-item > .btn{width:38px;height:38px;padding:4px;}
.nav-item > .btn#preview-button{width:46px;}
.nav-item span img,.nav-item a img{max-height:20px;}
.modal-menu{text-align:center;list-style:none;margin:0;padding:6px 3px 6px 6px;background:#FFF;position:absolute;top:50px;left:-6px;display:none;z-index:30;}
.modal-menu .nav-item{}
#modal-header{width:38px;height:38px;background-image:url('img/feather/type.svg');background-position:8px;background-repeat:no-repeat;background-size:20px 20px;}
.is-visible{display:block;}

/* NOTEBOOKs */
.radio-color {
  display: flex;
}
.radio-color input[type="radio"] {
  display: none;
}
.radio-color label {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin: 6px 4px 5px 4px;
  z-index: 1;
  cursor: pointer;
  user-select: none;
}
.radio-color label:has(:checked):after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    height: 28px;
    width: 28px;
    border: solid 2px;
    border-radius: 50%;
    z-index: 0;
}

/* NOTEBOOK TPL */
.MuiPaper{box-shadow:0px 16px 16px rgb(0 0 0 / 10%);display:flex;border-radius:6px;}
.MuiPaper > .Mui-L{flex:3;padding:40px;display:grid;gap:24px;grid-template-columns:minmax(0px,1fr);}
.MuiPaper > .Mui-R{flex:2;display:none;align-self:flex-end;margin:20px 20px 10px 0;transition:.3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);cursor:pointer;}
.MuiPaper > .Mui-R:hover{transform:scale(1.05);}
@media (min-width:960px){
  .MuiPaper > .Mui-L{max-width:75%;}
  .MuiPaper > .Mui-R{display:flex;}
}