.svg-icon[onclick] {
    cursor: pointer;
}

.svg-icon {
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--main-txt-color);
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
}

.svg-icon.info {
    mask-image: url("/plugins/icons/info.svg");
    -webkit-mask-image: url("/plugins/icons/info.svg");
}

.svg-icon.menu {
    mask-image: url("/plugins/icons/menu.svg");
    -webkit-mask-image: url("/plugins/icons/menu.svg");
}

.svg-icon.menu {
    mask-image: url("/plugins/icons/menu.svg");
    -webkit-mask-image: url("/plugins/icons/menu.svg");
}

.svg-icon.email-open {
    mask-image: url("/plugins/icons/email-open.svg");
    -webkit-mask-image: url("/plugins/icons/email-open.svg");
}

.svg-icon.email-close {
    mask-image: url("/plugins/icons/email-close.svg");
    -webkit-mask-image: url("/plugins/icons/email-close.svg");
}

.svg-icon.eye {
    mask-image: url("/plugins/icons/eye.svg");
    -webkit-mask-image: url("/plugins/icons/eye.svg");
}

.svg-icon.eye-closed {
    mask-image: url("/plugins/icons/eye-closed.svg");
    -webkit-mask-image: url("/plugins/icons/eye-closed.svg");
}

.svg-icon.eye-opened {
    mask-image: url("/plugins/icons/eye-opened.svg");
    -webkit-mask-image: url("/plugins/icons/eye-opened.svg");
}

.svg-icon.double-check {
    mask-image: url("/plugins/icons/double-check.svg");
    -webkit-mask-image: url("/plugins/icons/double-check.svg");
}

.svg-icon.info-alt {
    mask-image: url("/plugins/icons/info-alt.svg");
    -webkit-mask-image: url("/plugins/icons/info-alt.svg");
}

.svg-icon.alert-circle {
    mask-image: url("/plugins/icons/alert-circle.svg");
    -webkit-mask-image: url("/plugins/icons/alert-circle.svg");
}

.svg-icon.check-circle {
    mask-image: url("/plugins/icons/check-circle.svg");
    -webkit-mask-image: url("/plugins/icons/check-circle.svg");
}

.svg-icon.edit-rectangle {
    mask-image: url("/plugins/icons/edit-rectangle.svg");
    -webkit-mask-image: url("/plugins/icons/edit-rectangle.svg");
}

.svg-icon.facebook-logo {
    mask-image: url("/plugins/icons/facebook-logo.svg");
    -webkit-mask-image: url("/plugins/icons/facebook-logo.svg");
}

.svg-icon.instagram-logo {
    mask-image: url("/plugins/icons/instagram-logo.svg");
    -webkit-mask-image: url("/plugins/icons/instagram-logo.svg");
}

.svg-icon.linkedin-logo {
    mask-image: url("/plugins/icons/linkedin-logo.svg");
    -webkit-mask-image: url("/plugins/icons/linkedin-logo.svg");
}

.svg-icon.twitter-logo {
    mask-image: url("/plugins/icons/twitter-logo.svg");
    -webkit-mask-image: url("/plugins/icons/twitter-logo.svg");
}

.svg-icon.telephone-logo {
    mask-image: url("/plugins/icons/telephone-logo.svg");
    -webkit-mask-image: url("/plugins/icons/telephone-logo.svg");
}

.svg-icon.whatsapp-logo {
    mask-image: url("/plugins/icons/whatsapp-logo.svg");
    -webkit-mask-image: url("/plugins/icons/whatsapp-logo.svg");
}

.svg-icon.bell {
    mask-image: url("/plugins/icons/bell.svg");
    -webkit-mask-image: url("/plugins/icons/bell.svg");
}

.svg-icon.home {
    mask-image: url("/plugins/icons/home.svg");
    -webkit-mask-image: url("/plugins/icons/home.svg");
}

.svg-icon.alert-triangle {
    mask-image: url("/plugins/icons/alert-triangle.svg");
    -webkit-mask-image: url("/plugins/icons/alert-triangle.svg");
}

.svg-icon.lib-audio {
    mask-image: url("/plugins/icons/lib-audio.png");
    -webkit-mask-image: url("/plugins/icons/lib-audio.png");
}

.svg-icon.lib-video {
    mask-image: url("/plugins/icons/lib-yt.png");
    -webkit-mask-image: url("/plugins/icons/lib-yt.png");
}

.svg-icon.lib-video_yt {
    mask-image: url("/plugins/icons/lib-yt.png");
    -webkit-mask-image: url("/plugins/icons/lib-yt.png");
}

.svg-icon.lib-reading {
    mask-image: url("/plugins/icons/lib-reading.png");
    -webkit-mask-image: url("/plugins/icons/lib-reading.png");
}

.svg-icon.lib-others {
    mask-image: url("/plugins/icons/lib-others.png");
    -webkit-mask-image: url("/plugins/icons/lib-others.png");
}

.svg-icon.avatar {
    mask-image: url("/plugins/icons/avatar.svg");
    -webkit-mask-image: url("/plugins/icons/avatar.svg");
}

.svg-icon.remove-circle {
    mask-image: url("/plugins/icons/remove-circle.svg");
    -webkit-mask-image: url("/plugins/icons/remove-circle.svg");
}

.svg-icon.awaiting-processing {
    mask-image: url("/plugins/icons/awaiting-processing.svg");
    -webkit-mask-image: url("/plugins/icons/awaiting-processing.svg");
}

.svg-icon.circle-failure {
    mask-image: url("/plugins/icons/circle-failure.svg");
    -webkit-mask-image: url("/plugins/icons/circle-failure.svg");
}

