:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        width: 100vw;
        margin: 0;
        padding: 0;
        left: 0
    }
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0)
    }
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0)
    }
    .Toastify__toast-container--rtl {
        right: 0;
        left: initial
    }
}

.Toastify__toast {
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    cursor: default;
    z-index: 0;
    direction: ltr;
    border-radius: 4px;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    flex: auto;
    align-items: center;
    margin: auto 0;
    padding: 6px;
    display: flex
}

.Toastify__toast-body>div:last-child {
    word-break: break-word;
    flex: 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    flex-shrink: 0;
    width: 20px;
    margin-inline-end: 10px;
    display: flex
}

.Toastify--animate {
    animation-duration: .7s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius: 0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    cursor: pointer;
    opacity: .7;
    background: 0 0;
    border: none;
    outline: none;
    align-self: flex-start;
    padding: 0;
    transition: all .3s
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    width: 14px;
    height: 16px
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

.Toastify__progress-bar--animated {
    animation: linear forwards Toastify__trackProgress
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: 100%
}

.Toastify__spinner {
    box-sizing: border-box;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    animation: .65s linear infinite Toastify__spin
}

@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate(3000px)
    }
    60% {
        opacity: 1;
        transform: translate(-25px)
    }
    75% {
        transform: translate(10px)
    }
    90% {
        transform: translate(-5px)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate(-20px)
    }
    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate(-3000px)
    }
    60% {
        opacity: 1;
        transform: translate(25px)
    }
    75% {
        transform: translate(-10px)
    }
    90% {
        transform: translate(5px)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate(20px)
    }
    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

@keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translateY(3000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-20px)
    }
    75% {
        transform: translateY(10px)
    }
    90% {
        transform: translateY(-5px)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translateY(-10px)
    }
    40%,
    45% {
        opacity: 1;
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translateY(-3000px)
    }
    60% {
        opacity: 1;
        transform: translateY(25px)
    }
    75% {
        transform: translateY(-10px)
    }
    90% {
        transform: translateY(5px)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translateY(10px)
    }
    40%,
    45% {
        opacity: 1;
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
        transform: perspective(400px)rotateX(90deg)
    }
    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px)rotateX(-20deg)
    }
    60% {
        opacity: 1;
        transform: perspective(400px)rotateX(10deg)
    }
    80% {
        transform: perspective(400px)rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }
    30% {
        opacity: 1;
        transform: perspective(400px)rotateX(-20deg)
    }
    to {
        opacity: 0;
        transform: perspective(400px)rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        visibility: visible;
        transform: translate(110%)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        visibility: visible;
        transform: translate(-110%)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        visibility: visible;
        transform: translateY(110%)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        visibility: visible;
        transform: translateY(-110%)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate(0, 0)
    }
    to {
        visibility: hidden;
        transform: translate(110%)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate(0, 0)
    }
    to {
        visibility: hidden;
        transform: translate(-110%)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate(0, 0)
    }
    to {
        visibility: hidden;
        transform: translateY(500px)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate(0, 0)
    }
    to {
        visibility: hidden;
        transform: translateY(-500px)
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=reset]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=button]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=reset]:-moz-focusring {
    outline: 1px dotted buttontext
}

[type=submit]:-moz-focusring {
    outline: 1px dotted buttontext
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    padding: 0;
    display: table
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button {
    height: auto
}

[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template,
[hidden] {
    display: none
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
    opacity: 0
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
    display: block
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
    opacity: 0;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    animation-play-state: paused;
    animation-fill-mode: both
}

.rc-tooltip-zoom-leave {
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    animation-play-state: paused;
    animation-fill-mode: both
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
    animation-name: rcToolTipZoomIn;
    animation-play-state: running
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
    animation-name: rcToolTipZoomOut;
    animation-play-state: running
}

@keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        transform-origin: 50%;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform-origin: 50%;
        transform: scale(1)
    }
}

@keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        transform-origin: 50%;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 50%;
        transform: scale(0)
    }
}

