:root {
    --svg-color: var(--color-typography-title); 
    --svg-size: 1.25rem;
    /*--svg-size-margin: calc(var(--svg-size) / 4);*/
}

.icon-svg {
    background-color: var(--svg-color);
    width: var(--svg-size);
    height: var(--svg-size);
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: inherit;
    mask-repeat: no-repeat;
    transition: background .1s;
    opacity: 0.99;
    /*transform: scale(.5);*/
    /*margin: var(--svg-size-margin);*/
}

.icon-shop {
    mask-image: url(/_content/VolumetricaShared/icons/shop.svg);
}

.icon-check {
    mask-image: url(/_content/VolumetricaShared/icons/check-light.svg);
}

.icon-up{
    mask-image: url(/_content/VolumetricaShared/icons/up.svg);
}

.icon-down {
    mask-image: url(/_content/VolumetricaShared/icons/down.svg);
}

.icon-assistance{
    mask-image: url(/_content/VolumetricaShared/icons/assistance.svg);
}

.icon-polygon{
    mask-image: url(/_content/VolumetricaShared/icons/polygon.svg);
}

.icon-x {
    mask-image: url(/_content/VolumetricaShared/icons/X.svg);
}

.icon-youtube {
    mask-image: url(/_content/VolumetricaShared/icons/YouTube.svg);
}

.icon-facebook {
    mask-image: url(/_content/VolumetricaShared/icons/Facebook.svg);
}

.icon-linkedin {
    mask-image: url(/_content/VolumetricaShared/icons/LinkedIn.svg);
}

.icon-telegram {
    mask-image: url(/_content/VolumetricaShared/icons/Telegram.svg);
}

.icon-microphone {
    mask-image: url(/_content/VolumetricaShared/icons/microphone.svg);
}

.icon-community {
    mask-image: url(/_content/VolumetricaShared/icons/community.svg);
}

.icon-stonks {
    mask-image: url(/_content/VolumetricaShared/icons/stonks.svg);
}

.icon-view{
    mask-image: url(/_content/VolumetricaShared/icons/view.svg);
}

.icon-hide{
    mask-image: url(/_content/VolumetricaShared/icons/hide.svg);
}

.icon-link{
    mask-image: url(/_content/VolumetricaShared/icons/link.svg);
}

.icon-facebook-alt{
    mask-image: url(/_content/VolumetricaShared/icons/facebook-alt.svg);
}

.icon-x-alt{
    mask-image: url(/_content/VolumetricaShared/icons/x-alt.svg);
}

.icon-user{
    mask-image: url(/_content/VolumetricaShared/icons/user.svg);
}

.icon-circle {
    mask-image: url(/_content/VolumetricaShared/icons/circle.svg);
}

.icon-play {
    mask-image: url(/_content/VolumetricaShared/icons/play.svg);
}

.icon-delete{
    mask-image: url(/_content/VolumetricaShared/icons/delete.svg);
}

/*.icon-active{
    --svg-color: var(--color-icon-static) !important;
}*/


.icon-menu[aria-expanded="false"]{
    --svg-size: 1.5rem;
    mask-image: url(/_content/VolumetricaShared/icons/menu.svg)
}

.icon-menu[aria-expanded="true"] {
    --svg-size: 1.5rem;
    mask-image: url(/_content/VolumetricaShared/icons/close.svg)
}