.svg-icon.hourglass-processing {
    mask-image: url("/plugins/icons/hourglass-processing.svg");
    -webkit-mask-image: url("/plugins/icons/hourglass-processing.svg");
}

.svg-icon.cloud-up {
    mask-image: url("/plugins/icons/cloud-up.svg");
    -webkit-mask-image: url("/plugins/icons/cloud-up.svg");
}

.svg-icon.gift {
    mask-image: url("/plugins/icons/gift.svg");
    -webkit-mask-image: url("/plugins/icons/gift.svg");
}

.svg-icon.pencil-icon {
    mask-image: url("/plugins/icons/pencil.svg");
    -webkit-mask-image: url("/plugins/icons/pencil.svg");
}

.svg-icon.reset-icon {
    mask-image: url("/plugins/icons/reset.svg");
    -webkit-mask-image: url("/plugins/icons/reset.svg");
}

.svg-icon.confirm-icon {
    mask-image: url("/plugins/icons/confirm.svg");
    -webkit-mask-image: url("/plugins/icons/confirm.svg");
}

.svg-icon.edit-svg {
    mask-image: url("/plugins/icons/edit.svg");
    -webkit-mask-image: url("/plugins/icons/edit.svg");
}

.svg-icon.image-regular {
    mask-image: url("/plugins/icons/image-regular.svg");
    -webkit-mask-image: url("/plugins/icons/image-regular.svg");
}

.svg-icon.plus {
    mask-image: url("/plugins/icons/plus.svg");
    -webkit-mask-image: url("/plugins/icons/plus.svg");
}

.svg-icon.up-arrow {
    mask-image: url("/plugins/icons/up-arrow.svg");
    -webkit-mask-image: url("/plugins/icons/up-arrow.svg");
}

.svg-icon.down-arrow {
    mask-image: url('/plugins/icons/down-arrow.svg');
    -webkit-mask-image: url('/plugins/icons/down-arrow.svg');
}

.svg-icon.select-down-arrow {
    mask-image: url('/plugins/icons/select-down-arrow.svg');
    -webkit-mask-image: url('/plugins/icons/select-down-arrow.svg');
}

.svg-icon.pdf {
    mask-image: url("/plugins/icons/pdf.svg");
    -webkit-mask-image: url("/plugins/icons/pdf.svg");
}

.svg-icon.celebrate {
    mask-image: url("/plugins/icons/comemoracao.svg");
    -webkit-mask-image: url("/plugins/icons/comemoracao.svg");
}

.svg-icon.heart {
    mask-image: url("/plugins/icons/coracao.svg");
    -webkit-mask-image: url("/plugins/icons/coracao.svg");
}

.svg-icon.like {
    mask-image: url("/plugins/icons/joia.svg");
    -webkit-mask-image: url("/plugins/icons/joia.svg");
}

.svg-icon.clap {
    mask-image: url("/plugins/icons/palma.svg");
    -webkit-mask-image: url("/plugins/icons/palma.svg");
}

.svg-icon.vote {
    mask-image: url("/plugins/icons/vote.svg");
    -webkit-mask-image: url("/plugins/icons/vote.svg");
}

.svg-icon.cam-icon {
    mask-image: url("/plugins/icons/cam.svg");
    -webkit-mask-image: url("/plugins/icons/cam.svg");
}

.svg-icon.images-icon {
    mask-image: url("/plugins/icons/images.svg");
    -webkit-mask-image: url("/plugins/icons/images.svg");
}

.svg-icon.primary-color-icon {
    background-color: var(--primary-color);
}

.svg-icon.qr-code {
    mask-image: url("/plugins/icons/qrcode.svg");
    -webkit-mask-image: url("/plugins/icons/qrcode.svg");
}

.svg-icon.circle {
    mask-image: url("/plugins/icons/circle.svg");
    -webkit-mask-image: url("/plugins/icons/circle.svg");
}

.svg-icon.filled-info {
    mask-image: url("/plugins/icons/filled-info.svg");
    -webkit-mask-image: url("/plugins/icons/filled-info.svg");
}

.svg-icon.left {
    mask-image: url("/plugins/icons/left.svg");
    -webkit-mask-image: url("/plugins/icons/left.svg");
}

.svg-icon.user {
    mask-image: url("/plugins/icons/user.svg");
    -webkit-mask-image: url("/plugins/icons/user.svg");
}

.svg-icon.users {
    mask-image: url("/plugins/icons/users.svg");
    -webkit-mask-image: url("/plugins/icons/users.svg");
}

.svg-icon.points {
    mask-image: url("/plugins/icons/points-dist.svg");
    -webkit-mask-image: url("/plugins/icons/points-dist.svg");
}

.svg-icon.coin {
    mask-image: url("/plugins/icons/coin.svg");
    -webkit-mask-image: url("/plugins/icons/coin.svg");
}

.svg-icon.coins {
    mask-image: url("/plugins/icons/coins.svg");
    -webkit-mask-image: url("/plugins/icons/coins.svg");
}

.svg-icon.ticket {
    mask-image: url("/plugins/icons/ticket.svg");
    -webkit-mask-image: url("/plugins/icons/ticket.svg");
}

.svg-icon.trash {
    mask-image: url("/plugins/icons/trash.svg");
    -webkit-mask-image: url("/plugins/icons/trash.svg");
}

.svg-icon.save {
    mask-image: url("/plugins/icons/save.svg");
    -webkit-mask-image: url("/plugins/icons/save.svg");
}

.svg-icon.open {
    mask-image: url("/plugins/icons/open.svg");
    -webkit-mask-image: url("/plugins/icons/open.svg");
}