.shiki{border-radius:var(--bs-border-radius);padding:var(--sgs-spacer)}.bd-code-snippet{border:solid var(--bs-border-color);margin:0 1rem}@media (min-width:768px){.bd-code-snippet{border-radius:var(--bs-border-radius);margin-left:0;margin-right:0}}.bd-example{--bd-example-padding:0;position:relative}.bd-example:after{clear:both;content:"";display:block}@media (min-width:768px){.bd-example{border-radius:var(--bs-border-radius);margin-left:0;margin-right:0}}.bd-example+p{margin-top:2rem}.bd-example>.form-control+.form-control{margin-top:.5rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu{display:block;position:static}.bd-example>:last-child,.bd-example>nav:last-child .breadcrumb{margin-bottom:0}.bd-example>hr:last-child{margin-bottom:1rem}.bd-example>img+img,.bd-example>svg+svg{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{margin:calc(var(--bd-example-padding)*-1) calc(var(--bd-example-padding)*-1) var(--bd-example-padding);position:static}.bd-example .fixed-bottom,.bd-example .sticky-bottom{margin:var(--bd-example-padding) calc(var(--bd-example-padding)*-1) calc(var(--bd-example-padding)*-1);position:static}.bd-example .pagination{margin-bottom:0}.bd-example-cols [class^=col]>*,.bd-example-cssgrid [class*=grid]>*,.bd-example-row [class^=col]{background-color:rgba(var(--bs-secondary-rgb),.15);border:1px solid rgba(var(--bs-secondary-rgb),.3);padding-bottom:.75rem;padding-top:.75rem}.bd-example-cssgrid .grid+.grid,.bd-example-row .row+.row{margin-top:1rem}.bd-example-row-flex-cols .row{background-color:rgba(var(--bs-secondary-rgb),.15);min-height:10rem}.bd-example-flex div:not(.vr){background-color:rgba(var(--bs-secondary-rgb),.15);border:1px solid rgba(var(--bs-secondary-rgb),.3)}.example-container{margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:800px;width:100%}.example-container,.example-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0}.example-row{display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.example-content-main{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@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.66666667%}}.example-content-secondary{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@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.33333333%}}.bd-example-ratios .ratio{background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);color:var(--bs-secondary-color);display:inline-block;width:10rem}.bd-example-ratios .ratio>div{align-items:center;display:flex;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-offcanvas .offcanvas{display:block;height:200px;position:static;transform:translate(0);visibility:visible}.tooltip-demo a{white-space:nowrap}.tooltip-demo .btn{margin:.25rem .125rem}.custom-tooltip{--bs-tooltip-bg:var(--bs-secondary-bg);--bs-tooltip-color:var(--bs-white)}.custom-popover{--bs-popover-max-width:200px;--bs-popover-border-color:var(--bs-secondary-bg);--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-header-color:var(--bs-white);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:.5rem}.scrollspy-example{height:200px;margin-top:.5rem;overflow:auto}.scrollspy-example-2{height:350px;overflow:auto}.simple-list-example-scrollspy .active{background-color:rgba(var(--bs-secondary-rgb),.15)}.bd-example-border-utils [class^=border]{background-color:var(--bs-tertiary-bg);display:inline-block;height:5rem;margin:.25rem;width:5rem}.bd-example-rounded-utils [class*=rounded]{margin:.25rem}.bd-example-position-utils{padding:2rem;position:relative}.bd-example-position-utils .position-relative{background-color:var(--bs-tertiary-bg);height:200px}.bd-example-position-utils .position-absolute{background-color:var(--bs-body-color);border-radius:.375rem;height:2rem;width:2rem}.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}.bd-example-zindex-levels{min-height:15rem}.bd-example-zindex-levels>div{background-color:var(--bs-secondary);border:1px solid var(--bs-primary);color:var(--bs-body-bg)}.bd-example-zindex-levels>div>span{bottom:0;position:absolute;right:5px}.bd-example-zindex-levels>:nth-child(2){left:3rem;top:3rem}.bd-example-zindex-levels>:nth-child(3){left:4.5rem;top:4.5rem}.bd-example-zindex-levels>:nth-child(4){left:6rem;top:6rem}.bd-example-zindex-levels>:nth-child(5){left:7.5rem;top:7.5rem}.highlight{background-color:var(--bs-highlight-bg);padding:.75rem;position:relative}@media (min-width:768px){.highlight{border-radius:calc(var(--bs-border-radius) - 1px);padding:.75rem 1.25rem}}@media (min-width:992px){.highlight pre{margin-right:1.875rem}}.highlight pre{background-color:transparent;border:0;margin-bottom:0;margin-top:.8125rem;overflow:overlay;padding:.25rem 0 .875rem;white-space:pre}.highlight pre code{color:var(--bs-body-color);font-size:inherit;word-wrap:normal}.highlight-toolbar{background-color:var(--bs-highlight-bg)}.highlight-toolbar+.highlight{border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.bd-file-ref .highlight-toolbar{border-top-left-radius:calc(var(--bs-border-radius) - 1px);border-top-right-radius:calc(var(--bs-border-radius) - 1px)}}.bd-content .bd-code-snippet{margin-bottom:1rem}.bd-example-aos div{align-items:center;background-color:var(--bs-primary);color:#fff;display:flex;font-size:2rem;height:144px;justify-content:center;margin-bottom:144px!important;margin-top:144px}