.rc-tooltip {
    z-index: 1070;
    visibility: visible;
    opacity: .9;
    background-color: #0000000d;
    padding: 1px;
    font-size: 12px;
    line-height: 1.5;
    display: block;
    position: absolute
}

.rc-tooltip-hidden {
    display: none
}

.rc-tooltip-inner {
    color: #333;
    text-align: left;
    background-color: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    min-height: 34px;
    padding: 8px 10px;
    text-decoration: none
}

.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
    border-style: solid;
    border-color: #0000;
    width: 0;
    height: 0;
    position: absolute
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    border-width: 6px 6px 0;
    border-top-color: #b1b1b1;
    margin-left: -6px;
    transform: translate(-50%, 5px)
}

.rc-tooltip-placement-top .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-topRight .rc-tooltip-arrow-inner {
    border-width: 6px 6px 0;
    border-top-color: #fff;
    margin-left: -6px;
    bottom: 1px
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15%
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    border-width: 6px 6px 6px 0;
    border-right-color: #b1b1b1;
    margin-top: -6px;
    left: -5px;
    transform: translate(calc(1px - 100%))
}

.rc-tooltip-placement-right .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow-inner {
    border-width: 6px 6px 6px 0;
    border-right-color: #fff;
    margin-top: -6px;
    left: 1px
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    margin-top: 0;
    top: 15%
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    border-width: 6px 0 6px 6px;
    border-left-color: #b1b1b1;
    margin-top: -6px;
    right: -5px;
    transform: translate(calc(100% - 1px))
}

.rc-tooltip-placement-left .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow-inner,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow-inner {
    border-width: 6px 0 6px 6px;
    border-left-color: #fff;
    margin-top: -6px;
    right: 1px
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    margin-top: 0;
    top: 15%
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    border-width: 0 6px 6px;
    border-bottom-color: #b1b1b1;
    margin-left: -6px;
    transform: translate(-50%, -5px)
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow-inner,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow-inner {
    border-width: 0 6px 6px;
    border-bottom-color: #fff;
    margin-left: -6px;
    top: 1px
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 15%
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 15%
}

.rcs-custom-scroll {
    min-width: 0;
    min-height: 0
}

.rcs-custom-scroll .rcs-outer-container {
    overflow: hidden
}

.rcs-custom-scroll .rcs-outer-container .rcs-positioning {
    position: relative
}

.rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar {
    opacity: 1;
    transition-duration: .2s
}

.rcs-custom-scroll .rcs-inner-container {
    -webkit-overflow-scrolling: touch;
    overflow: hidden scroll
}

.rcs-custom-scroll .rcs-inner-container:after {
    content: "";
    pointer-events: none;
    will-change: height;
    background-image: linear-gradient(#0003 0%, #0000000d 60%, #0000 100%);
    height: 0;
    transition: height .1s ease-in;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.rcs-custom-scroll .rcs-inner-container.rcs-content-scrolled:after {
    height: 5px;
    transition: height .15s ease-out
}

.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-inner-container {
    -webkit-user-select: none;
    user-select: none
}

.rcs-custom-scroll .rcs-custom-scrollbar {
    opacity: 0;
    z-index: 1;
    box-sizing: border-box;
    will-change: opacity;
    pointer-events: none;
    width: 6px;
    height: 100%;
    padding: 6px 0;
    transition: opacity .4s ease-out;
    position: absolute;
    right: 3px
}

.rcs-custom-scroll .rcs-custom-scrollbar.rcs-custom-scrollbar-rtl {
    left: 3px;
    right: auto
}

.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-custom-scrollbar {
    opacity: 1
}

.rcs-custom-scroll .rcs-custom-scroll-handle {
    width: 100%;
    position: absolute;
    top: 0
}

.rcs-custom-scroll .rcs-inner-handle {
    background-color: #4eb7f5b3;
    border-radius: 3px;
    height: calc(100% - 12px);
    margin-top: 6px
}