.w3{ 
    height: 14px;
    aspect-ratio: 1/1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base);
    font-size: 0;
}

.backburger{
    -webkit-mask: url('../img/icons/backburger.svg') no-repeat center;
    mask: url('../img/icons/backburger.svg') no-repeat center;
}

.balloon{
    -webkit-mask: url('../img/icons/balloon.svg') no-repeat center;
    mask: url('../img/icons/balloon.svg') no-repeat center;
}

.bike{
    -webkit-mask: url('../img/icons/bike.svg') no-repeat center;
    mask: url('../img/icons/bike.svg') no-repeat center;
}

.bullhorn-variant-outline{
    -webkit-mask: url('../img/icons/bullhorn-variant-outline.svg') no-repeat center;
    mask: url('../img/icons/bullhorn-variant-outline.svg') no-repeat center;
}

.calculator{
    -webkit-mask: url('../img/icons/calculator.svg') no-repeat center;
    mask: url('../img/icons/calculator.svg') no-repeat center;
}

.calendar-clock{
    -webkit-mask: url('../img/icons/calendar-clock.svg') no-repeat center;
    mask: url('../img/icons/calendar-clock.svg') no-repeat center;
}

.calendar-edit{
    -webkit-mask: url('../img/icons/calendar-edit.svg') no-repeat center;
    mask: url('../img/icons/calendar-edit.svg') no-repeat center;
}

.calendar-month{
    -webkit-mask: url('../img/icons/calendar-month.svg') no-repeat center;
    mask: url('../img/icons/calendar-month.svg') no-repeat center;
}

.calendar-plus{
    -webkit-mask: url('../img/icons/calendar-plus.svg') no-repeat center;
    mask: url('../img/icons/calendar-plus.svg') no-repeat center;
}

.chevron-down{
    -webkit-mask: url('../img/icons/chevron-down.svg') no-repeat center;
    mask: url('../img/icons/chevron-down.svg') no-repeat center;
}

.close{
    -webkit-mask: url('../img/icons/close.svg') no-repeat center;
    mask: url('../img/icons/close.svg') no-repeat center;
}

.content-copy{
    -webkit-mask: url('../img/icons/content-copy.svg') no-repeat center;
    mask: url('../img/icons/content-copy.svg') no-repeat center;
}

.cross{
    -webkit-mask: url('../img/icons/cross.svg') no-repeat center;
    mask: url('../img/icons/cross.svg') no-repeat center;
}

.emoticon-happy-outline{
    -webkit-mask: url('../img/icons/emoticon-happy-outline.svg') no-repeat center;
    mask: url('../img/icons/emoticon-happy-outline.svg') no-repeat center;
}

.facebook{
    -webkit-mask: url('../img/icons/facebook.svg') no-repeat center;
    mask: url('../img/icons/facebook.svg') no-repeat center;
}

.flag-brazil{
    -webkit-mask: url('../img/icons/flag-brazil.svg') no-repeat center;
    mask: url('../img/icons/flag-brazil.svg') no-repeat center;
}

.flower-outline,
.primavera{
    -webkit-mask: url('../img/icons/flower-outline.svg') no-repeat center;
    mask: url('../img/icons/flower-outline.svg') no-repeat center;
}

.home-variant{
    -webkit-mask: url('../img/icons/home-variant.svg') no-repeat center;
    mask: url('../img/icons/home-variant.svg') no-repeat center;
}

.information-outline{
    -webkit-mask: url('../img/icons/information-outline.svg') no-repeat center;
    mask: url('../img/icons/information-outline.svg') no-repeat center;
}

.information-variant-circle{
    -webkit-mask: url('../img/icons/information-variant-circle.svg') no-repeat center;
    mask: url('../img/icons/information-variant-circle.svg') no-repeat center;
}

.ladybug{
    -webkit-mask: url('../img/icons/ladybug.svg') no-repeat center;
    mask: url('../img/icons/ladybug.svg') no-repeat center;
}

.linkedin{
    -webkit-mask: url('../img/icons/linkedin.svg') no-repeat center;
    mask: url('../img/icons/linkedin.svg') no-repeat center;
}

.magnify{
    -webkit-mask: url('../img/icons/magnify.svg') no-repeat center;
    mask: url('../img/icons/magnify.svg') no-repeat center;
}

