/* https://css.gg/ */
/*
<i class="gg-arrow-long-left-l"></i>
<i class="gg-arrow-long-right-l"></i>
<i class="gg-arrow-long-up-l"></i>

*/



 .gg-arrow-long-left-l {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 border-top: 2px solid transparent;
 border-bottom: 2px solid transparent;
 box-shadow: inset 0 0 0 2px;
 width: 24px;
 height: 6px
}

.gg-arrow-long-left-l::after,
.gg-arrow-long-left-l::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

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

.gg-arrow-long-left-l::before {
 width: 2px;
 height: 6px;
 background: currentColor;
 right: -1px;
 bottom: -2px
} 

 .gg-arrow-long-right-l {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 border-top: 2px solid transparent;
 border-bottom: 2px solid transparent;
 box-shadow: inset 0 0 0 2px;
 width: 24px;
 height: 6px
}

.gg-arrow-long-right-l::after,
.gg-arrow-long-right-l::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-arrow-long-right-l::after {
 width: 6px;
 height: 6px;
 border-top: 2px solid;
 border-right: 2px solid;
 transform: rotate(45deg);
 right: 0;
 bottom: -2px
}

.gg-arrow-long-right-l::before {
 width: 2px;
 height: 6px;
 background: currentColor;
 left: -1px;
 bottom: -2px
} 


 .gg-arrow-long-up-l {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 border-right: 2px solid transparent;
 border-left: 2px solid transparent;
 box-shadow: inset 0 0 0 2px;
 height: 24px;
 width: 6px
}

.gg-arrow-long-up-l::after,
.gg-arrow-long-up-l::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

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

.gg-arrow-long-up-l::before {
 width: 6px;
 height: 2px;
 background: currentColor;
 bottom: -1px;
 left: -2px
} 

/* ************************************************************************** */

.gg-math-plus,
.gg-math-plus::after {
    display: block;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 10px;

	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;

}

.gg-math-plus {
    margin: 12px 0 0 10px;
    position: relative;
	-webkit-transform: scale(var(--ggs,1));
	-ms-transform: scale(var(--ggs,1));
	transform: scale(var(--ggs,1));
    width: 15px;
    height: 1px;
	float: right !important;
}

.gg-math-plus::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    top: -7px;
    left: 7px;
}

.open .gg-math-plus {
    margin: 12px 0 0 10px;
    position: relative;
	-webkit-transform: scale(var(--ggs,1));
	-ms-transform: scale(var(--ggs,1));
	transform: scale(var(--ggs,1));
    width: 15px;
    height: 1px;
	float: right;
}

.open .gg-math-plus::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -7px;
    left: 7px;
}

/* ************************************************************************** */