.ph:before {
    font-size: var(--gapX5);
}

.size-s.ph:before{
    font-size: 28px;
}
.size-m.ph:before{
    font-size: 40px; 
}
.size-l.ph:before{
    font-size: 60px;
}

@media (max-width: 991px){
    .size-s.ph:before{
        font-size: 24px;
    }
    .size-m.ph:before{
        font-size: 36px;
    }
    .size-l.ph:before {
        font-size: 48px;
    }
}

/* Opt-in standalone icon: the glyph scales with its own circle. */
.xleb-icons.size-circle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:var(--xleb-icon-circle-size,60px);
    height:var(--xleb-icon-circle-size,60px);
    border-radius:50%;
    background:var(--xleb-icon-circle-color,color-mix(in srgb,var(--accentColor) 6%,transparent));
    color:var(--accentColor);
    vertical-align:middle;
}
.xleb-icons.size-circle::before {
    display:block;
    font-size:calc(var(--xleb-icon-circle-size,60px) * 0.5333333333);
    line-height:1;
}

.xleb-icons.custom::before { font-size:inherit; }

@media(max-width:767px) { .xleb-icons[style*="--xleb-icon-mobile-size"]::before { font-size:var(--xleb-icon-mobile-size); } }