.menu{
    -webkit-mask: url('../img/icons/menu.svg') no-repeat center;
    mask: url('../img/icons/menu.svg') no-repeat center;
}

.moon-new,
.lua-0{
    -webkit-mask: url('../img/icons/moon-new.svg') no-repeat center;
    mask: url('../img/icons/moon-new.svg') no-repeat center;
}

.moon-waning-crescent,
.lua-1{
    -webkit-mask: url('../img/icons/moon-waning-crescent.svg') no-repeat center;
    mask: url('../img/icons/moon-waning-crescent.svg') no-repeat center;
}

.moon-last-quarter,
.lua-2{
    -webkit-mask: url('../img/icons/moon-last-quarter.svg') no-repeat center;
    mask: url('../img/icons/moon-last-quarter.svg') no-repeat center;
}

.moon-waning-gibbous,
.lua-3{
    -webkit-mask: url('../img/icons/moon-waning-gibbous.svg') no-repeat center;
    mask: url('../img/icons/moon-waning-gibbous.svg') no-repeat center;
}

.moon-full,
.lua-4{
    -webkit-mask: url('../img/icons/moon-full.svg') no-repeat center;
    mask: url('../img/icons/moon-full.svg') no-repeat center;
}

.moon-waxing-gibbous,
.lua-5{
    -webkit-mask: url('../img/icons/moon-waxing-gibbous.svg') no-repeat center;
    mask: url('../img/icons/moon-waxing-gibbous.svg') no-repeat center;
}

.moon-first-quarter,
.lua-6{
    -webkit-mask: url('../img/icons/moon-first-quarter.svg') no-repeat center;
    mask: url('../img/icons/moon-first-quarter.svg') no-repeat center;
}

.moon-waxing-crescent,
.lua-7{
    -webkit-mask: url('../img/icons/moon-waxing-crescent.svg') no-repeat center;
    mask: url('../img/icons/moon-waxing-crescent.svg') no-repeat center;
}

.send-variant-outline{
    -webkit-mask: url('../img/icons/send-variant-outline.svg') no-repeat center;
    mask: url('../img/icons/send-variant-outline.svg') no-repeat center;
}

.shield-lock-outline{
    -webkit-mask: url('../img/icons/shield-lock-outline.svg') no-repeat center;
    mask: url('../img/icons/shield-lock-outline.svg') no-repeat center;
}

.shopping-outline{
    -webkit-mask: url('../img/icons/shopping-outline.svg') no-repeat center;
    mask: url('../img/icons/shopping-outline.svg') no-repeat center;
}

.snowflake,
.inverno{
    -webkit-mask: url('../img/icons/snowflake.svg') no-repeat center;
    mask: url('../img/icons/snowflake.svg') no-repeat center;
}

.star-outline{
    -webkit-mask: url('../img/icons/star-outline.svg') no-repeat center;
    mask: url('../img/icons/star-outline.svg') no-repeat center;
}

.tank{
    -webkit-mask: url('../img/icons/tank.svg') no-repeat center;
    mask: url('../img/icons/tank.svg') no-repeat center;
}

.threads{
    -webkit-mask: url('../img/icons/threads.svg') no-repeat center;
    mask: url('../img/icons/threads.svg') no-repeat center;
}

.twitter{
    -webkit-mask: url('../img/icons/twitter.svg') no-repeat center;
    mask: url('../img/icons/twitter.svg') no-repeat center;
}

.weather-windy,
.outono{
    -webkit-mask: url('../img/icons/weather-windy.svg') no-repeat center;
    mask: url('../img/icons/weather-windy.svg') no-repeat center;
}

.white-balance-sunny,
.verao{
    -webkit-mask: url('../img/icons/white-balance-sunny.svg') no-repeat center;
    mask: url('../img/icons/white-balance-sunny.svg') no-repeat center;
}

.whatsapp{
    -webkit-mask: url('../img/icons/whatsapp.svg') no-repeat center;
    mask: url('../img/icons/whatsapp.svg') no-repeat center;
}

.x{
    -webkit-mask: url('../img/icons/x.svg') no-repeat center;
    mask: url('../img/icons/x.svg') no-repeat center;
}