.g44-icon{
	color:var(--g44-primary-color);
	display: flex;
	align-items: center;
	gap: 15px;
	line-height: 1;
}

.g44-icon i::before{
	display: inline-block !important;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.g44-dark .g44-icon{
	color:var(--g44-primary-color-dark);
}

.g44-icon.inherit{
	font-size:inherit;
}
.g44-icon.xs{
	font-size: clamp(30px, calc(1.2rem + ((1vw - 6px) * 4.2254)), 35px);
}
.g44-icon.s{
	font-size: clamp(40px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 60px);
}
.g44-icon.m{
	font-size: clamp(50px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 70px);
}
.g44-icon.l{
	font-size: clamp(60px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 80px);
}
.g44-icon.xl{
	font-size: clamp(70px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 90px);
}
.g44-icon.xxl{
	font-size: clamp(80px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 100px);
}

.g44-icon.custom-icon img{
	width: auto;
}
.g44-icon.custom-icon.inherit img{
	min-width: 1em;
    width: 1em;
	max-height: 1em;
}
.g44-icon.custom-icon.xs img{
    --size: clamp(30px, calc(1.2rem + ((1vw - 6px) * 4.2254)), 35px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}
.g44-icon.custom-icon.s img{
    --size: clamp(40px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 60px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}
.g44-icon.custom-icon.m img{
    --size: clamp(50px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 70px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}
.g44-icon.custom-icon.l img{
    --size: clamp(60px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 80px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}
.g44-icon.custom-icon.xl img{
    --size: clamp(70px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 90px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}
.g44-icon.custom-icon.xxl img{
    --size: clamp(80px, calc(1.5rem + ((1vw - 6px) * 4.2254)), 100px);
	min-width: var(--size);
	width: var(--size);
	max-height: var(--size);
}

.g44-icon.left{
	text-align:left;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.g44-icon.center{
	text-align:center;
	justify-content: center;
}

.g44-icon.right{
	text-align:right;
	justify-content: flex-end;
}

.g44-icon-number{
	font-size:0.4em;
	min-width: 4ch;
	font-variant-numeric: tabular-nums;
	text-align: left;
	font-weight:800;
	text-wrap: nowrap;
	opacity: 0;
}

#editor .g44-icon-number{
	opacity: 1;
}

.g44-countdown .g44-timer{
	font-weight:bold;
}