.gg-eye {
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 24px;
    height: 18px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    overflow: hidden;
    box-sizing: border-box;
	color:#000000;
	cursor:pointer;
	transition: opacity 0.5s ease;
}
.gg-eye::after,
.gg-eye::before {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    box-sizing: border-box
}
.gg-eye::after {
    top: 2px;
    box-shadow:
        inset 0 -8px 0 2px,
        inset 0 0 0 2px;
    width: 24px;
    height: 24px;
	background-color:#ffffff;
	z-index:50;
}
.gg-eye::before {
    width: 8px;
    height: 8px;
    border: 2px solid;
    bottom: 4px;
    left: 8px;
	background-color:#000000;
	z-index:51;
}

.gg-disabled {
	opacity:0.2;
}


.gg-qr {
 transform: scale(var(--ggs,1))
}

.gg-qr,
.gg-qr::after {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 14px;
 height: 14px;
 box-shadow:
 -6px -6px 0 -4px,
 6px 6px 0 -4px,
 6px -6px 0 -4px,
 -6px 6px 0 -4px
}

.gg-qr::after {
 content: "";
 position: absolute;
 width: 4px;
 height: 4px;
 background: currentColor;
 box-shadow:
 0 6px 0,
 6px 6px 0,
 6px 0 0;
 top: 2px;
 left: 2px
}

.gg-info {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 20px;
 height: 20px;
 border: 2px solid;
 border-radius: 40px
}

.gg-info::after,
.gg-info::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 background: currentColor;
 left: 7px
}

.gg-info::after {
 bottom: 2px;
 height: 8px
}

.gg-info::before {
 height: 2px;
 top: 2px
}

.gg-arrow-down-r {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 22px;
 height: 22px;
 border: 2px solid;
 transform: scale(var(--ggs,1));
 border-radius: 4px
}

.gg-arrow-down-r::after,
.gg-arrow-down-r::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 bottom: 4px
}

.gg-arrow-down-r::after {
 width: 6px;
 height: 6px;
 border-bottom: 2px solid;
 border-left: 2px solid;
 transform: rotate(-45deg);
 left: 6px
}

.gg-arrow-down-r::before {
 width: 2px;
 height: 10px;
 left: 8px;
 background: currentColor
}

.gg-arrow-up-r {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 22px;
 height: 22px;
 border: 2px solid;
 transform: scale(var(--ggs,1));
 border-radius: 4px
}

.gg-arrow-up-r::after,
.gg-arrow-up-r::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 top: 4px
}

.gg-arrow-up-r::after {
 width: 6px;
 height: 6px;
 border-top: 2px solid;
 border-left: 2px solid;
 transform: rotate(45deg);
 left: 6px
}

.gg-arrow-up-r::before {
 width: 2px;
 height: 10px;
 left: 8px;
 background: currentColor
}

.gg-arrow-down-o {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 22px;
 height: 22px;
 border: 2px solid;
 transform: scale(var(--ggs,1));
 border-radius: 20px
}

.gg-arrow-down-o::after,
.gg-arrow-down-o::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 bottom: 4px
}

.gg-arrow-down-o::after {
 width: 6px;
 height: 6px;
 border-bottom: 2px solid;
 border-left: 2px solid;
 transform: rotate(-45deg);
 left: 6px
}

.gg-arrow-down-o::before {
 width: 2px;
 height: 10px;
 left: 8px;
 background: currentColor
}