.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;
}