#swipe-indicator {
position: fixed !important;
top: 50% !important;
right: 0px !important;
transform: translateY(-50%) !important;
background: rgba(128, 128, 128, 0.95) !important;
color: #fff !important;
padding: 0 !important;
border-radius: 50% 0 0 50% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
z-index: 2147483647 !important; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.5) !important;
cursor: pointer !important;
width: 70px !important;
height: 70px !important;
min-width: 70px !important;
min-height: 70px !important;
max-width: 70px !important;
max-height: 70px !important;
opacity: 0 !important;
visibility: visible !important;
pointer-events: auto !important;
border: 3px solid rgba(255, 255, 255, 0.3) !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
} #swipe-indicator:hover {
background: rgba(100, 100, 100, 1) !important;
transform: translateY(-50%) scale(1.1) !important;
box-shadow: -8px 0 25px rgba(0, 0, 0, 0.6) !important;
} #swipe-indicator:active {
transform: translateY(-50%) scale(0.95) !important;
background: rgba(80, 80, 80, 1) !important;
} .swipe-icon-wrapper {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
position: relative !important;
} .swipe-icon-img {
width: 40px !important;
height: 40px !important;
filter: invert(1) brightness(3) !important;
display: block !important;
margin-left: -8px !important;
position: relative !important;
z-index: 1 !important;
} .swipe-text {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
} @media (max-width: 768px) {
#swipe-indicator {
width: 65px !important;
height: 65px !important;
min-width: 65px !important;
min-height: 65px !important;
max-width: 65px !important;
max-height: 65px !important;
}
.swipe-icon-img {
width: 35px !important;
height: 35px !important;
}
} @media (max-width: 480px) {
#swipe-indicator {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
max-width: 60px !important;
max-height: 60px !important;
}
.swipe-icon-img {
width: 32px !important;
height: 32px !important;
}
} body #swipe-indicator,
html #swipe-indicator,
div#swipe-indicator {
display: flex !important;
}