.tpd-heroicon {
    display: inline-block;
    background-color: currentColor;
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center;
    -webkit-mask-position: center;
    mask-position: center;
    background-size: auto 100%;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    width: 32px;
    height: 32px;
}
.tpd-heroicon-academic-cap{
    -webkit-mask-image: url('../fonts/heroicons/academic-cap.svg');
    mask-image: url('../fonts/heroicons/academic-cap.svg');
}
.tpd-heroicon-adjustments-horizontal{
    -webkit-mask-image: url('../fonts/heroicons/adjustments-horizontal.svg');
    mask-image: url('../fonts/heroicons/adjustments-horizontal.svg');
}
.tpd-heroicon-adjustments-vertical{
    -webkit-mask-image: url('../fonts/heroicons/adjustments-vertical.svg');
    mask-image: url('../fonts/heroicons/adjustments-vertical.svg');
}
.tpd-heroicon-archive-box{
    -webkit-mask-image: url('../fonts/heroicons/archive-box.svg');
    mask-image: url('../fonts/heroicons/archive-box.svg');
}
.tpd-heroicon-archive-box-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/archive-box-arrow-down.svg');
    mask-image: url('../fonts/heroicons/archive-box-arrow-down.svg');
}
.tpd-heroicon-archive-box-x-mark{
    -webkit-mask-image: url('../fonts/heroicons/archive-box-x-mark.svg');
    mask-image: url('../fonts/heroicons/archive-box-x-mark.svg');
}
.tpd-heroicon-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down.svg');
    mask-image: url('../fonts/heroicons/arrow-down.svg');
}
.tpd-heroicon-arrow-down-circle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-circle.svg');
    mask-image: url('../fonts/heroicons/arrow-down-circle.svg');
}
.tpd-heroicon-arrow-down-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-left.svg');
    mask-image: url('../fonts/heroicons/arrow-down-left.svg');
}
.tpd-heroicon-arrow-down-on-square{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-on-square.svg');
    mask-image: url('../fonts/heroicons/arrow-down-on-square.svg');
}
.tpd-heroicon-arrow-down-on-square-stack{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-on-square-stack.svg');
    mask-image: url('../fonts/heroicons/arrow-down-on-square-stack.svg');
}
.tpd-heroicon-arrow-down-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-right.svg');
    mask-image: url('../fonts/heroicons/arrow-down-right.svg');
}
.tpd-heroicon-arrow-down-tray{
    -webkit-mask-image: url('../fonts/heroicons/arrow-down-tray.svg');
    mask-image: url('../fonts/heroicons/arrow-down-tray.svg');
}
.tpd-heroicon-arrow-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-left.svg');
    mask-image: url('../fonts/heroicons/arrow-left.svg');
}
.tpd-heroicon-arrow-left-circle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-left-circle.svg');
    mask-image: url('../fonts/heroicons/arrow-left-circle.svg');
}
.tpd-heroicon-arrow-left-end-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-left-end-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-left-end-on-rectangle.svg');
}
.tpd-heroicon-arrow-left-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-left-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-left-on-rectangle.svg');
}
.tpd-heroicon-arrow-left-start-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-left-start-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-left-start-on-rectangle.svg');
}
.tpd-heroicon-arrow-long-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-long-down.svg');
    mask-image: url('../fonts/heroicons/arrow-long-down.svg');
}
.tpd-heroicon-arrow-long-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-long-left.svg');
    mask-image: url('../fonts/heroicons/arrow-long-left.svg');
}
.tpd-heroicon-arrow-long-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-long-right.svg');
    mask-image: url('../fonts/heroicons/arrow-long-right.svg');
}
.tpd-heroicon-arrow-long-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-long-up.svg');
    mask-image: url('../fonts/heroicons/arrow-long-up.svg');
}
.tpd-heroicon-arrow-path{
    -webkit-mask-image: url('../fonts/heroicons/arrow-path.svg');
    mask-image: url('../fonts/heroicons/arrow-path.svg');
}
.tpd-heroicon-arrow-path-rounded-square{
    -webkit-mask-image: url('../fonts/heroicons/arrow-path-rounded-square.svg');
    mask-image: url('../fonts/heroicons/arrow-path-rounded-square.svg');
}
.tpd-heroicon-arrow-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-right.svg');
    mask-image: url('../fonts/heroicons/arrow-right.svg');
}
.tpd-heroicon-arrow-right-circle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-right-circle.svg');
    mask-image: url('../fonts/heroicons/arrow-right-circle.svg');
}
.tpd-heroicon-arrow-right-end-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-right-end-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-right-end-on-rectangle.svg');
}
.tpd-heroicon-arrow-right-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-right-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-right-on-rectangle.svg');
}
.tpd-heroicon-arrow-right-start-on-rectangle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-right-start-on-rectangle.svg');
    mask-image: url('../fonts/heroicons/arrow-right-start-on-rectangle.svg');
}
.tpd-heroicon-arrow-small-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-small-down.svg');
    mask-image: url('../fonts/heroicons/arrow-small-down.svg');
}
.tpd-heroicon-arrow-small-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-small-left.svg');
    mask-image: url('../fonts/heroicons/arrow-small-left.svg');
}
.tpd-heroicon-arrow-small-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-small-right.svg');
    mask-image: url('../fonts/heroicons/arrow-small-right.svg');
}
.tpd-heroicon-arrow-small-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-small-up.svg');
    mask-image: url('../fonts/heroicons/arrow-small-up.svg');
}
.tpd-heroicon-arrows-pointing-in{
    -webkit-mask-image: url('../fonts/heroicons/arrows-pointing-in.svg');
    mask-image: url('../fonts/heroicons/arrows-pointing-in.svg');
}
.tpd-heroicon-arrows-pointing-out{
    -webkit-mask-image: url('../fonts/heroicons/arrows-pointing-out.svg');
    mask-image: url('../fonts/heroicons/arrows-pointing-out.svg');
}
.tpd-heroicon-arrows-right-left{
    -webkit-mask-image: url('../fonts/heroicons/arrows-right-left.svg');
    mask-image: url('../fonts/heroicons/arrows-right-left.svg');
}
.tpd-heroicon-arrows-up-down{
    -webkit-mask-image: url('../fonts/heroicons/arrows-up-down.svg');
    mask-image: url('../fonts/heroicons/arrows-up-down.svg');
}
.tpd-heroicon-arrow-top-right-on-square{
    -webkit-mask-image: url('../fonts/heroicons/arrow-top-right-on-square.svg');
    mask-image: url('../fonts/heroicons/arrow-top-right-on-square.svg');
}
.tpd-heroicon-arrow-trending-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-trending-down.svg');
    mask-image: url('../fonts/heroicons/arrow-trending-down.svg');
}
.tpd-heroicon-arrow-trending-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-trending-up.svg');
    mask-image: url('../fonts/heroicons/arrow-trending-up.svg');
}
.tpd-heroicon-arrow-turn-down-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-down-left.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-down-left.svg');
}
.tpd-heroicon-arrow-turn-down-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-down-right.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-down-right.svg');
}
.tpd-heroicon-arrow-turn-left-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-left-down.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-left-down.svg');
}
.tpd-heroicon-arrow-turn-left-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-left-up.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-left-up.svg');
}
.tpd-heroicon-arrow-turn-right-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-right-down.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-right-down.svg');
}
.tpd-heroicon-arrow-turn-right-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-right-up.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-right-up.svg');
}
.tpd-heroicon-arrow-turn-up-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-up-left.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-up-left.svg');
}
.tpd-heroicon-arrow-turn-up-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-turn-up-right.svg');
    mask-image: url('../fonts/heroicons/arrow-turn-up-right.svg');
}
.tpd-heroicon-arrow-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up.svg');
    mask-image: url('../fonts/heroicons/arrow-up.svg');
}
.tpd-heroicon-arrow-up-circle{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-circle.svg');
    mask-image: url('../fonts/heroicons/arrow-up-circle.svg');
}
.tpd-heroicon-arrow-up-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-left.svg');
    mask-image: url('../fonts/heroicons/arrow-up-left.svg');
}
.tpd-heroicon-arrow-up-on-square{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-on-square.svg');
    mask-image: url('../fonts/heroicons/arrow-up-on-square.svg');
}
.tpd-heroicon-arrow-up-on-square-stack{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-on-square-stack.svg');
    mask-image: url('../fonts/heroicons/arrow-up-on-square-stack.svg');
}
.tpd-heroicon-arrow-up-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-right.svg');
    mask-image: url('../fonts/heroicons/arrow-up-right.svg');
}
.tpd-heroicon-arrow-up-tray{
    -webkit-mask-image: url('../fonts/heroicons/arrow-up-tray.svg');
    mask-image: url('../fonts/heroicons/arrow-up-tray.svg');
}
.tpd-heroicon-arrow-uturn-down{
    -webkit-mask-image: url('../fonts/heroicons/arrow-uturn-down.svg');
    mask-image: url('../fonts/heroicons/arrow-uturn-down.svg');
}
.tpd-heroicon-arrow-uturn-left{
    -webkit-mask-image: url('../fonts/heroicons/arrow-uturn-left.svg');
    mask-image: url('../fonts/heroicons/arrow-uturn-left.svg');
}
.tpd-heroicon-arrow-uturn-right{
    -webkit-mask-image: url('../fonts/heroicons/arrow-uturn-right.svg');
    mask-image: url('../fonts/heroicons/arrow-uturn-right.svg');
}
.tpd-heroicon-arrow-uturn-up{
    -webkit-mask-image: url('../fonts/heroicons/arrow-uturn-up.svg');
    mask-image: url('../fonts/heroicons/arrow-uturn-up.svg');
}
.tpd-heroicon-at-symbol{
    -webkit-mask-image: url('../fonts/heroicons/at-symbol.svg');
    mask-image: url('../fonts/heroicons/at-symbol.svg');
}
.tpd-heroicon-backspace{
    -webkit-mask-image: url('../fonts/heroicons/backspace.svg');
    mask-image: url('../fonts/heroicons/backspace.svg');
}
.tpd-heroicon-backward{
    -webkit-mask-image: url('../fonts/heroicons/backward.svg');
    mask-image: url('../fonts/heroicons/backward.svg');
}
.tpd-heroicon-banknotes{
    -webkit-mask-image: url('../fonts/heroicons/banknotes.svg');
    mask-image: url('../fonts/heroicons/banknotes.svg');
}
.tpd-heroicon-bars-2{
    -webkit-mask-image: url('../fonts/heroicons/bars-2.svg');
    mask-image: url('../fonts/heroicons/bars-2.svg');
}
.tpd-heroicon-bars-3{
    -webkit-mask-image: url('../fonts/heroicons/bars-3.svg');
    mask-image: url('../fonts/heroicons/bars-3.svg');
}
.tpd-heroicon-bars-3-bottom-left{
    -webkit-mask-image: url('../fonts/heroicons/bars-3-bottom-left.svg');
    mask-image: url('../fonts/heroicons/bars-3-bottom-left.svg');
}
.tpd-heroicon-bars-3-bottom-right{
    -webkit-mask-image: url('../fonts/heroicons/bars-3-bottom-right.svg');
    mask-image: url('../fonts/heroicons/bars-3-bottom-right.svg');
}
.tpd-heroicon-bars-3-center-left{
    -webkit-mask-image: url('../fonts/heroicons/bars-3-center-left.svg');
    mask-image: url('../fonts/heroicons/bars-3-center-left.svg');
}
.tpd-heroicon-bars-4{
    -webkit-mask-image: url('../fonts/heroicons/bars-4.svg');
    mask-image: url('../fonts/heroicons/bars-4.svg');
}
.tpd-heroicon-bars-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/bars-arrow-down.svg');
    mask-image: url('../fonts/heroicons/bars-arrow-down.svg');
}
.tpd-heroicon-bars-arrow-up{
    -webkit-mask-image: url('../fonts/heroicons/bars-arrow-up.svg');
    mask-image: url('../fonts/heroicons/bars-arrow-up.svg');
}
.tpd-heroicon-battery-0{
    -webkit-mask-image: url('../fonts/heroicons/battery-0.svg');
    mask-image: url('../fonts/heroicons/battery-0.svg');
}
.tpd-heroicon-battery-100{
    -webkit-mask-image: url('../fonts/heroicons/battery-100.svg');
    mask-image: url('../fonts/heroicons/battery-100.svg');
}
.tpd-heroicon-battery-50{
    -webkit-mask-image: url('../fonts/heroicons/battery-50.svg');
    mask-image: url('../fonts/heroicons/battery-50.svg');
}
.tpd-heroicon-beaker{
    -webkit-mask-image: url('../fonts/heroicons/beaker.svg');
    mask-image: url('../fonts/heroicons/beaker.svg');
}
.tpd-heroicon-bell{
    -webkit-mask-image: url('../fonts/heroicons/bell.svg');
    mask-image: url('../fonts/heroicons/bell.svg');
}
.tpd-heroicon-bell-alert{
    -webkit-mask-image: url('../fonts/heroicons/bell-alert.svg');
    mask-image: url('../fonts/heroicons/bell-alert.svg');
}
.tpd-heroicon-bell-slash{
    -webkit-mask-image: url('../fonts/heroicons/bell-slash.svg');
    mask-image: url('../fonts/heroicons/bell-slash.svg');
}
.tpd-heroicon-bell-snooze{
    -webkit-mask-image: url('../fonts/heroicons/bell-snooze.svg');
    mask-image: url('../fonts/heroicons/bell-snooze.svg');
}
.tpd-heroicon-bold{
    -webkit-mask-image: url('../fonts/heroicons/bold.svg');
    mask-image: url('../fonts/heroicons/bold.svg');
}
.tpd-heroicon-bolt{
    -webkit-mask-image: url('../fonts/heroicons/bolt.svg');
    mask-image: url('../fonts/heroicons/bolt.svg');
}
.tpd-heroicon-bolt-slash{
    -webkit-mask-image: url('../fonts/heroicons/bolt-slash.svg');
    mask-image: url('../fonts/heroicons/bolt-slash.svg');
}
.tpd-heroicon-bookmark{
    -webkit-mask-image: url('../fonts/heroicons/bookmark.svg');
    mask-image: url('../fonts/heroicons/bookmark.svg');
}
.tpd-heroicon-bookmark-slash{
    -webkit-mask-image: url('../fonts/heroicons/bookmark-slash.svg');
    mask-image: url('../fonts/heroicons/bookmark-slash.svg');
}
.tpd-heroicon-bookmark-square{
    -webkit-mask-image: url('../fonts/heroicons/bookmark-square.svg');
    mask-image: url('../fonts/heroicons/bookmark-square.svg');
}
.tpd-heroicon-book-open{
    -webkit-mask-image: url('../fonts/heroicons/book-open.svg');
    mask-image: url('../fonts/heroicons/book-open.svg');
}
.tpd-heroicon-briefcase{
    -webkit-mask-image: url('../fonts/heroicons/briefcase.svg');
    mask-image: url('../fonts/heroicons/briefcase.svg');
}
.tpd-heroicon-bug-ant{
    -webkit-mask-image: url('../fonts/heroicons/bug-ant.svg');
    mask-image: url('../fonts/heroicons/bug-ant.svg');
}
.tpd-heroicon-building-library{
    -webkit-mask-image: url('../fonts/heroicons/building-library.svg');
    mask-image: url('../fonts/heroicons/building-library.svg');
}
.tpd-heroicon-building-office{
    -webkit-mask-image: url('../fonts/heroicons/building-office.svg');
    mask-image: url('../fonts/heroicons/building-office.svg');
}
.tpd-heroicon-building-office-2{
    -webkit-mask-image: url('../fonts/heroicons/building-office-2.svg');
    mask-image: url('../fonts/heroicons/building-office-2.svg');
}
.tpd-heroicon-building-storefront{
    -webkit-mask-image: url('../fonts/heroicons/building-storefront.svg');
    mask-image: url('../fonts/heroicons/building-storefront.svg');
}
.tpd-heroicon-cake{
    -webkit-mask-image: url('../fonts/heroicons/cake.svg');
    mask-image: url('../fonts/heroicons/cake.svg');
}
.tpd-heroicon-calculator{
    -webkit-mask-image: url('../fonts/heroicons/calculator.svg');
    mask-image: url('../fonts/heroicons/calculator.svg');
}
.tpd-heroicon-calendar{
    -webkit-mask-image: url('../fonts/heroicons/calendar.svg');
    mask-image: url('../fonts/heroicons/calendar.svg');
}
.tpd-heroicon-calendar-date-range{
    -webkit-mask-image: url('../fonts/heroicons/calendar-date-range.svg');
    mask-image: url('../fonts/heroicons/calendar-date-range.svg');
}
.tpd-heroicon-calendar-days{
    -webkit-mask-image: url('../fonts/heroicons/calendar-days.svg');
    mask-image: url('../fonts/heroicons/calendar-days.svg');
}
.tpd-heroicon-camera{
    -webkit-mask-image: url('../fonts/heroicons/camera.svg');
    mask-image: url('../fonts/heroicons/camera.svg');
}
.tpd-heroicon-chart-bar{
    -webkit-mask-image: url('../fonts/heroicons/chart-bar.svg');
    mask-image: url('../fonts/heroicons/chart-bar.svg');
}
.tpd-heroicon-chart-bar-square{
    -webkit-mask-image: url('../fonts/heroicons/chart-bar-square.svg');
    mask-image: url('../fonts/heroicons/chart-bar-square.svg');
}
.tpd-heroicon-chart-pie{
    -webkit-mask-image: url('../fonts/heroicons/chart-pie.svg');
    mask-image: url('../fonts/heroicons/chart-pie.svg');
}
.tpd-heroicon-chat-bubble-bottom-center{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-bottom-center.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-bottom-center.svg');
}
.tpd-heroicon-chat-bubble-bottom-center-text{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-bottom-center-text.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-bottom-center-text.svg');
}
.tpd-heroicon-chat-bubble-left{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-left.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-left.svg');
}
.tpd-heroicon-chat-bubble-left-ellipsis{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-left-ellipsis.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-left-ellipsis.svg');
}
.tpd-heroicon-chat-bubble-left-right{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-left-right.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-left-right.svg');
}
.tpd-heroicon-chat-bubble-oval-left{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-oval-left.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-oval-left.svg');
}
.tpd-heroicon-chat-bubble-oval-left-ellipsis{
    -webkit-mask-image: url('../fonts/heroicons/chat-bubble-oval-left-ellipsis.svg');
    mask-image: url('../fonts/heroicons/chat-bubble-oval-left-ellipsis.svg');
}
.tpd-heroicon-check{
    -webkit-mask-image: url('../fonts/heroicons/check.svg');
    mask-image: url('../fonts/heroicons/check.svg');
}
.tpd-heroicon-check-badge{
    -webkit-mask-image: url('../fonts/heroicons/check-badge.svg');
    mask-image: url('../fonts/heroicons/check-badge.svg');
}
.tpd-heroicon-check-circle{
    -webkit-mask-image: url('../fonts/heroicons/check-circle.svg');
    mask-image: url('../fonts/heroicons/check-circle.svg');
}
.tpd-heroicon-chevron-double-down{
    -webkit-mask-image: url('../fonts/heroicons/chevron-double-down.svg');
    mask-image: url('../fonts/heroicons/chevron-double-down.svg');
}
.tpd-heroicon-chevron-double-left{
    -webkit-mask-image: url('../fonts/heroicons/chevron-double-left.svg');
    mask-image: url('../fonts/heroicons/chevron-double-left.svg');
}
.tpd-heroicon-chevron-double-right{
    -webkit-mask-image: url('../fonts/heroicons/chevron-double-right.svg');
    mask-image: url('../fonts/heroicons/chevron-double-right.svg');
}
.tpd-heroicon-chevron-double-up{
    -webkit-mask-image: url('../fonts/heroicons/chevron-double-up.svg');
    mask-image: url('../fonts/heroicons/chevron-double-up.svg');
}
.tpd-heroicon-chevron-down{
    -webkit-mask-image: url('../fonts/heroicons/chevron-down.svg');
    mask-image: url('../fonts/heroicons/chevron-down.svg');
}
.tpd-heroicon-chevron-left{
    -webkit-mask-image: url('../fonts/heroicons/chevron-left.svg');
    mask-image: url('../fonts/heroicons/chevron-left.svg');
}
.tpd-heroicon-chevron-right{
    -webkit-mask-image: url('../fonts/heroicons/chevron-right.svg');
    mask-image: url('../fonts/heroicons/chevron-right.svg');
}
.tpd-heroicon-chevron-up{
    -webkit-mask-image: url('../fonts/heroicons/chevron-up.svg');
    mask-image: url('../fonts/heroicons/chevron-up.svg');
}
.tpd-heroicon-chevron-up-down{
    -webkit-mask-image: url('../fonts/heroicons/chevron-up-down.svg');
    mask-image: url('../fonts/heroicons/chevron-up-down.svg');
}
.tpd-heroicon-circle-stack{
    -webkit-mask-image: url('../fonts/heroicons/circle-stack.svg');
    mask-image: url('../fonts/heroicons/circle-stack.svg');
}
.tpd-heroicon-clipboard{
    -webkit-mask-image: url('../fonts/heroicons/clipboard.svg');
    mask-image: url('../fonts/heroicons/clipboard.svg');
}
.tpd-heroicon-clipboard-document{
    -webkit-mask-image: url('../fonts/heroicons/clipboard-document.svg');
    mask-image: url('../fonts/heroicons/clipboard-document.svg');
}
.tpd-heroicon-clipboard-document-check{
    -webkit-mask-image: url('../fonts/heroicons/clipboard-document-check.svg');
    mask-image: url('../fonts/heroicons/clipboard-document-check.svg');
}
.tpd-heroicon-clipboard-document-list{
    -webkit-mask-image: url('../fonts/heroicons/clipboard-document-list.svg');
    mask-image: url('../fonts/heroicons/clipboard-document-list.svg');
}
.tpd-heroicon-clock{
    -webkit-mask-image: url('../fonts/heroicons/clock.svg');
    mask-image: url('../fonts/heroicons/clock.svg');
}
.tpd-heroicon-cloud{
    -webkit-mask-image: url('../fonts/heroicons/cloud.svg');
    mask-image: url('../fonts/heroicons/cloud.svg');
}
.tpd-heroicon-cloud-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/cloud-arrow-down.svg');
    mask-image: url('../fonts/heroicons/cloud-arrow-down.svg');
}
.tpd-heroicon-cloud-arrow-up{
    -webkit-mask-image: url('../fonts/heroicons/cloud-arrow-up.svg');
    mask-image: url('../fonts/heroicons/cloud-arrow-up.svg');
}
.tpd-heroicon-code-bracket{
    -webkit-mask-image: url('../fonts/heroicons/code-bracket.svg');
    mask-image: url('../fonts/heroicons/code-bracket.svg');
}
.tpd-heroicon-code-bracket-square{
    -webkit-mask-image: url('../fonts/heroicons/code-bracket-square.svg');
    mask-image: url('../fonts/heroicons/code-bracket-square.svg');
}
.tpd-heroicon-cog{
    -webkit-mask-image: url('../fonts/heroicons/cog.svg');
    mask-image: url('../fonts/heroicons/cog.svg');
}
.tpd-heroicon-cog-6-tooth{
    -webkit-mask-image: url('../fonts/heroicons/cog-6-tooth.svg');
    mask-image: url('../fonts/heroicons/cog-6-tooth.svg');
}
.tpd-heroicon-cog-8-tooth{
    -webkit-mask-image: url('../fonts/heroicons/cog-8-tooth.svg');
    mask-image: url('../fonts/heroicons/cog-8-tooth.svg');
}
.tpd-heroicon-command-line{
    -webkit-mask-image: url('../fonts/heroicons/command-line.svg');
    mask-image: url('../fonts/heroicons/command-line.svg');
}
.tpd-heroicon-computer-desktop{
    -webkit-mask-image: url('../fonts/heroicons/computer-desktop.svg');
    mask-image: url('../fonts/heroicons/computer-desktop.svg');
}
.tpd-heroicon-cpu-chip{
    -webkit-mask-image: url('../fonts/heroicons/cpu-chip.svg');
    mask-image: url('../fonts/heroicons/cpu-chip.svg');
}
.tpd-heroicon-credit-card{
    -webkit-mask-image: url('../fonts/heroicons/credit-card.svg');
    mask-image: url('../fonts/heroicons/credit-card.svg');
}
.tpd-heroicon-cube{
    -webkit-mask-image: url('../fonts/heroicons/cube.svg');
    mask-image: url('../fonts/heroicons/cube.svg');
}
.tpd-heroicon-cube-transparent{
    -webkit-mask-image: url('../fonts/heroicons/cube-transparent.svg');
    mask-image: url('../fonts/heroicons/cube-transparent.svg');
}
.tpd-heroicon-currency-bangladeshi{
    -webkit-mask-image: url('../fonts/heroicons/currency-bangladeshi.svg');
    mask-image: url('../fonts/heroicons/currency-bangladeshi.svg');
}
.tpd-heroicon-currency-dollar{
    -webkit-mask-image: url('../fonts/heroicons/currency-dollar.svg');
    mask-image: url('../fonts/heroicons/currency-dollar.svg');
}
.tpd-heroicon-currency-euro{
    -webkit-mask-image: url('../fonts/heroicons/currency-euro.svg');
    mask-image: url('../fonts/heroicons/currency-euro.svg');
}
.tpd-heroicon-currency-pound{
    -webkit-mask-image: url('../fonts/heroicons/currency-pound.svg');
    mask-image: url('../fonts/heroicons/currency-pound.svg');
}
.tpd-heroicon-currency-rupee{
    -webkit-mask-image: url('../fonts/heroicons/currency-rupee.svg');
    mask-image: url('../fonts/heroicons/currency-rupee.svg');
}
.tpd-heroicon-currency-yen{
    -webkit-mask-image: url('../fonts/heroicons/currency-yen.svg');
    mask-image: url('../fonts/heroicons/currency-yen.svg');
}
.tpd-heroicon-cursor-arrow-rays{
    -webkit-mask-image: url('../fonts/heroicons/cursor-arrow-rays.svg');
    mask-image: url('../fonts/heroicons/cursor-arrow-rays.svg');
}
.tpd-heroicon-cursor-arrow-ripple{
    -webkit-mask-image: url('../fonts/heroicons/cursor-arrow-ripple.svg');
    mask-image: url('../fonts/heroicons/cursor-arrow-ripple.svg');
}
.tpd-heroicon-device-phone-mobile{
    -webkit-mask-image: url('../fonts/heroicons/device-phone-mobile.svg');
    mask-image: url('../fonts/heroicons/device-phone-mobile.svg');
}
.tpd-heroicon-device-tablet{
    -webkit-mask-image: url('../fonts/heroicons/device-tablet.svg');
    mask-image: url('../fonts/heroicons/device-tablet.svg');
}
.tpd-heroicon-divide{
    -webkit-mask-image: url('../fonts/heroicons/divide.svg');
    mask-image: url('../fonts/heroicons/divide.svg');
}
.tpd-heroicon-document{
    -webkit-mask-image: url('../fonts/heroicons/document.svg');
    mask-image: url('../fonts/heroicons/document.svg');
}
.tpd-heroicon-document-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/document-arrow-down.svg');
    mask-image: url('../fonts/heroicons/document-arrow-down.svg');
}
.tpd-heroicon-document-arrow-up{
    -webkit-mask-image: url('../fonts/heroicons/document-arrow-up.svg');
    mask-image: url('../fonts/heroicons/document-arrow-up.svg');
}
.tpd-heroicon-document-chart-bar{
    -webkit-mask-image: url('../fonts/heroicons/document-chart-bar.svg');
    mask-image: url('../fonts/heroicons/document-chart-bar.svg');
}
.tpd-heroicon-document-check{
    -webkit-mask-image: url('../fonts/heroicons/document-check.svg');
    mask-image: url('../fonts/heroicons/document-check.svg');
}
.tpd-heroicon-document-currency-bangladeshi{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-bangladeshi.svg');
    mask-image: url('../fonts/heroicons/document-currency-bangladeshi.svg');
}
.tpd-heroicon-document-currency-dollar{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-dollar.svg');
    mask-image: url('../fonts/heroicons/document-currency-dollar.svg');
}
.tpd-heroicon-document-currency-euro{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-euro.svg');
    mask-image: url('../fonts/heroicons/document-currency-euro.svg');
}
.tpd-heroicon-document-currency-pound{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-pound.svg');
    mask-image: url('../fonts/heroicons/document-currency-pound.svg');
}
.tpd-heroicon-document-currency-rupee{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-rupee.svg');
    mask-image: url('../fonts/heroicons/document-currency-rupee.svg');
}
.tpd-heroicon-document-currency-yen{
    -webkit-mask-image: url('../fonts/heroicons/document-currency-yen.svg');
    mask-image: url('../fonts/heroicons/document-currency-yen.svg');
}
.tpd-heroicon-document-duplicate{
    -webkit-mask-image: url('../fonts/heroicons/document-duplicate.svg');
    mask-image: url('../fonts/heroicons/document-duplicate.svg');
}
.tpd-heroicon-document-magnifying-glass{
    -webkit-mask-image: url('../fonts/heroicons/document-magnifying-glass.svg');
    mask-image: url('../fonts/heroicons/document-magnifying-glass.svg');
}
.tpd-heroicon-document-minus{
    -webkit-mask-image: url('../fonts/heroicons/document-minus.svg');
    mask-image: url('../fonts/heroicons/document-minus.svg');
}
.tpd-heroicon-document-plus{
    -webkit-mask-image: url('../fonts/heroicons/document-plus.svg');
    mask-image: url('../fonts/heroicons/document-plus.svg');
}
.tpd-heroicon-document-text{
    -webkit-mask-image: url('../fonts/heroicons/document-text.svg');
    mask-image: url('../fonts/heroicons/document-text.svg');
}
.tpd-heroicon-ellipsis-horizontal{
    -webkit-mask-image: url('../fonts/heroicons/ellipsis-horizontal.svg');
    mask-image: url('../fonts/heroicons/ellipsis-horizontal.svg');
}
.tpd-heroicon-ellipsis-horizontal-circle{
    -webkit-mask-image: url('../fonts/heroicons/ellipsis-horizontal-circle.svg');
    mask-image: url('../fonts/heroicons/ellipsis-horizontal-circle.svg');
}
.tpd-heroicon-ellipsis-vertical{
    -webkit-mask-image: url('../fonts/heroicons/ellipsis-vertical.svg');
    mask-image: url('../fonts/heroicons/ellipsis-vertical.svg');
}
.tpd-heroicon-envelope{
    -webkit-mask-image: url('../fonts/heroicons/envelope.svg');
    mask-image: url('../fonts/heroicons/envelope.svg');
}
.tpd-heroicon-envelope-open{
    -webkit-mask-image: url('../fonts/heroicons/envelope-open.svg');
    mask-image: url('../fonts/heroicons/envelope-open.svg');
}
.tpd-heroicon-equals{
    -webkit-mask-image: url('../fonts/heroicons/equals.svg');
    mask-image: url('../fonts/heroicons/equals.svg');
}
.tpd-heroicon-exclamation-circle{
    -webkit-mask-image: url('../fonts/heroicons/exclamation-circle.svg');
    mask-image: url('../fonts/heroicons/exclamation-circle.svg');
}
.tpd-heroicon-exclamation-triangle{
    -webkit-mask-image: url('../fonts/heroicons/exclamation-triangle.svg');
    mask-image: url('../fonts/heroicons/exclamation-triangle.svg');
}
.tpd-heroicon-eye{
    -webkit-mask-image: url('../fonts/heroicons/eye.svg');
    mask-image: url('../fonts/heroicons/eye.svg');
}
.tpd-heroicon-eye-dropper{
    -webkit-mask-image: url('../fonts/heroicons/eye-dropper.svg');
    mask-image: url('../fonts/heroicons/eye-dropper.svg');
}
.tpd-heroicon-eye-slash{
    -webkit-mask-image: url('../fonts/heroicons/eye-slash.svg');
    mask-image: url('../fonts/heroicons/eye-slash.svg');
}
.tpd-heroicon-face-frown{
    -webkit-mask-image: url('../fonts/heroicons/face-frown.svg');
    mask-image: url('../fonts/heroicons/face-frown.svg');
}
.tpd-heroicon-face-smile{
    -webkit-mask-image: url('../fonts/heroicons/face-smile.svg');
    mask-image: url('../fonts/heroicons/face-smile.svg');
}
.tpd-heroicon-film{
    -webkit-mask-image: url('../fonts/heroicons/film.svg');
    mask-image: url('../fonts/heroicons/film.svg');
}
.tpd-heroicon-finger-print{
    -webkit-mask-image: url('../fonts/heroicons/finger-print.svg');
    mask-image: url('../fonts/heroicons/finger-print.svg');
}
.tpd-heroicon-fire{
    -webkit-mask-image: url('../fonts/heroicons/fire.svg');
    mask-image: url('../fonts/heroicons/fire.svg');
}
.tpd-heroicon-flag{
    -webkit-mask-image: url('../fonts/heroicons/flag.svg');
    mask-image: url('../fonts/heroicons/flag.svg');
}
.tpd-heroicon-folder{
    -webkit-mask-image: url('../fonts/heroicons/folder.svg');
    mask-image: url('../fonts/heroicons/folder.svg');
}
.tpd-heroicon-folder-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/folder-arrow-down.svg');
    mask-image: url('../fonts/heroicons/folder-arrow-down.svg');
}
.tpd-heroicon-folder-minus{
    -webkit-mask-image: url('../fonts/heroicons/folder-minus.svg');
    mask-image: url('../fonts/heroicons/folder-minus.svg');
}
.tpd-heroicon-folder-open{
    -webkit-mask-image: url('../fonts/heroicons/folder-open.svg');
    mask-image: url('../fonts/heroicons/folder-open.svg');
}
.tpd-heroicon-folder-plus{
    -webkit-mask-image: url('../fonts/heroicons/folder-plus.svg');
    mask-image: url('../fonts/heroicons/folder-plus.svg');
}
.tpd-heroicon-forward{
    -webkit-mask-image: url('../fonts/heroicons/forward.svg');
    mask-image: url('../fonts/heroicons/forward.svg');
}
.tpd-heroicon-funnel{
    -webkit-mask-image: url('../fonts/heroicons/funnel.svg');
    mask-image: url('../fonts/heroicons/funnel.svg');
}
.tpd-heroicon-gif{
    -webkit-mask-image: url('../fonts/heroicons/gif.svg');
    mask-image: url('../fonts/heroicons/gif.svg');
}
.tpd-heroicon-gift{
    -webkit-mask-image: url('../fonts/heroicons/gift.svg');
    mask-image: url('../fonts/heroicons/gift.svg');
}
.tpd-heroicon-gift-top{
    -webkit-mask-image: url('../fonts/heroicons/gift-top.svg');
    mask-image: url('../fonts/heroicons/gift-top.svg');
}
.tpd-heroicon-globe-alt{
    -webkit-mask-image: url('../fonts/heroicons/globe-alt.svg');
    mask-image: url('../fonts/heroicons/globe-alt.svg');
}
.tpd-heroicon-globe-americas{
    -webkit-mask-image: url('../fonts/heroicons/globe-americas.svg');
    mask-image: url('../fonts/heroicons/globe-americas.svg');
}
.tpd-heroicon-globe-asia-australia{
    -webkit-mask-image: url('../fonts/heroicons/globe-asia-australia.svg');
    mask-image: url('../fonts/heroicons/globe-asia-australia.svg');
}
.tpd-heroicon-globe-europe-africa{
    -webkit-mask-image: url('../fonts/heroicons/globe-europe-africa.svg');
    mask-image: url('../fonts/heroicons/globe-europe-africa.svg');
}
.tpd-heroicon-h1{
    -webkit-mask-image: url('../fonts/heroicons/h1.svg');
    mask-image: url('../fonts/heroicons/h1.svg');
}
.tpd-heroicon-h2{
    -webkit-mask-image: url('../fonts/heroicons/h2.svg');
    mask-image: url('../fonts/heroicons/h2.svg');
}
.tpd-heroicon-h3{
    -webkit-mask-image: url('../fonts/heroicons/h3.svg');
    mask-image: url('../fonts/heroicons/h3.svg');
}
.tpd-heroicon-hand-raised{
    -webkit-mask-image: url('../fonts/heroicons/hand-raised.svg');
    mask-image: url('../fonts/heroicons/hand-raised.svg');
}
.tpd-heroicon-hand-thumb-down{
    -webkit-mask-image: url('../fonts/heroicons/hand-thumb-down.svg');
    mask-image: url('../fonts/heroicons/hand-thumb-down.svg');
}
.tpd-heroicon-hand-thumb-up{
    -webkit-mask-image: url('../fonts/heroicons/hand-thumb-up.svg');
    mask-image: url('../fonts/heroicons/hand-thumb-up.svg');
}
.tpd-heroicon-hashtag{
    -webkit-mask-image: url('../fonts/heroicons/hashtag.svg');
    mask-image: url('../fonts/heroicons/hashtag.svg');
}
.tpd-heroicon-heart{
    -webkit-mask-image: url('../fonts/heroicons/heart.svg');
    mask-image: url('../fonts/heroicons/heart.svg');
}
.tpd-heroicon-home{
    -webkit-mask-image: url('../fonts/heroicons/home.svg');
    mask-image: url('../fonts/heroicons/home.svg');
}
.tpd-heroicon-home-modern{
    -webkit-mask-image: url('../fonts/heroicons/home-modern.svg');
    mask-image: url('../fonts/heroicons/home-modern.svg');
}
.tpd-heroicon-identification{
    -webkit-mask-image: url('../fonts/heroicons/identification.svg');
    mask-image: url('../fonts/heroicons/identification.svg');
}
.tpd-heroicon-inbox{
    -webkit-mask-image: url('../fonts/heroicons/inbox.svg');
    mask-image: url('../fonts/heroicons/inbox.svg');
}
.tpd-heroicon-inbox-arrow-down{
    -webkit-mask-image: url('../fonts/heroicons/inbox-arrow-down.svg');
    mask-image: url('../fonts/heroicons/inbox-arrow-down.svg');
}
.tpd-heroicon-inbox-stack{
    -webkit-mask-image: url('../fonts/heroicons/inbox-stack.svg');
    mask-image: url('../fonts/heroicons/inbox-stack.svg');
}
.tpd-heroicon-information-circle{
    -webkit-mask-image: url('../fonts/heroicons/information-circle.svg');
    mask-image: url('../fonts/heroicons/information-circle.svg');
}
.tpd-heroicon-italic{
    -webkit-mask-image: url('../fonts/heroicons/italic.svg');
    mask-image: url('../fonts/heroicons/italic.svg');
}
.tpd-heroicon-key{
    -webkit-mask-image: url('../fonts/heroicons/key.svg');
    mask-image: url('../fonts/heroicons/key.svg');
}
.tpd-heroicon-language{
    -webkit-mask-image: url('../fonts/heroicons/language.svg');
    mask-image: url('../fonts/heroicons/language.svg');
}
.tpd-heroicon-lifebuoy{
    -webkit-mask-image: url('../fonts/heroicons/lifebuoy.svg');
    mask-image: url('../fonts/heroicons/lifebuoy.svg');
}
.tpd-heroicon-light-bulb{
    -webkit-mask-image: url('../fonts/heroicons/light-bulb.svg');
    mask-image: url('../fonts/heroicons/light-bulb.svg');
}
.tpd-heroicon-link{
    -webkit-mask-image: url('../fonts/heroicons/link.svg');
    mask-image: url('../fonts/heroicons/link.svg');
}
.tpd-heroicon-link-slash{
    -webkit-mask-image: url('../fonts/heroicons/link-slash.svg');
    mask-image: url('../fonts/heroicons/link-slash.svg');
}
.tpd-heroicon-list-bullet{
    -webkit-mask-image: url('../fonts/heroicons/list-bullet.svg');
    mask-image: url('../fonts/heroicons/list-bullet.svg');
}
.tpd-heroicon-lock-closed{
    -webkit-mask-image: url('../fonts/heroicons/lock-closed.svg');
    mask-image: url('../fonts/heroicons/lock-closed.svg');
}
.tpd-heroicon-lock-open{
    -webkit-mask-image: url('../fonts/heroicons/lock-open.svg');
    mask-image: url('../fonts/heroicons/lock-open.svg');
}
.tpd-heroicon-magnifying-glass{
    -webkit-mask-image: url('../fonts/heroicons/magnifying-glass.svg');
    mask-image: url('../fonts/heroicons/magnifying-glass.svg');
}
.tpd-heroicon-magnifying-glass-circle{
    -webkit-mask-image: url('../fonts/heroicons/magnifying-glass-circle.svg');
    mask-image: url('../fonts/heroicons/magnifying-glass-circle.svg');
}
.tpd-heroicon-magnifying-glass-minus{
    -webkit-mask-image: url('../fonts/heroicons/magnifying-glass-minus.svg');
    mask-image: url('../fonts/heroicons/magnifying-glass-minus.svg');
}
.tpd-heroicon-magnifying-glass-plus{
    -webkit-mask-image: url('../fonts/heroicons/magnifying-glass-plus.svg');
    mask-image: url('../fonts/heroicons/magnifying-glass-plus.svg');
}
.tpd-heroicon-map{
    -webkit-mask-image: url('../fonts/heroicons/map.svg');
    mask-image: url('../fonts/heroicons/map.svg');
}
.tpd-heroicon-map-pin{
    -webkit-mask-image: url('../fonts/heroicons/map-pin.svg');
    mask-image: url('../fonts/heroicons/map-pin.svg');
}
.tpd-heroicon-megaphone{
    -webkit-mask-image: url('../fonts/heroicons/megaphone.svg');
    mask-image: url('../fonts/heroicons/megaphone.svg');
}
.tpd-heroicon-microphone{
    -webkit-mask-image: url('../fonts/heroicons/microphone.svg');
    mask-image: url('../fonts/heroicons/microphone.svg');
}
.tpd-heroicon-minus{
    -webkit-mask-image: url('../fonts/heroicons/minus.svg');
    mask-image: url('../fonts/heroicons/minus.svg');
}
.tpd-heroicon-minus-circle{
    -webkit-mask-image: url('../fonts/heroicons/minus-circle.svg');
    mask-image: url('../fonts/heroicons/minus-circle.svg');
}
.tpd-heroicon-minus-small{
    -webkit-mask-image: url('../fonts/heroicons/minus-small.svg');
    mask-image: url('../fonts/heroicons/minus-small.svg');
}
.tpd-heroicon-moon{
    -webkit-mask-image: url('../fonts/heroicons/moon.svg');
    mask-image: url('../fonts/heroicons/moon.svg');
}
.tpd-heroicon-musical-note{
    -webkit-mask-image: url('../fonts/heroicons/musical-note.svg');
    mask-image: url('../fonts/heroicons/musical-note.svg');
}
.tpd-heroicon-newspaper{
    -webkit-mask-image: url('../fonts/heroicons/newspaper.svg');
    mask-image: url('../fonts/heroicons/newspaper.svg');
}
.tpd-heroicon-no-symbol{
    -webkit-mask-image: url('../fonts/heroicons/no-symbol.svg');
    mask-image: url('../fonts/heroicons/no-symbol.svg');
}
.tpd-heroicon-numbered-list{
    -webkit-mask-image: url('../fonts/heroicons/numbered-list.svg');
    mask-image: url('../fonts/heroicons/numbered-list.svg');
}
.tpd-heroicon-paint-brush{
    -webkit-mask-image: url('../fonts/heroicons/paint-brush.svg');
    mask-image: url('../fonts/heroicons/paint-brush.svg');
}
.tpd-heroicon-paper-airplane{
    -webkit-mask-image: url('../fonts/heroicons/paper-airplane.svg');
    mask-image: url('../fonts/heroicons/paper-airplane.svg');
}
.tpd-heroicon-paper-clip{
    -webkit-mask-image: url('../fonts/heroicons/paper-clip.svg');
    mask-image: url('../fonts/heroicons/paper-clip.svg');
}
.tpd-heroicon-pause{
    -webkit-mask-image: url('../fonts/heroicons/pause.svg');
    mask-image: url('../fonts/heroicons/pause.svg');
}
.tpd-heroicon-pause-circle{
    -webkit-mask-image: url('../fonts/heroicons/pause-circle.svg');
    mask-image: url('../fonts/heroicons/pause-circle.svg');
}
.tpd-heroicon-pencil{
    -webkit-mask-image: url('../fonts/heroicons/pencil.svg');
    mask-image: url('../fonts/heroicons/pencil.svg');
}
.tpd-heroicon-pencil-square{
    -webkit-mask-image: url('../fonts/heroicons/pencil-square.svg');
    mask-image: url('../fonts/heroicons/pencil-square.svg');
}
.tpd-heroicon-percent-badge{
    -webkit-mask-image: url('../fonts/heroicons/percent-badge.svg');
    mask-image: url('../fonts/heroicons/percent-badge.svg');
}
.tpd-heroicon-phone{
    -webkit-mask-image: url('../fonts/heroicons/phone.svg');
    mask-image: url('../fonts/heroicons/phone.svg');
}
.tpd-heroicon-phone-arrow-down-left{
    -webkit-mask-image: url('../fonts/heroicons/phone-arrow-down-left.svg');
    mask-image: url('../fonts/heroicons/phone-arrow-down-left.svg');
}
.tpd-heroicon-phone-arrow-up-right{
    -webkit-mask-image: url('../fonts/heroicons/phone-arrow-up-right.svg');
    mask-image: url('../fonts/heroicons/phone-arrow-up-right.svg');
}
.tpd-heroicon-phone-x-mark{
    -webkit-mask-image: url('../fonts/heroicons/phone-x-mark.svg');
    mask-image: url('../fonts/heroicons/phone-x-mark.svg');
}
.tpd-heroicon-photo{
    -webkit-mask-image: url('../fonts/heroicons/photo.svg');
    mask-image: url('../fonts/heroicons/photo.svg');
}
.tpd-heroicon-play{
    -webkit-mask-image: url('../fonts/heroicons/play.svg');
    mask-image: url('../fonts/heroicons/play.svg');
}
.tpd-heroicon-play-circle{
    -webkit-mask-image: url('../fonts/heroicons/play-circle.svg');
    mask-image: url('../fonts/heroicons/play-circle.svg');
}
.tpd-heroicon-play-pause{
    -webkit-mask-image: url('../fonts/heroicons/play-pause.svg');
    mask-image: url('../fonts/heroicons/play-pause.svg');
}
.tpd-heroicon-plus{
    -webkit-mask-image: url('../fonts/heroicons/plus.svg');
    mask-image: url('../fonts/heroicons/plus.svg');
}
.tpd-heroicon-plus-circle{
    -webkit-mask-image: url('../fonts/heroicons/plus-circle.svg');
    mask-image: url('../fonts/heroicons/plus-circle.svg');
}
.tpd-heroicon-plus-small{
    -webkit-mask-image: url('../fonts/heroicons/plus-small.svg');
    mask-image: url('../fonts/heroicons/plus-small.svg');
}
.tpd-heroicon-power{
    -webkit-mask-image: url('../fonts/heroicons/power.svg');
    mask-image: url('../fonts/heroicons/power.svg');
}
.tpd-heroicon-presentation-chart-bar{
    -webkit-mask-image: url('../fonts/heroicons/presentation-chart-bar.svg');
    mask-image: url('../fonts/heroicons/presentation-chart-bar.svg');
}
.tpd-heroicon-presentation-chart-line{
    -webkit-mask-image: url('../fonts/heroicons/presentation-chart-line.svg');
    mask-image: url('../fonts/heroicons/presentation-chart-line.svg');
}
.tpd-heroicon-printer{
    -webkit-mask-image: url('../fonts/heroicons/printer.svg');
    mask-image: url('../fonts/heroicons/printer.svg');
}
.tpd-heroicon-puzzle-piece{
    -webkit-mask-image: url('../fonts/heroicons/puzzle-piece.svg');
    mask-image: url('../fonts/heroicons/puzzle-piece.svg');
}
.tpd-heroicon-qr-code{
    -webkit-mask-image: url('../fonts/heroicons/qr-code.svg');
    mask-image: url('../fonts/heroicons/qr-code.svg');
}
.tpd-heroicon-question-mark-circle{
    -webkit-mask-image: url('../fonts/heroicons/question-mark-circle.svg');
    mask-image: url('../fonts/heroicons/question-mark-circle.svg');
}
.tpd-heroicon-queue-list{
    -webkit-mask-image: url('../fonts/heroicons/queue-list.svg');
    mask-image: url('../fonts/heroicons/queue-list.svg');
}
.tpd-heroicon-radio{
    -webkit-mask-image: url('../fonts/heroicons/radio.svg');
    mask-image: url('../fonts/heroicons/radio.svg');
}
.tpd-heroicon-receipt-percent{
    -webkit-mask-image: url('../fonts/heroicons/receipt-percent.svg');
    mask-image: url('../fonts/heroicons/receipt-percent.svg');
}
.tpd-heroicon-receipt-refund{
    -webkit-mask-image: url('../fonts/heroicons/receipt-refund.svg');
    mask-image: url('../fonts/heroicons/receipt-refund.svg');
}
.tpd-heroicon-rectangle-group{
    -webkit-mask-image: url('../fonts/heroicons/rectangle-group.svg');
    mask-image: url('../fonts/heroicons/rectangle-group.svg');
}
.tpd-heroicon-rectangle-stack{
    -webkit-mask-image: url('../fonts/heroicons/rectangle-stack.svg');
    mask-image: url('../fonts/heroicons/rectangle-stack.svg');
}
.tpd-heroicon-rocket-launch{
    -webkit-mask-image: url('../fonts/heroicons/rocket-launch.svg');
    mask-image: url('../fonts/heroicons/rocket-launch.svg');
}
.tpd-heroicon-rss{
    -webkit-mask-image: url('../fonts/heroicons/rss.svg');
    mask-image: url('../fonts/heroicons/rss.svg');
}
.tpd-heroicon-scale{
    -webkit-mask-image: url('../fonts/heroicons/scale.svg');
    mask-image: url('../fonts/heroicons/scale.svg');
}
.tpd-heroicon-scissors{
    -webkit-mask-image: url('../fonts/heroicons/scissors.svg');
    mask-image: url('../fonts/heroicons/scissors.svg');
}
.tpd-heroicon-server{
    -webkit-mask-image: url('../fonts/heroicons/server.svg');
    mask-image: url('../fonts/heroicons/server.svg');
}
.tpd-heroicon-server-stack{
    -webkit-mask-image: url('../fonts/heroicons/server-stack.svg');
    mask-image: url('../fonts/heroicons/server-stack.svg');
}
.tpd-heroicon-share{
    -webkit-mask-image: url('../fonts/heroicons/share.svg');
    mask-image: url('../fonts/heroicons/share.svg');
}
.tpd-heroicon-shield-check{
    -webkit-mask-image: url('../fonts/heroicons/shield-check.svg');
    mask-image: url('../fonts/heroicons/shield-check.svg');
}
.tpd-heroicon-shield-exclamation{
    -webkit-mask-image: url('../fonts/heroicons/shield-exclamation.svg');
    mask-image: url('../fonts/heroicons/shield-exclamation.svg');
}
.tpd-heroicon-shopping-bag{
    -webkit-mask-image: url('../fonts/heroicons/shopping-bag.svg');
    mask-image: url('../fonts/heroicons/shopping-bag.svg');
}
.tpd-heroicon-shopping-cart{
    -webkit-mask-image: url('../fonts/heroicons/shopping-cart.svg');
    mask-image: url('../fonts/heroicons/shopping-cart.svg');
}
.tpd-heroicon-signal{
    -webkit-mask-image: url('../fonts/heroicons/signal.svg');
    mask-image: url('../fonts/heroicons/signal.svg');
}
.tpd-heroicon-signal-slash{
    -webkit-mask-image: url('../fonts/heroicons/signal-slash.svg');
    mask-image: url('../fonts/heroicons/signal-slash.svg');
}
.tpd-heroicon-slash{
    -webkit-mask-image: url('../fonts/heroicons/slash.svg');
    mask-image: url('../fonts/heroicons/slash.svg');
}
.tpd-heroicon-sparkles{
    -webkit-mask-image: url('../fonts/heroicons/sparkles.svg');
    mask-image: url('../fonts/heroicons/sparkles.svg');
}
.tpd-heroicon-speaker-wave{
    -webkit-mask-image: url('../fonts/heroicons/speaker-wave.svg');
    mask-image: url('../fonts/heroicons/speaker-wave.svg');
}
.tpd-heroicon-speaker-x-mark{
    -webkit-mask-image: url('../fonts/heroicons/speaker-x-mark.svg');
    mask-image: url('../fonts/heroicons/speaker-x-mark.svg');
}
.tpd-heroicon-square-2-stack{
    -webkit-mask-image: url('../fonts/heroicons/square-2-stack.svg');
    mask-image: url('../fonts/heroicons/square-2-stack.svg');
}
.tpd-heroicon-square-3-stack-3d{
    -webkit-mask-image: url('../fonts/heroicons/square-3-stack-3d.svg');
    mask-image: url('../fonts/heroicons/square-3-stack-3d.svg');
}
.tpd-heroicon-squares-2x2{
    -webkit-mask-image: url('../fonts/heroicons/squares-2x2.svg');
    mask-image: url('../fonts/heroicons/squares-2x2.svg');
}
.tpd-heroicon-squares-plus{
    -webkit-mask-image: url('../fonts/heroicons/squares-plus.svg');
    mask-image: url('../fonts/heroicons/squares-plus.svg');
}
.tpd-heroicon-star{
    -webkit-mask-image: url('../fonts/heroicons/star.svg');
    mask-image: url('../fonts/heroicons/star.svg');
}
.tpd-heroicon-stop{
    -webkit-mask-image: url('../fonts/heroicons/stop.svg');
    mask-image: url('../fonts/heroicons/stop.svg');
}
.tpd-heroicon-stop-circle{
    -webkit-mask-image: url('../fonts/heroicons/stop-circle.svg');
    mask-image: url('../fonts/heroicons/stop-circle.svg');
}
.tpd-heroicon-strikethrough{
    -webkit-mask-image: url('../fonts/heroicons/strikethrough.svg');
    mask-image: url('../fonts/heroicons/strikethrough.svg');
}
.tpd-heroicon-sun{
    -webkit-mask-image: url('../fonts/heroicons/sun.svg');
    mask-image: url('../fonts/heroicons/sun.svg');
}
.tpd-heroicon-swatch{
    -webkit-mask-image: url('../fonts/heroicons/swatch.svg');
    mask-image: url('../fonts/heroicons/swatch.svg');
}
.tpd-heroicon-table-cells{
    -webkit-mask-image: url('../fonts/heroicons/table-cells.svg');
    mask-image: url('../fonts/heroicons/table-cells.svg');
}
.tpd-heroicon-tag{
    -webkit-mask-image: url('../fonts/heroicons/tag.svg');
    mask-image: url('../fonts/heroicons/tag.svg');
}
.tpd-heroicon-ticket{
    -webkit-mask-image: url('../fonts/heroicons/ticket.svg');
    mask-image: url('../fonts/heroicons/ticket.svg');
}
.tpd-heroicon-trash{
    -webkit-mask-image: url('../fonts/heroicons/trash.svg');
    mask-image: url('../fonts/heroicons/trash.svg');
}
.tpd-heroicon-trophy{
    -webkit-mask-image: url('../fonts/heroicons/trophy.svg');
    mask-image: url('../fonts/heroicons/trophy.svg');
}
.tpd-heroicon-truck{
    -webkit-mask-image: url('../fonts/heroicons/truck.svg');
    mask-image: url('../fonts/heroicons/truck.svg');
}
.tpd-heroicon-tv{
    -webkit-mask-image: url('../fonts/heroicons/tv.svg');
    mask-image: url('../fonts/heroicons/tv.svg');
}
.tpd-heroicon-underline{
    -webkit-mask-image: url('../fonts/heroicons/underline.svg');
    mask-image: url('../fonts/heroicons/underline.svg');
}
.tpd-heroicon-user{
    -webkit-mask-image: url('../fonts/heroicons/user.svg');
    mask-image: url('../fonts/heroicons/user.svg');
}
.tpd-heroicon-user-circle{
    -webkit-mask-image: url('../fonts/heroicons/user-circle.svg');
    mask-image: url('../fonts/heroicons/user-circle.svg');
}
.tpd-heroicon-user-group{
    -webkit-mask-image: url('../fonts/heroicons/user-group.svg');
    mask-image: url('../fonts/heroicons/user-group.svg');
}
.tpd-heroicon-user-minus{
    -webkit-mask-image: url('../fonts/heroicons/user-minus.svg');
    mask-image: url('../fonts/heroicons/user-minus.svg');
}
.tpd-heroicon-user-plus{
    -webkit-mask-image: url('../fonts/heroicons/user-plus.svg');
    mask-image: url('../fonts/heroicons/user-plus.svg');
}
.tpd-heroicon-users{
    -webkit-mask-image: url('../fonts/heroicons/users.svg');
    mask-image: url('../fonts/heroicons/users.svg');
}
.tpd-heroicon-variable{
    -webkit-mask-image: url('../fonts/heroicons/variable.svg');
    mask-image: url('../fonts/heroicons/variable.svg');
}
.tpd-heroicon-video-camera{
    -webkit-mask-image: url('../fonts/heroicons/video-camera.svg');
    mask-image: url('../fonts/heroicons/video-camera.svg');
}
.tpd-heroicon-video-camera-slash{
    -webkit-mask-image: url('../fonts/heroicons/video-camera-slash.svg');
    mask-image: url('../fonts/heroicons/video-camera-slash.svg');
}
.tpd-heroicon-view-columns{
    -webkit-mask-image: url('../fonts/heroicons/view-columns.svg');
    mask-image: url('../fonts/heroicons/view-columns.svg');
}
.tpd-heroicon-viewfinder-circle{
    -webkit-mask-image: url('../fonts/heroicons/viewfinder-circle.svg');
    mask-image: url('../fonts/heroicons/viewfinder-circle.svg');
}
.tpd-heroicon-wallet{
    -webkit-mask-image: url('../fonts/heroicons/wallet.svg');
    mask-image: url('../fonts/heroicons/wallet.svg');
}
.tpd-heroicon-wifi{
    -webkit-mask-image: url('../fonts/heroicons/wifi.svg');
    mask-image: url('../fonts/heroicons/wifi.svg');
}
.tpd-heroicon-window{
    -webkit-mask-image: url('../fonts/heroicons/window.svg');
    mask-image: url('../fonts/heroicons/window.svg');
}
.tpd-heroicon-wrench{
    -webkit-mask-image: url('../fonts/heroicons/wrench.svg');
    mask-image: url('../fonts/heroicons/wrench.svg');
}
.tpd-heroicon-wrench-screwdriver{
    -webkit-mask-image: url('../fonts/heroicons/wrench-screwdriver.svg');
    mask-image: url('../fonts/heroicons/wrench-screwdriver.svg');
}
.tpd-heroicon-x-circle{
    -webkit-mask-image: url('../fonts/heroicons/x-circle.svg');
    mask-image: url('../fonts/heroicons/x-circle.svg');
}
.tpd-heroicon-x-mark{
    -webkit-mask-image: url('../fonts/heroicons/x-mark.svg');
    mask-image: url('../fonts/heroicons/x-mark.svg');
}