.MSTeamsIcon {
    .cls-1 {
        fill: #5059c9;
    }

    .cls-2 {
        fill: #7b83eb;
    }

    .cls-3,
    .cls-4 {
        isolation: isolate;
    }

    .cls-3 {
        opacity: 0.1;
    }

    .cls-4 {
        opacity: 0.2;
    }

    .cls-5 {
        fill: url(#linear-gradient);
    }

    .cls-6 {
        fill: #fff;
    }
}

.SlackIcon {
    .cls-1 {
        fill: #36c5f0;
    }

    .cls-1,
    .cls-2,
    .cls-3,
    .cls-4 {
        fill-rule: evenodd;
    }

    .cls-2 {
        fill: #2eb67d;
    }

    .cls-3 {
        fill: #ecb22e;
    }

    .cls-4 {
        fill: #e01e5a;
    }
}

.WebchatIcon {
    .cls-1 {
        fill: #fff;
    }

    .cls-1,
    .cls-2,
    .cls-4 {
        fill-rule: evenodd;
    }

    .cls-2 {
        fill: #ff5d5f;
    }

    .cls-3 {
        mask: url(#mask);
    }

    .cls-4 {
        fill: #444;
    }
}

.InterceptIcon {
    .cls-1 {
        fill: none;
    }

    .cls-2 {
        clip-path: url(#clip-path);
    }

    .cls-3 {
        fill: #ff5d5f;
    }
}

.EmailIcon {
    .cls-1 {
        fill: #1b98e7;
    }
}

.ApiIcon {
    .cls-1 {
        fill: #2c2e36;
    }

    .cls-2 {
        fill: #ff5d5f;
    }
}

.SmsIcon {

    .cls-1,
    .cls-2 {
        fill-rule: evenodd;
    }

    .cls-2,
    .cls-3 {
        fill: #ff5d5f;
    }
}

.GoogleChatIcon {
    .cls-1 {
        fill: #00ac47;
    }

    .cls-2 {
        fill: #5bb974;
    }

    .cls-3 {
        fill: #00832d;
    }
}

.IvrIcon {
    .cls-1 {
        fill: #ff5d5f;
        fill-rule: evenodd;
    }
}

.TwitterIcon {
    .cls-1 {
        fill: #1da1f2;
    }
}

.WebexTeamsIcon {
    .cls-1 {
        fill: #fff;
    }

    .cls-2 {
        fill: #6ebe4a;
    }

    .cls-3 {
        fill: #d541d8;
    }

    .cls-4 {
        fill: #fbab18;
    }

    .cls-5 {
        fill: #005073;
    }

    .cls-6 {
        fill: #ff3d67;
    }

    .cls-7 {
        fill: #00bceb;
    }
}

.ZoomIcon {
    .cls-1 {
        fill: #2d8cff;
    }
}

.TicketAIAgentIcon {
    // .cls-1 {fill: none;}.cls-2 {clip-path: url(#clip-path);}.cls-3 {fill-rule: evenodd;}.cls-4 {fill: #fff;}.cls-5 {fill: #ff5d5f ;}
}

.channel-img {
    img {
        width: 100%;
        height: auto;
    }
    width: var(--aisera-uicomponents-channel-icon-width, 2rem);
    height: var(--aisera-uicomponents-channel-icon-height, 2rem);
}