/**
 * Sheet CSS 1.0
 *
 */
body  {
    scroll-behavior: smooth;
}
.bd-heading + div > * + *  {
    margin-top: 3rem;
}
.bd-aside a  {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: .3125rem;
    color: rgba(0, 0, 0, .65);
    text-decoration: none;
}
.bd-aside a:hover, .bd-aside a:focus  {
    color: rgba(0, 0, 0, .85);
    background-color: rgba(121, 82, 179, .1);
}
.bd-aside .active  {
    font-weight: 600;
    color: rgba(0, 0, 0, .85);
}
.bd-aside .btn  {
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    border: 0;
}
.bd-aside .btn:hover, .bd-aside .btn:focus  {
    color: rgba(0, 0, 0, .85);
    background-color: rgba(121, 82, 179, .1);
}
.bd-aside .btn:focus  {
    box-shadow: 0 0 0 1px rgba(121, 82, 179, .7);
}
.bd-aside .btn[aria-expanded="true"]::before  {
    transform: rotate(90deg) ;
}
.scrollspy-example  {
    position: relative;
    height: 200px;
    margin-top: .5rem;
    overflow: auto;
}
[id="modal"] .bd-example .btn, [id="buttons"] .bd-example .btn, [id="tooltips"] .bd-example .btn, [id="popovers"] .bd-example .btn, [id="dropdowns"] .bd-example .btn-group, [id="dropdowns"] .bd-example .dropdown, [id="dropdowns"] .bd-example .dropup, [id="dropdowns"] .bd-example .dropend, [id="dropdowns"] .bd-example .dropstart  {
    margin: 0 1rem 1rem 0;
}
@media (min-width: 1200px)  {
    body  {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 4fr 1fr;
        grid-template-rows: auto;
    }
    .bd-header  {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        grid-column: 1 / span 3;
    }
    .bd-aside, .bd-cheatsheet  {
        padding-top: 4rem;
    }
    .bd-cheatsheet, .bd-cheatsheet section, .bd-cheatsheet article  {
        display: inherit;
        gap: inherit;
        grid-template-columns: 1fr 4fr;
        grid-column: 1 / span 2;
        grid-template-rows: auto;
    }
    .bd-aside  {
        grid-area: 1 / 3;
        scroll-margin-top: 4rem;
    }
    .bd-cheatsheet section, .bd-cheatsheet section > h2  {
        top: 2rem;
        scroll-margin-top: 2rem;
    }
    .bd-cheatsheet section > h2::before  {
        position: absolute;
        top: 0;
        right: 0;
        bottom: -2rem;
        left: 0;
        z-index: -1;
        content: "";
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) calc(100% - 3rem), rgba(255, 255, 255, .01));
    }
    .bd-cheatsheet article, .bd-cheatsheet .bd-heading  {
        top: 8rem;
        scroll-margin-top: 8rem;
    }
    .bd-cheatsheet .bd-heading  {
        z-index: 1;
    }
}