/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
/*.ps__rail-x {*/
/*    display: none;*/
/*    opacity: 1;*/
/*    transition: background-color .2s linear, opacity .2s linear;*/
/*    -webkit-transition: background-color .2s linear, opacity .2s linear;*/
/*    height: 15px;*/
/*    !* there must be 'bottom' or 'top' for ps__rail-x *!*/
/*    bottom: 2px;*/
/*    !* please don't change 'position' *!*/
/*    position: absolute;*/
/*}*/

.ps__rail-y {
    display: none;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 6px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 2px;
    margin: 5px 0;
    /* please don't change 'position' */
    position: absolute;
    border-radius: 6px;
    background-color: #8397b3;
    /*box-shadow: 0 0 4px rgba(112,64,1,1);*/
}

/*.ps--active-x > .ps__rail-x,*/
.ps--active-y > .ps__rail-y {
    display: block;
}

/*.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: 1;
}

/*.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 {
    opacity: 1;
}

/*
 * Scrollbar thumb styles
 */
/*.ps__thumb-x {*/
/*    background-color: #ffba35;*/
/*    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;*/
/*    !* there must be 'bottom' for ps__thumb-x *!*/
/*    bottom: 0px;*/
/*    !* please don't change 'position' *!*/
/*    position: absolute;*/
/*}*/

.ps__thumb-y {
    background-color: #abfaff;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    /*background-color: #ffba35;*/
    border: 1px solid #6a9dd2;
    width: 8px;
    /* there must be 'right' for ps__thumb-y */
    right: -2px;
    /* please don't change 'position' */
    position: absolute;
}

/*.ps__rail-x:hover > .ps__thumb-x,*/
/*.ps__rail-x:focus > .ps__thumb-x,*/
/*.ps__rail-x.ps--clicking .ps__thumb-x {*/
/*    !* height: 11px; *!*/
/*}*/

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    /* width: 9px; */
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}