@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}
.bd-callout{
    padding:1.25rem;
    margin-top:1.25rem;
    margin-bottom:1.25rem;
    background-color:var(--bd-callout-bg, var(--bs-gray-100));
    border-left:0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}
.bd-callout h4{
    margin-bottom:.25rem
}
.bd-callout>:last-child{
    margin-bottom:0
}
.bd-callout+.bd-callout{
    margin-top:-.25rem
}
.bd-callout .highlight{
    background-color:rgba(0,0,0,0.05)
}
.bd-callout-info{
    --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
    --bd-callout-border: rgba(var(--bs-info-rgb), .5)
}
.bd-callout-warning{
    --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
    --bd-callout-border: rgba(var(--bs-warning-rgb), .5)
}
.bd-callout-danger{
    --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
    --bd-callout-border: rgba(var(--bs-danger-rgb), .5)
}

.bd-brand-logos .inverse{
    color:#fff;
    background-color:#712cf9
}
.bd-brand-item+.bd-brand-item{
    border-top:1px solid #fff
}
.app-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 50%;
}
.app-icon img {
    max-width: 100%;
    max-height: 100%;
}
.app-links a {
    margin-right: 10px;
}