/* Filó Rendeira — Kit de Ícones v1.0.4
   Ícones SVG usam currentColor via mask.
   Exemplo: <i class="filo-icon filo-icon-heart"></i>
*/
.filo-icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;background:currentColor;vertical-align:middle;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;}
.filo-icon--16{width:16px;height:16px}.filo-icon--18{width:18px;height:18px}.filo-icon--20{width:20px;height:20px}.filo-icon--24{width:24px;height:24px}.filo-icon--28{width:28px;height:28px}.filo-icon--32{width:32px;height:32px}.filo-icon--40{width:40px;height:40px}.filo-icon--48{width:48px;height:48px}

.filo-icon-chat{mask-image:url('contato/chat.svg');-webkit-mask-image:url('contato/chat.svg');}
.filo-icon-email{mask-image:url('contato/email.svg');-webkit-mask-image:url('contato/email.svg');}
.filo-icon-location{mask-image:url('contato/location.svg');-webkit-mask-image:url('contato/location.svg');}
.filo-icon-phone{mask-image:url('contato/phone.svg');-webkit-mask-image:url('contato/phone.svg');}
.filo-icon-calendar{mask-image:url('envio/calendar.svg');-webkit-mask-image:url('envio/calendar.svg');}
.filo-icon-copy-code{mask-image:url('envio/copy-code.svg');-webkit-mask-image:url('envio/copy-code.svg');}
.filo-icon-package{mask-image:url('envio/package.svg');-webkit-mask-image:url('envio/package.svg');}
.filo-icon-tracking-tag{mask-image:url('envio/tracking-tag.svg');-webkit-mask-image:url('envio/tracking-tag.svg');}
.filo-icon-truck{mask-image:url('envio/truck.svg');-webkit-mask-image:url('envio/truck.svg');}
.filo-icon-arrow-right{mask-image:url('interface/arrow-right.svg');-webkit-mask-image:url('interface/arrow-right.svg');}
.filo-icon-bag{mask-image:url('interface/bag.svg');-webkit-mask-image:url('interface/bag.svg');}
.filo-icon-check{mask-image:url('interface/check.svg');-webkit-mask-image:url('interface/check.svg');}
.filo-icon-chevron-right{mask-image:url('interface/chevron-right.svg');-webkit-mask-image:url('interface/chevron-right.svg');}
.filo-icon-chevron-down{mask-image:url('interface/chevron-down.svg');-webkit-mask-image:url('interface/chevron-down.svg');}
.filo-icon-close{mask-image:url('interface/close.svg');-webkit-mask-image:url('interface/close.svg');}
.filo-icon-copy{mask-image:url('interface/copy.svg');-webkit-mask-image:url('interface/copy.svg');}
.filo-icon-edit{mask-image:url('interface/edit.svg');-webkit-mask-image:url('interface/edit.svg');}
.filo-icon-external-link{mask-image:url('interface/external-link.svg');-webkit-mask-image:url('interface/external-link.svg');}
.filo-icon-heart-filled{mask-image:url('interface/heart-filled.svg');-webkit-mask-image:url('interface/heart-filled.svg');}
.filo-icon-heart{mask-image:url('interface/heart.svg');-webkit-mask-image:url('interface/heart.svg');}
.filo-icon-info{mask-image:url('interface/info.svg');-webkit-mask-image:url('interface/info.svg');}
.filo-icon-lock{mask-image:url('interface/lock.svg');-webkit-mask-image:url('interface/lock.svg');}
.filo-icon-menu{mask-image:url('interface/menu.svg');-webkit-mask-image:url('interface/menu.svg');}
.filo-icon-save{mask-image:url('interface/save.svg');-webkit-mask-image:url('interface/save.svg');}
.filo-icon-user{mask-image:url('interface/user.svg');-webkit-mask-image:url('interface/user.svg');}
.filo-icon-card{mask-image:url('pagamento/card.svg');-webkit-mask-image:url('pagamento/card.svg');}
.filo-icon-pix{mask-image:url('pagamento/pix.svg');-webkit-mask-image:url('pagamento/pix.svg');}
.filo-icon-shield-check{mask-image:url('pagamento/shield-check.svg');-webkit-mask-image:url('pagamento/shield-check.svg');}
.filo-icon-alinhando-detalhes{mask-image:url('pedido/alinhando-detalhes.svg');-webkit-mask-image:url('pedido/alinhando-detalhes.svg');}
.filo-icon-concluido{mask-image:url('pedido/concluido.svg');-webkit-mask-image:url('pedido/concluido.svg');}
.filo-icon-em-producao{mask-image:url('pedido/em-producao.svg');-webkit-mask-image:url('pedido/em-producao.svg');}
.filo-icon-enviado{mask-image:url('pedido/enviado.svg');-webkit-mask-image:url('pedido/enviado.svg');}
.filo-icon-payment{mask-image:url('pedido/payment.svg');-webkit-mask-image:url('pedido/payment.svg');}
.filo-icon-pronto{mask-image:url('pedido/pronto.svg');-webkit-mask-image:url('pedido/pronto.svg');}
.filo-icon-ruler{mask-image:url('produto/ruler.svg');-webkit-mask-image:url('produto/ruler.svg');}
.filo-icon-scissors{mask-image:url('produto/scissors.svg');-webkit-mask-image:url('produto/scissors.svg');}
.filo-icon-sparkle{mask-image:url('produto/sparkle.svg');-webkit-mask-image:url('produto/sparkle.svg');}

.filo-brand-icon{display:inline-block;object-fit:contain;vertical-align:middle;}

.filo-icon-home{mask-image:url('interface/home.svg');-webkit-mask-image:url('interface/home.svg');}
.filo-icon-alert-triangle{mask-image:url('interface/alert-triangle.svg');-webkit-mask-image:url('interface/alert-triangle.svg');}
.filo-icon-download{mask-image:url('interface/download.svg');-webkit-mask-image:url('interface/download.svg');}
.filo-icon-refresh{mask-image:url('interface/refresh.svg');-webkit-mask-image:url('interface/refresh.svg');}
.filo-icon-more-vertical{mask-image:url('interface/more-vertical.svg');-webkit-mask-image:url('interface/more-vertical.svg');}
.filo-icon-settings{mask-image:url('interface/settings.svg');-webkit-mask-image:url('interface/settings.svg');}
.filo-icon-users{mask-image:url('interface/users.svg');-webkit-mask-image:url('interface/users.svg');}
.filo-icon-hanger{mask-image:url('interface/hanger.svg');-webkit-mask-image:url('interface/hanger.svg');}
.filo-icon-dollar-circle{mask-image:url('interface/dollar-circle.svg');-webkit-mask-image:url('interface/dollar-circle.svg');}

.filo-icon-search{mask-image:url('interface/search.svg');-webkit-mask-image:url('interface/search.svg');}

.filo-icon-filter{mask-image:url('interface/filter.svg');-webkit-mask-image:url('interface/filter.svg');}
.filo-icon-clipboard-check{mask-image:url('interface/clipboard-check.svg');-webkit-mask-image:url('interface/clipboard-check.svg');}

.filo-icon-refund{mask-image:url('interface/refund.svg');-webkit-mask-image:url('interface/refund.svg');}
.filo-icon-wallet{mask-image:url('interface/wallet.svg');-webkit-mask-image:url('interface/wallet.svg');}
.filo-icon-plus-circle{mask-image:url('interface/plus-circle.svg');-webkit-mask-image:url('interface/plus-circle.svg');}