.ps{
    overflow:hidden !important;
    overflow-anchor:none;
    -ms-overflow-style:none;
    touch-action:auto;
    -ms-touch-action:auto
}
.ps__rail-x{
    display:none;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    height:15px;
    bottom:0px;
    position:absolute
}
.ps__rail-y{
    display:none;
    opacity:0;
    transition:background-color .2s linear,opacity .2s linear;
    -webkit-transition:background-color .2s linear,opacity .2s linear;
    width:15px;
    right:0;
    position:absolute
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
    display:block;
    background-color:transparent
}
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{
    opacity:.6
}
.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{
    background-color:#eee;
    opacity:.9
}
.ps__thumb-x{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,height .2s ease-in-out;
    -webkit-transition:background-color .2s linear,height .2s ease-in-out;
    height:6px;
    bottom:2px;
    position:absolute
}
.ps__thumb-y{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color .2s linear,width .2s ease-in-out;
    -webkit-transition:background-color .2s linear,width .2s ease-in-out;
    width:6px;
    right:2px;
    position:absolute
}
.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{
    background-color:#999;
    height:11px
}
.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{
    background-color:#999;
    width:11px
}
@supports(-ms-overflow-style: none){
    .ps{
        overflow:auto !important
    }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    .ps{
        overflow:auto !important
    }
}
.ps{
    position:relative
}
.ps .ps__rail-x{
    block-size:.25rem
}
.ps .ps__rail-y{
    z-index:3;
    inline-size:.25rem
}
.ps .ps__rail-x,.ps .ps__rail-y,.ps .ps__thumb-x,.ps .ps__thumb-y{
    border-radius:50rem
}
.ps .ps__rail-x:hover,.ps .ps__rail-x:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:hover>.ps__thumb-x,.ps .ps__rail-x:focus>.ps__thumb-x,.ps .ps__rail-x.ps--clicking>.ps__thumb-x{
    block-size:.375rem
}
.ps .ps__rail-y:hover,.ps .ps__rail-y:focus,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:hover>.ps__thumb-y,.ps .ps__rail-y:focus>.ps__thumb-y,.ps .ps__rail-y.ps--clicking>.ps__thumb-y{
    inline-size:.375rem
}
.ps .ps__thumb-x{
    block-size:.25rem;
    inset-block-end:0
}
.ps .ps__thumb-y{
    inline-size:.25rem;
    inset-inline-end:0
}
.ps .ps__thumb-x,.ps .ps__thumb-y{
    background-color:var(--bs-gray-400)
}
.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{
    background-color:var(--bs-gray-200)
}
.ps .ps__rail-x:hover>.ps__thumb-x,.ps .ps__rail-y:hover>.ps__thumb-y,.ps .ps__rail-x:focus>.ps__thumb-x,.ps .ps__rail-y:focus>.ps__thumb-y,.ps .ps__rail-x.ps--clicking>.ps__thumb-x,.ps .ps__rail-y.ps--clicking>.ps__thumb-y{
    background-color:var(--bs-gray-700)
}
@supports(-moz-appearance: none){
    #both-scrollbars-example{
        margin-block:0;
        margin-inline:auto;
        max-inline-size:1080px;
        padding-inline:0
    }
}