.icon-activity {
  mask: url('feather/activity.svg') no-repeat center;
  -webkit-mask: url('feather/activity.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 2em;
  height: 1.5em;
}

.icon-airplay {
  mask: url('feather/airplay.svg') no-repeat center;
  -webkit-mask: url('feather/airplay.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-alert-circle {
  mask: url('feather/alert-circle.svg') no-repeat center;
  -webkit-mask: url('feather/alert-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-alert-octagon {
  mask: url('feather/alert-octagon.svg') no-repeat center;
  -webkit-mask: url('feather/alert-octagon.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-alert-triangle {
  mask: url('feather/alert-triangle.svg') no-repeat center;
  -webkit-mask: url('feather/alert-triangle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-align-center {
  mask: url('feather/align-center.svg') no-repeat center;
  -webkit-mask: url('feather/align-center.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-align-justify {
  mask: url('feather/align-justify.svg') no-repeat center;
  -webkit-mask: url('feather/align-justify.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-align-left {
  mask: url('feather/align-left.svg') no-repeat center;
  -webkit-mask: url('feather/align-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-align-right {
  mask: url('feather/align-right.svg') no-repeat center;
  -webkit-mask: url('feather/align-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-anchor {
  mask: url('feather/anchor.svg') no-repeat center;
  -webkit-mask: url('feather/anchor.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-aperture {
  mask: url('feather/aperture.svg') no-repeat center;
  -webkit-mask: url('feather/aperture.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-archive {
  mask: url('feather/archive.svg') no-repeat center;
  -webkit-mask: url('feather/archive.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-down-circle {
  mask: url('feather/arrow-down-circle.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-down-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-down-left {
  mask: url('feather/arrow-down-left.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-down-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-down-right {
  mask: url('feather/arrow-down-right.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-down-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-down {
  mask: url('feather/arrow-down.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-left-circle {
  mask: url('feather/arrow-left-circle.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-left-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-left {
  mask: url('feather/arrow-left.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-right-circle {
  mask: url('feather/arrow-right-circle.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-right-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-right {
  mask: url('feather/arrow-right.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-up-circle {
  mask: url('feather/arrow-up-circle.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-up-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-up-left {
  mask: url('feather/arrow-up-left.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-up-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-up-right {
  mask: url('feather/arrow-up-right.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-up-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-arrow-up {
  mask: url('feather/arrow-up.svg') no-repeat center;
  -webkit-mask: url('feather/arrow-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-at-sign {
  mask: url('feather/at-sign.svg') no-repeat center;
  -webkit-mask: url('feather/at-sign.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-award {
  mask: url('feather/award.svg') no-repeat center;
  -webkit-mask: url('feather/award.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bar-chart-2 {
  mask: url('feather/bar-chart-2.svg') no-repeat center;
  -webkit-mask: url('feather/bar-chart-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bar-chart {
  mask: url('feather/bar-chart.svg') no-repeat center;
  -webkit-mask: url('feather/bar-chart.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-battery-charging {
  mask: url('feather/battery-charging.svg') no-repeat center;
  -webkit-mask: url('feather/battery-charging.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-battery {
  mask: url('feather/battery.svg') no-repeat center;
  -webkit-mask: url('feather/battery.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bell-off {
  mask: url('feather/bell-off.svg') no-repeat center;
  -webkit-mask: url('feather/bell-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bell {
  mask: url('feather/bell.svg') no-repeat center;
  -webkit-mask: url('feather/bell.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bluetooth {
  mask: url('feather/bluetooth.svg') no-repeat center;
  -webkit-mask: url('feather/bluetooth.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bold {
  mask: url('feather/bold.svg') no-repeat center;
  -webkit-mask: url('feather/bold.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-book-open {
  mask: url('feather/book-open.svg') no-repeat center;
  -webkit-mask: url('feather/book-open.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-book {
  mask: url('feather/book.svg') no-repeat center;
  -webkit-mask: url('feather/book.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-bookmark {
  mask: url('feather/bookmark.svg') no-repeat center;
  -webkit-mask: url('feather/bookmark.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-box {
  mask: url('feather/box.svg') no-repeat center;
  -webkit-mask: url('feather/box.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-briefcase {
  mask: url('feather/briefcase.svg') no-repeat center;
  -webkit-mask: url('feather/briefcase.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-calendar {
  mask: url('feather/calendar.svg') no-repeat center;
  -webkit-mask: url('feather/calendar.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-camera-off {
  mask: url('feather/camera-off.svg') no-repeat center;
  -webkit-mask: url('feather/camera-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-camera {
  mask: url('feather/camera.svg') no-repeat center;
  -webkit-mask: url('feather/camera.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cast {
  mask: url('feather/cast.svg') no-repeat center;
  -webkit-mask: url('feather/cast.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-check-circle {
  mask: url('feather/check-circle.svg') no-repeat center;
  -webkit-mask: url('feather/check-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-check-square {
  mask: url('feather/check-square.svg') no-repeat center;
  -webkit-mask: url('feather/check-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-check {
  mask: url('feather/check.svg') no-repeat center;
  -webkit-mask: url('feather/check.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevron-down {
  mask: url('feather/chevron-down.svg') no-repeat center;
  -webkit-mask: url('feather/chevron-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevron-left {
  mask: url('feather/chevron-left.svg') no-repeat center;
  -webkit-mask: url('feather/chevron-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevron-right {
  mask: url('feather/chevron-right.svg') no-repeat center;
  -webkit-mask: url('feather/chevron-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevron-up {
  mask: url('feather/chevron-up.svg') no-repeat center;
  -webkit-mask: url('feather/chevron-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevrons-down {
  mask: url('feather/chevrons-down.svg') no-repeat center;
  -webkit-mask: url('feather/chevrons-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevrons-left {
  mask: url('feather/chevrons-left.svg') no-repeat center;
  -webkit-mask: url('feather/chevrons-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevrons-right {
  mask: url('feather/chevrons-right.svg') no-repeat center;
  -webkit-mask: url('feather/chevrons-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chevrons-up {
  mask: url('feather/chevrons-up.svg') no-repeat center;
  -webkit-mask: url('feather/chevrons-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-chrome {
  mask: url('feather/chrome.svg') no-repeat center;
  -webkit-mask: url('feather/chrome.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-circle {
  mask: url('feather/circle.svg') no-repeat center;
  -webkit-mask: url('feather/circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-clipboard {
  mask: url('feather/clipboard.svg') no-repeat center;
  -webkit-mask: url('feather/clipboard.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-clock {
  mask: url('feather/clock.svg') no-repeat center;
  -webkit-mask: url('feather/clock.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud-drizzle {
  mask: url('feather/cloud-drizzle.svg') no-repeat center;
  -webkit-mask: url('feather/cloud-drizzle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud-lightning {
  mask: url('feather/cloud-lightning.svg') no-repeat center;
  -webkit-mask: url('feather/cloud-lightning.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud-off {
  mask: url('feather/cloud-off.svg') no-repeat center;
  -webkit-mask: url('feather/cloud-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud-rain {
  mask: url('feather/cloud-rain.svg') no-repeat center;
  -webkit-mask: url('feather/cloud-rain.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud-snow {
  mask: url('feather/cloud-snow.svg') no-repeat center;
  -webkit-mask: url('feather/cloud-snow.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cloud {
  mask: url('feather/cloud.svg') no-repeat center;
  -webkit-mask: url('feather/cloud.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-code {
  mask: url('feather/code.svg') no-repeat center;
  -webkit-mask: url('feather/code.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-codepen {
  mask: url('feather/codepen.svg') no-repeat center;
  -webkit-mask: url('feather/codepen.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-codesandbox {
  mask: url('feather/codesandbox.svg') no-repeat center;
  -webkit-mask: url('feather/codesandbox.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-coffee {
  mask: url('feather/coffee.svg') no-repeat center;
  -webkit-mask: url('feather/coffee.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-columns {
  mask: url('feather/columns.svg') no-repeat center;
  -webkit-mask: url('feather/columns.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-command {
  mask: url('feather/command.svg') no-repeat center;
  -webkit-mask: url('feather/command.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-compass {
  mask: url('feather/compass.svg') no-repeat center;
  -webkit-mask: url('feather/compass.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-copy {
  mask: url('feather/copy.svg') no-repeat center;
  -webkit-mask: url('feather/copy.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-down-left {
  mask: url('feather/corner-down-left.svg') no-repeat center;
  -webkit-mask: url('feather/corner-down-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-down-right {
  mask: url('feather/corner-down-right.svg') no-repeat center;
  -webkit-mask: url('feather/corner-down-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-left-down {
  mask: url('feather/corner-left-down.svg') no-repeat center;
  -webkit-mask: url('feather/corner-left-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-left-up {
  mask: url('feather/corner-left-up.svg') no-repeat center;
  -webkit-mask: url('feather/corner-left-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-right-down {
  mask: url('feather/corner-right-down.svg') no-repeat center;
  -webkit-mask: url('feather/corner-right-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-right-up {
  mask: url('feather/corner-right-up.svg') no-repeat center;
  -webkit-mask: url('feather/corner-right-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-up-left {
  mask: url('feather/corner-up-left.svg') no-repeat center;
  -webkit-mask: url('feather/corner-up-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-corner-up-right {
  mask: url('feather/corner-up-right.svg') no-repeat center;
  -webkit-mask: url('feather/corner-up-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-cpu {
  mask: url('feather/cpu.svg') no-repeat center;
  -webkit-mask: url('feather/cpu.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-credit-card {
  mask: url('feather/credit-card.svg') no-repeat center;
  -webkit-mask: url('feather/credit-card.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-crop {
  mask: url('feather/crop.svg') no-repeat center;
  -webkit-mask: url('feather/crop.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-crosshair {
  mask: url('feather/crosshair.svg') no-repeat center;
  -webkit-mask: url('feather/crosshair.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-database {
  mask: url('feather/database.svg') no-repeat center;
  -webkit-mask: url('feather/database.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-delete {
  mask: url('feather/delete.svg') no-repeat center;
  -webkit-mask: url('feather/delete.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-disc {
  mask: url('feather/disc.svg') no-repeat center;
  -webkit-mask: url('feather/disc.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-divide-circle {
  mask: url('feather/divide-circle.svg') no-repeat center;
  -webkit-mask: url('feather/divide-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-divide-square {
  mask: url('feather/divide-square.svg') no-repeat center;
  -webkit-mask: url('feather/divide-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-divide {
  mask: url('feather/divide.svg') no-repeat center;
  -webkit-mask: url('feather/divide.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-dollar-sign {
  mask: url('feather/dollar-sign.svg') no-repeat center;
  -webkit-mask: url('feather/dollar-sign.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-download-cloud {
  mask: url('feather/download-cloud.svg') no-repeat center;
  -webkit-mask: url('feather/download-cloud.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-download {
  mask: url('feather/download.svg') no-repeat center;
  -webkit-mask: url('feather/download.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-dribbble {
  mask: url('feather/dribbble.svg') no-repeat center;
  -webkit-mask: url('feather/dribbble.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-droplet {
  mask: url('feather/droplet.svg') no-repeat center;
  -webkit-mask: url('feather/droplet.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-edit-2 {
  mask: url('feather/edit-2.svg') no-repeat center;
  -webkit-mask: url('feather/edit-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-edit-3 {
  mask: url('feather/edit-3.svg') no-repeat center;
  -webkit-mask: url('feather/edit-3.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-edit {
  mask: url('feather/edit.svg') no-repeat center;
  -webkit-mask: url('feather/edit.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-external-link {
  mask: url('feather/external-link.svg') no-repeat center;
  -webkit-mask: url('feather/external-link.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-eye-off {
  mask: url('feather/eye-off.svg') no-repeat center;
  -webkit-mask: url('feather/eye-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-eye {
  mask: url('feather/eye.svg') no-repeat center;
  -webkit-mask: url('feather/eye.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-facebook {
  mask: url('feather/facebook.svg') no-repeat center;
  -webkit-mask: url('feather/facebook.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-fast-forward {
  mask: url('feather/fast-forward.svg') no-repeat center;
  -webkit-mask: url('feather/fast-forward.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-feather {
  mask: url('feather/feather.svg') no-repeat center;
  -webkit-mask: url('feather/feather.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-figma {
  mask: url('feather/figma.svg') no-repeat center;
  -webkit-mask: url('feather/figma.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-file-minus {
  mask: url('feather/file-minus.svg') no-repeat center;
  -webkit-mask: url('feather/file-minus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-file-plus {
  mask: url('feather/file-plus.svg') no-repeat center;
  -webkit-mask: url('feather/file-plus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-file-text {
  mask: url('feather/file-text.svg') no-repeat center;
  -webkit-mask: url('feather/file-text.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-file {
  mask: url('feather/file.svg') no-repeat center;
  -webkit-mask: url('feather/file.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-film {
  mask: url('feather/film.svg') no-repeat center;
  -webkit-mask: url('feather/film.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-filter {
  mask: url('feather/filter.svg') no-repeat center;
  -webkit-mask: url('feather/filter.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-flag {
  mask: url('feather/flag.svg') no-repeat center;
  -webkit-mask: url('feather/flag.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-folder-minus {
  mask: url('feather/folder-minus.svg') no-repeat center;
  -webkit-mask: url('feather/folder-minus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-folder-plus {
  mask: url('feather/folder-plus.svg') no-repeat center;
  -webkit-mask: url('feather/folder-plus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-folder {
  mask: url('feather/folder.svg') no-repeat center;
  -webkit-mask: url('feather/folder.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-framer {
  mask: url('feather/framer.svg') no-repeat center;
  -webkit-mask: url('feather/framer.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-frown {
  mask: url('feather/frown.svg') no-repeat center;
  -webkit-mask: url('feather/frown.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-gift {
  mask: url('feather/gift.svg') no-repeat center;
  -webkit-mask: url('feather/gift.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-git-branch {
  mask: url('feather/git-branch.svg') no-repeat center;
  -webkit-mask: url('feather/git-branch.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-git-commit {
  mask: url('feather/git-commit.svg') no-repeat center;
  -webkit-mask: url('feather/git-commit.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-git-merge {
  mask: url('feather/git-merge.svg') no-repeat center;
  -webkit-mask: url('feather/git-merge.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-git-pull-request {
  mask: url('feather/git-pull-request.svg') no-repeat center;
  -webkit-mask: url('feather/git-pull-request.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-github {
  mask: url('feather/github.svg') no-repeat center;
  -webkit-mask: url('feather/github.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-gitlab {
  mask: url('feather/gitlab.svg') no-repeat center;
  -webkit-mask: url('feather/gitlab.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-globe {
  mask: url('feather/globe.svg') no-repeat center;
  -webkit-mask: url('feather/globe.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-grid {
  mask: url('feather/grid.svg') no-repeat center;
  -webkit-mask: url('feather/grid.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-hard-drive {
  mask: url('feather/hard-drive.svg') no-repeat center;
  -webkit-mask: url('feather/hard-drive.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-hash {
  mask: url('feather/hash.svg') no-repeat center;
  -webkit-mask: url('feather/hash.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-headphones {
  mask: url('feather/headphones.svg') no-repeat center;
  -webkit-mask: url('feather/headphones.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-heart {
  mask: url('feather/heart.svg') no-repeat center;
  -webkit-mask: url('feather/heart.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-help-circle {
  mask: url('feather/help-circle.svg') no-repeat center;
  -webkit-mask: url('feather/help-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-hexagon {
  mask: url('feather/hexagon.svg') no-repeat center;
  -webkit-mask: url('feather/hexagon.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-home {
  mask: url('feather/home.svg') no-repeat center;
  -webkit-mask: url('feather/home.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-image {
  mask: url('feather/image.svg') no-repeat center;
  -webkit-mask: url('feather/image.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-inbox {
  mask: url('feather/inbox.svg') no-repeat center;
  -webkit-mask: url('feather/inbox.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-info {
  mask: url('feather/info.svg') no-repeat center;
  -webkit-mask: url('feather/info.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-instagram {
  mask: url('feather/instagram.svg') no-repeat center;
  -webkit-mask: url('feather/instagram.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-italic {
  mask: url('feather/italic.svg') no-repeat center;
  -webkit-mask: url('feather/italic.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-key {
  mask: url('feather/key.svg') no-repeat center;
  -webkit-mask: url('feather/key.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-layers {
  mask: url('feather/layers.svg') no-repeat center;
  -webkit-mask: url('feather/layers.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-layout {
  mask: url('feather/layout.svg') no-repeat center;
  -webkit-mask: url('feather/layout.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-life-buoy {
  mask: url('feather/life-buoy.svg') no-repeat center;
  -webkit-mask: url('feather/life-buoy.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-link-2 {
  mask: url('feather/link-2.svg') no-repeat center;
  -webkit-mask: url('feather/link-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-link {
  mask: url('feather/link.svg') no-repeat center;
  -webkit-mask: url('feather/link.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-linkedin {
  mask: url('feather/linkedin.svg') no-repeat center;
  -webkit-mask: url('feather/linkedin.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-list {
  mask: url('feather/list.svg') no-repeat center;
  -webkit-mask: url('feather/list.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-loader {
  mask: url('feather/loader.svg') no-repeat center;
  -webkit-mask: url('feather/loader.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-lock {
  mask: url('feather/lock.svg') no-repeat center;
  -webkit-mask: url('feather/lock.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-log-in {
  mask: url('feather/log-in.svg') no-repeat center;
  -webkit-mask: url('feather/log-in.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-log-out {
  mask: url('feather/log-out.svg') no-repeat center;
  -webkit-mask: url('feather/log-out.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-mail {
  mask: url('feather/mail.svg') no-repeat center;
  -webkit-mask: url('feather/mail.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-map-pin {
  mask: url('feather/map-pin.svg') no-repeat center;
  -webkit-mask: url('feather/map-pin.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-map {
  mask: url('feather/map.svg') no-repeat center;
  -webkit-mask: url('feather/map.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-maximize-2 {
  mask: url('feather/maximize-2.svg') no-repeat center;
  -webkit-mask: url('feather/maximize-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-maximize {
  mask: url('feather/maximize.svg') no-repeat center;
  -webkit-mask: url('feather/maximize.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-meh {
  mask: url('feather/meh.svg') no-repeat center;
  -webkit-mask: url('feather/meh.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-menu {
  mask: url('feather/menu.svg') no-repeat center;
  -webkit-mask: url('feather/menu.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-message-circle {
  mask: url('feather/message-circle.svg') no-repeat center;
  -webkit-mask: url('feather/message-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-message-square {
  mask: url('feather/message-square.svg') no-repeat center;
  -webkit-mask: url('feather/message-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-mic-off {
  mask: url('feather/mic-off.svg') no-repeat center;
  -webkit-mask: url('feather/mic-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-mic {
  mask: url('feather/mic.svg') no-repeat center;
  -webkit-mask: url('feather/mic.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-minimize-2 {
  mask: url('feather/minimize-2.svg') no-repeat center;
  -webkit-mask: url('feather/minimize-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-minimize {
  mask: url('feather/minimize.svg') no-repeat center;
  -webkit-mask: url('feather/minimize.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-minus-circle {
  mask: url('feather/minus-circle.svg') no-repeat center;
  -webkit-mask: url('feather/minus-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-minus-square {
  mask: url('feather/minus-square.svg') no-repeat center;
  -webkit-mask: url('feather/minus-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-minus {
  mask: url('feather/minus.svg') no-repeat center;
  -webkit-mask: url('feather/minus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-monitor {
  mask: url('feather/monitor.svg') no-repeat center;
  -webkit-mask: url('feather/monitor.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-moon {
  mask: url('feather/moon.svg') no-repeat center;
  -webkit-mask: url('feather/moon.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-more-horizontal {
  mask: url('feather/more-horizontal.svg') no-repeat center;
  -webkit-mask: url('feather/more-horizontal.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-more-vertical {
  mask: url('feather/more-vertical.svg') no-repeat center;
  -webkit-mask: url('feather/more-vertical.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-mouse-pointer {
  mask: url('feather/mouse-pointer.svg') no-repeat center;
  -webkit-mask: url('feather/mouse-pointer.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-move {
  mask: url('feather/move.svg') no-repeat center;
  -webkit-mask: url('feather/move.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-music {
  mask: url('feather/music.svg') no-repeat center;
  -webkit-mask: url('feather/music.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-navigation-2 {
  mask: url('feather/navigation-2.svg') no-repeat center;
  -webkit-mask: url('feather/navigation-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-navigation {
  mask: url('feather/navigation.svg') no-repeat center;
  -webkit-mask: url('feather/navigation.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-octagon {
  mask: url('feather/octagon.svg') no-repeat center;
  -webkit-mask: url('feather/octagon.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-package {
  mask: url('feather/package.svg') no-repeat center;
  -webkit-mask: url('feather/package.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-paperclip {
  mask: url('feather/paperclip.svg') no-repeat center;
  -webkit-mask: url('feather/paperclip.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-pause-circle {
  mask: url('feather/pause-circle.svg') no-repeat center;
  -webkit-mask: url('feather/pause-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-pause {
  mask: url('feather/pause.svg') no-repeat center;
  -webkit-mask: url('feather/pause.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-pen-tool {
  mask: url('feather/pen-tool.svg') no-repeat center;
  -webkit-mask: url('feather/pen-tool.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-percent {
  mask: url('feather/percent.svg') no-repeat center;
  -webkit-mask: url('feather/percent.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-call {
  mask: url('feather/phone-call.svg') no-repeat center;
  -webkit-mask: url('feather/phone-call.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-forwarded {
  mask: url('feather/phone-forwarded.svg') no-repeat center;
  -webkit-mask: url('feather/phone-forwarded.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-incoming {
  mask: url('feather/phone-incoming.svg') no-repeat center;
  -webkit-mask: url('feather/phone-incoming.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-missed {
  mask: url('feather/phone-missed.svg') no-repeat center;
  -webkit-mask: url('feather/phone-missed.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-off {
  mask: url('feather/phone-off.svg') no-repeat center;
  -webkit-mask: url('feather/phone-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone-outgoing {
  mask: url('feather/phone-outgoing.svg') no-repeat center;
  -webkit-mask: url('feather/phone-outgoing.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-phone {
  mask: url('feather/phone.svg') no-repeat center;
  -webkit-mask: url('feather/phone.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-pie-chart {
  mask: url('feather/pie-chart.svg') no-repeat center;
  -webkit-mask: url('feather/pie-chart.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-play-circle {
  mask: url('feather/play-circle.svg') no-repeat center;
  -webkit-mask: url('feather/play-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-play {
  mask: url('feather/play.svg') no-repeat center;
  -webkit-mask: url('feather/play.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-plus-circle {
  mask: url('feather/plus-circle.svg') no-repeat center;
  -webkit-mask: url('feather/plus-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-plus-square {
  mask: url('feather/plus-square.svg') no-repeat center;
  -webkit-mask: url('feather/plus-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-plus {
  mask: url('feather/plus.svg') no-repeat center;
  -webkit-mask: url('feather/plus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-pocket {
  mask: url('feather/pocket.svg') no-repeat center;
  -webkit-mask: url('feather/pocket.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-power {
  mask: url('feather/power.svg') no-repeat center;
  -webkit-mask: url('feather/power.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-printer {
  mask: url('feather/printer.svg') no-repeat center;
  -webkit-mask: url('feather/printer.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-radio {
  mask: url('feather/radio.svg') no-repeat center;
  -webkit-mask: url('feather/radio.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-refresh-ccw {
  mask: url('feather/refresh-ccw.svg') no-repeat center;
  -webkit-mask: url('feather/refresh-ccw.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-refresh-cw {
  mask: url('feather/refresh-cw.svg') no-repeat center;
  -webkit-mask: url('feather/refresh-cw.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-repeat {
  mask: url('feather/repeat.svg') no-repeat center;
  -webkit-mask: url('feather/repeat.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-rewind {
  mask: url('feather/rewind.svg') no-repeat center;
  -webkit-mask: url('feather/rewind.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-rotate-ccw {
  mask: url('feather/rotate-ccw.svg') no-repeat center;
  -webkit-mask: url('feather/rotate-ccw.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-rotate-cw {
  mask: url('feather/rotate-cw.svg') no-repeat center;
  -webkit-mask: url('feather/rotate-cw.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-rss {
  mask: url('feather/rss.svg') no-repeat center;
  -webkit-mask: url('feather/rss.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-save {
  mask: url('feather/save.svg') no-repeat center;
  -webkit-mask: url('feather/save.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-scissors {
  mask: url('feather/scissors.svg') no-repeat center;
  -webkit-mask: url('feather/scissors.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-search {
  mask: url('feather/search.svg') no-repeat center;
  -webkit-mask: url('feather/search.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-send {
  mask: url('feather/send.svg') no-repeat center;
  -webkit-mask: url('feather/send.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-server {
  mask: url('feather/server.svg') no-repeat center;
  -webkit-mask: url('feather/server.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-settings {
  mask: url('feather/settings.svg') no-repeat center;
  -webkit-mask: url('feather/settings.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-share-2 {
  mask: url('feather/share-2.svg') no-repeat center;
  -webkit-mask: url('feather/share-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-share {
  mask: url('feather/share.svg') no-repeat center;
  -webkit-mask: url('feather/share.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-shield-off {
  mask: url('feather/shield-off.svg') no-repeat center;
  -webkit-mask: url('feather/shield-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-shield {
  mask: url('feather/shield.svg') no-repeat center;
  -webkit-mask: url('feather/shield.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-shopping-bag {
  mask: url('feather/shopping-bag.svg') no-repeat center;
  -webkit-mask: url('feather/shopping-bag.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-shopping-cart {
  mask: url('feather/shopping-cart.svg') no-repeat center;
  -webkit-mask: url('feather/shopping-cart.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-shuffle {
  mask: url('feather/shuffle.svg') no-repeat center;
  -webkit-mask: url('feather/shuffle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-sidebar {
  mask: url('feather/sidebar.svg') no-repeat center;
  -webkit-mask: url('feather/sidebar.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-skip-back {
  mask: url('feather/skip-back.svg') no-repeat center;
  -webkit-mask: url('feather/skip-back.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-skip-forward {
  mask: url('feather/skip-forward.svg') no-repeat center;
  -webkit-mask: url('feather/skip-forward.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-slack {
  mask: url('feather/slack.svg') no-repeat center;
  -webkit-mask: url('feather/slack.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-slash {
  mask: url('feather/slash.svg') no-repeat center;
  -webkit-mask: url('feather/slash.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-sliders {
  mask: url('feather/sliders.svg') no-repeat center;
  -webkit-mask: url('feather/sliders.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-smartphone {
  mask: url('feather/smartphone.svg') no-repeat center;
  -webkit-mask: url('feather/smartphone.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-smile {
  mask: url('feather/smile.svg') no-repeat center;
  -webkit-mask: url('feather/smile.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-speaker {
  mask: url('feather/speaker.svg') no-repeat center;
  -webkit-mask: url('feather/speaker.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-square {
  mask: url('feather/square.svg') no-repeat center;
  -webkit-mask: url('feather/square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-star {
  mask: url('feather/star.svg') no-repeat center;
  -webkit-mask: url('feather/star.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-stop-circle {
  mask: url('feather/stop-circle.svg') no-repeat center;
  -webkit-mask: url('feather/stop-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-sun {
  mask: url('feather/sun.svg') no-repeat center;
  -webkit-mask: url('feather/sun.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-sunrise {
  mask: url('feather/sunrise.svg') no-repeat center;
  -webkit-mask: url('feather/sunrise.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-sunset {
  mask: url('feather/sunset.svg') no-repeat center;
  -webkit-mask: url('feather/sunset.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-table {
  mask: url('feather/table.svg') no-repeat center;
  -webkit-mask: url('feather/table.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-tablet {
  mask: url('feather/tablet.svg') no-repeat center;
  -webkit-mask: url('feather/tablet.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-tag {
  mask: url('feather/tag.svg') no-repeat center;
  -webkit-mask: url('feather/tag.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-target {
  mask: url('feather/target.svg') no-repeat center;
  -webkit-mask: url('feather/target.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-terminal {
  mask: url('feather/terminal.svg') no-repeat center;
  -webkit-mask: url('feather/terminal.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-thermometer {
  mask: url('feather/thermometer.svg') no-repeat center;
  -webkit-mask: url('feather/thermometer.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-thumbs-down {
  mask: url('feather/thumbs-down.svg') no-repeat center;
  -webkit-mask: url('feather/thumbs-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-thumbs-up {
  mask: url('feather/thumbs-up.svg') no-repeat center;
  -webkit-mask: url('feather/thumbs-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-toggle-left {
  mask: url('feather/toggle-left.svg') no-repeat center;
  -webkit-mask: url('feather/toggle-left.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-toggle-right {
  mask: url('feather/toggle-right.svg') no-repeat center;
  -webkit-mask: url('feather/toggle-right.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-tool {
  mask: url('feather/tool.svg') no-repeat center;
  -webkit-mask: url('feather/tool.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-trash-2 {
  mask: url('feather/trash-2.svg') no-repeat center;
  -webkit-mask: url('feather/trash-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-trash {
  mask: url('feather/trash.svg') no-repeat center;
  -webkit-mask: url('feather/trash.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-trello {
  mask: url('feather/trello.svg') no-repeat center;
  -webkit-mask: url('feather/trello.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-trending-down {
  mask: url('feather/trending-down.svg') no-repeat center;
  -webkit-mask: url('feather/trending-down.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-trending-up {
  mask: url('feather/trending-up.svg') no-repeat center;
  -webkit-mask: url('feather/trending-up.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-triangle {
  mask: url('feather/triangle.svg') no-repeat center;
  -webkit-mask: url('feather/triangle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-truck {
  mask: url('feather/truck.svg') no-repeat center;
  -webkit-mask: url('feather/truck.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-tv {
  mask: url('feather/tv.svg') no-repeat center;
  -webkit-mask: url('feather/tv.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-twitch {
  mask: url('feather/twitch.svg') no-repeat center;
  -webkit-mask: url('feather/twitch.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-twitter {
  mask: url('feather/twitter.svg') no-repeat center;
  -webkit-mask: url('feather/twitter.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-type {
  mask: url('feather/type.svg') no-repeat center;
  -webkit-mask: url('feather/type.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-umbrella {
  mask: url('feather/umbrella.svg') no-repeat center;
  -webkit-mask: url('feather/umbrella.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-underline {
  mask: url('feather/underline.svg') no-repeat center;
  -webkit-mask: url('feather/underline.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-unlock {
  mask: url('feather/unlock.svg') no-repeat center;
  -webkit-mask: url('feather/unlock.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-upload-cloud {
  mask: url('feather/upload-cloud.svg') no-repeat center;
  -webkit-mask: url('feather/upload-cloud.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-upload {
  mask: url('feather/upload.svg') no-repeat center;
  -webkit-mask: url('feather/upload.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-user-check {
  mask: url('feather/user-check.svg') no-repeat center;
  -webkit-mask: url('feather/user-check.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-user-minus {
  mask: url('feather/user-minus.svg') no-repeat center;
  -webkit-mask: url('feather/user-minus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-user-plus {
  mask: url('feather/user-plus.svg') no-repeat center;
  -webkit-mask: url('feather/user-plus.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-user-x {
  mask: url('feather/user-x.svg') no-repeat center;
  -webkit-mask: url('feather/user-x.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-user {
  mask: url('feather/user.svg') no-repeat center;
  -webkit-mask: url('feather/user.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-users {
  mask: url('feather/users.svg') no-repeat center;
  -webkit-mask: url('feather/users.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-video-off {
  mask: url('feather/video-off.svg') no-repeat center;
  -webkit-mask: url('feather/video-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-video {
  mask: url('feather/video.svg') no-repeat center;
  -webkit-mask: url('feather/video.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-voicemail {
  mask: url('feather/voicemail.svg') no-repeat center;
  -webkit-mask: url('feather/voicemail.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-volume-1 {
  mask: url('feather/volume-1.svg') no-repeat center;
  -webkit-mask: url('feather/volume-1.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-volume-2 {
  mask: url('feather/volume-2.svg') no-repeat center;
  -webkit-mask: url('feather/volume-2.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-volume-x {
  mask: url('feather/volume-x.svg') no-repeat center;
  -webkit-mask: url('feather/volume-x.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-volume {
  mask: url('feather/volume.svg') no-repeat center;
  -webkit-mask: url('feather/volume.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-watch {
  mask: url('feather/watch.svg') no-repeat center;
  -webkit-mask: url('feather/watch.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-wifi-off {
  mask: url('feather/wifi-off.svg') no-repeat center;
  -webkit-mask: url('feather/wifi-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-wifi {
  mask: url('feather/wifi.svg') no-repeat center;
  -webkit-mask: url('feather/wifi.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-wind {
  mask: url('feather/wind.svg') no-repeat center;
  -webkit-mask: url('feather/wind.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-x-circle {
  mask: url('feather/x-circle.svg') no-repeat center;
  -webkit-mask: url('feather/x-circle.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-x-octagon {
  mask: url('feather/x-octagon.svg') no-repeat center;
  -webkit-mask: url('feather/x-octagon.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-x-square {
  mask: url('feather/x-square.svg') no-repeat center;
  -webkit-mask: url('feather/x-square.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-x {
  mask: url('feather/x.svg') no-repeat center;
  -webkit-mask: url('feather/x.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-youtube {
  mask: url('feather/youtube.svg') no-repeat center;
  -webkit-mask: url('feather/youtube.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-zap-off {
  mask: url('feather/zap-off.svg') no-repeat center;
  -webkit-mask: url('feather/zap-off.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-zap {
  mask: url('feather/zap.svg') no-repeat center;
  -webkit-mask: url('feather/zap.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-zoom-in {
  mask: url('feather/zoom-in.svg') no-repeat center;
  -webkit-mask: url('feather/zoom-in.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.icon-zoom-out {
  mask: url('feather/zoom-out.svg') no-repeat center;
  -webkit-mask: url('feather/zoom-out.svg') no-repeat center;
mask-size: contain;
-webkit-mask-size: contain;

background-color: white;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}