.svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
}

.svg-inline svg, .svg svg {
    display: block;
}

.scrollbar:not(.scroller) {
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin
}

.scrollbar::-webkit-scrollbar,
.scrolled::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.scrollbar::-webkit-scrollbar-track,
.scrolled::-webkit-scrollbar-track {
    border-radius: 5px
}

.scrollbar::-webkit-scrollbar-thumb,
.scrolled::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
    background: #3a3a3a;
    border: 1px solid #fff;
    border-color: #1b1b1b;
}

.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb,
.scrolled::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    background: #3a3a3a;
    border: 2px solid #fff;
    border-color: #1b1b1b;
}

.scrollbar.scrollbar--horizontal {
    overflow: hidden;
    overflow-x: auto;
    overscroll-behavior: auto
}

.scrollbar.scrollbar--overscroll-auto {
    overscroll-behavior: auto
}

#popup_iframe_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.jqmOverlay {
    background-color: rgba(66, 126, 102, 1);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
}

.jqmWindow {
    display: none;
    position: fixed;
    min-width: 250px;
    max-width: 460px;
    background: #fff;
    animation: toggle_opacity .2s;
    max-height: 100%;
    width: 100%;
    border-radius: var(--br-cart);
    padding: 0 2px 0 0;
    overflow: hidden;
}

@media(max-width: 768px)
{
    .auth_frame
    {
        left: 17px;
        right: 17px;
        width: auto;
    }
}

.show {
    display: block!important;
}

.fill-use-999 svg, .fill-use-svg-999 {
    fill: #999;
}

.jqmClose.top-close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
}

.jqmWindow>.scrollbar {
    max-height: 100vh;
    display: block;
    height: 100%;
}

@media (hover: hover) {
	.fill-theme-hover:hover *,
	.fill-theme-parent-all:hover .fill-theme-target *,
	.fill-theme-parent:hover>.fill-theme-target *,
	.fill-theme-use-svg-hover:hover * {
        fill: #D32D34;
    }
}