.ci {
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 1;
  mask-size: 24px 100%;
  -webkit-mask-size: 24px 100%;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  box-sizing: content-box;
  background-color: var(--cpx-grey);
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.ci-xs {
  width: 12px;
  height: 12px;
  mask-size: 12px auto;
  -webkit-mask-size: 12px auto;
}
.ci-sm {
  width: 16px;
  height: 16px;
  mask-size: 16px 100%;
  -webkit-mask-size: 16px 100%;
}
.ci-lg {
  width: 32px;
  height: 32px;
  mask-size: 32px 100%;
  -webkit-mask-size: 32px 100%;
}
.ci-xl {
  width: 44px;
  height: 44px;
  mask-size: 44px 100%;
  -webkit-mask-size: 44px 100%;
}
.ci-p {
  padding: 10px;
}

.btn .ci {
  background-color: var(--icon-color);
  transition: background-color 500ms ease;
}
.ci.ci-c-primary {
  background-color: var(--cpx-primary);
}
.ci.ci-c-light-primary {
  background-color: var(--cpx-light-primary);
}
.ci.ci-c-grey {
  background-color: var(--cpx-grey);
}
.ci.ci-c-light-grey {
  background-color: var(--cpx-light-grey);
}
.ci.ci-c-sea {
  background-color: var(--cpx-sea);
}
.ci.ci-c-turquoise {
  background-color: var(--cpx-turquoise);
}
.ci.ci-c-green-apple {
  background-color: var(--cpx-green-apple);
}
.ci.ci-c-yellow {
  background-color: var(--cpx-yellow);
}
.ci.ci-c-orange {
  background-color: var(--cpx-orange);
}
.ci.ci-c-swiss-red {
  background-color: var(--cpx-swiss-red);
}
.ci.ci-c-hot-pink {
  background-color: var(--cpx-hot-pink);
}
.ci.ci-c-baby-pink {
  background-color: var(--cpx-baby-pink);
}
.ci.ci-c-light-wisteria {
  background-color: var(--cpx-light-wisteria);
}
.ci.ci-c-eminence {
  background-color: var(--cpx-eminence);
}
.ci.ci-c-amber {
  background-color: var(--cpx-amber);
}
.ci.ci-c-text {
  background-color: var(--cpx-grey);
}
.ci.ci-c-white {
  background-color: #FFF;
}

.ci-activity {
  mask-image: url(../../templates/_svg/cpx/activity.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/activity.svg);
}
.ci-airplay {
  mask-image: url(../../templates/_svg/cpx/airplay.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/airplay.svg);
}
.ci-chevron-down {
  mask-image: url(../../templates/_svg/cpx/chevron-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-down.svg);
}
.ci-alert-circle {
  mask-image: url(../../templates/_svg/cpx/alert-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/alert-circle.svg);
}
.ci-alert-octagon {
  mask-image: url(../../templates/_svg/cpx/alert-octagon.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/alert-octagon.svg);
}
.ci-alert-triangle {
  mask-image: url(../../templates/_svg/cpx/alert-triangle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/alert-triangle.svg);
}
.ci-align-center {
  mask-image: url(../../templates/_svg/cpx/align-center.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/align-center.svg);
}
.ci-align-justify {
  mask-image: url(../../templates/_svg/cpx/align-justify.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/align-justify.svg);
}
.ci-align-left {
  mask-image: url(../../templates/_svg/cpx/align-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/align-left.svg);
}
.ci-align-right {
  mask-image: url(../../templates/_svg/cpx/align-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/align-right.svg);
}
.ci-anchor {
  mask-image: url(../../templates/_svg/cpx/anchor.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/anchor.svg);
}
.ci-aperture {
  mask-image: url(../../templates/_svg/cpx/aperture.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/aperture.svg);
}
.ci-arrow-down-left {
  mask-image: url(../../templates/_svg/cpx/arrow-down-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-down-left.svg);
}
.ci-arrow-down-right {
  mask-image: url(../../templates/_svg/cpx/arrow-down-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-down-right.svg);
}
.ci-arrow-down {
  mask-image: url(../../templates/_svg/cpx/arrow-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-down.svg);
}
.ci-arrow-left {
  mask-image: url(../../templates/_svg/cpx/arrow-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-left.svg);
}
.ci-arrow-right {
  mask-image: url(../../templates/_svg/cpx/arrow-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-right.svg);
}
.ci-arrow-up-left {
  mask-image: url(../../templates/_svg/cpx/arrow-up-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-up-left.svg);
}
.ci-arrow-up-right {
  mask-image: url(../../templates/_svg/cpx/arrow-up-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-up-right.svg);
}
.ci-arrow-up {
  mask-image: url(../../templates/_svg/cpx/arrow-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/arrow-up.svg);
}
.ci-at-sign {
  mask-image: url(../../templates/_svg/cpx/at-sign.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/at-sign.svg);
}
.ci-award {
  mask-image: url(../../templates/_svg/cpx/award.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/award.svg);
}
.ci-bar-chart-2 {
  mask-image: url(../../templates/_svg/cpx/bar-chart-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bar-chart-2.svg);
}
.ci-bar-chart {
  mask-image: url(../../templates/_svg/cpx/bar-chart.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bar-chart.svg);
}
.ci-battery-charging {
  mask-image: url(../../templates/_svg/cpx/battery-charging.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/battery-charging.svg);
}
.ci-battery {
  mask-image: url(../../templates/_svg/cpx/battery.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/battery.svg);
}
.ci-bell-off {
  mask-image: url(../../templates/_svg/cpx/bell-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bell-off.svg);
}
.ci-bell {
  mask-image: url(../../templates/_svg/cpx/bell.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bell.svg);
}
.ci-bluetooth {
  mask-image: url(../../templates/_svg/cpx/bluetooth.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bluetooth.svg);
}
.ci-book {
  mask-image: url(../../templates/_svg/cpx/book.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/book.svg);
}
.ci-bookmark {
  mask-image: url(../../templates/_svg/cpx/bookmark.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/bookmark.svg);
}
.ci-box {
  mask-image: url(../../templates/_svg/cpx/box.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/box.svg);
}
.ci-briefcase {
  mask-image: url(../../templates/_svg/cpx/briefcase.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/briefcase.svg);
}
.ci-burger {
  mask-image: url(../../templates/_svg/cpx/burger.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/burger.svg);
}
.ci-buy {
  mask-image: url(../../templates/_svg/cpx/buy.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/buy.svg);
}
.ci-calendar {
  mask-image: url(../../templates/_svg/cpx/calendar.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/calendar.svg);
}
.ci-camera-off {
  mask-image: url(../../templates/_svg/cpx/camera-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/camera-off.svg);
}
.ci-camera {
  mask-image: url(../../templates/_svg/cpx/camera.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/camera.svg);
}
.ci-cast {
  mask-image: url(../../templates/_svg/cpx/cast.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cast.svg);
}
.ci-check-circle {
  mask-image: url(../../templates/_svg/cpx/check-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/check-circle.svg);
}
.ci-check-square {
  mask-image: url(../../templates/_svg/cpx/check-square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/check-square.svg);
}
.ci-check {
  mask-image: url(../../templates/_svg/cpx/check.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/check.svg);
}
.ci-chevron-down-circle {
  mask-image: url(../../templates/_svg/cpx/chevron-down-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-down-circle.svg);
}
.ci-chevron-left-circle {
  mask-image: url(../../templates/_svg/cpx/chevron-left-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-left-circle.svg);
}
.ci-chevron-left-circle-filled {
  mask-image: url(../../templates/_svg/cpx/chevron-left-circle-filled.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-left-circle-filled.svg);
}
.ci-chevron-left {
  mask-image: url(../../templates/_svg/cpx/chevron-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-left.svg);
}
.ci-chevron-left-large {
  mask-image: url(../../templates/_svg/cpx/chevron-left-large.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-left-large.svg);
}
.ci-chevron-right-circle {
  mask-image: url(../../templates/_svg/cpx/chevron-right-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-right-circle.svg);
}
.ci-chevron-right-circle-filled {
  mask-image: url(../../templates/_svg/cpx/chevron-right-circle-filled.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-right-circle-filled.svg);
}
.ci-chevron-right {
  mask-image: url(../../templates/_svg/cpx/chevron-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-right.svg);
}
.ci-chevron-right-large {
  mask-image: url(../../templates/_svg/cpx/chevron-right-large.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-right-large.svg);
}
.ci-chevron-up-circle {
  mask-image: url(../../templates/_svg/cpx/chevron-up-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-up-circle.svg);
}
.ci-chevron-up-down {
  mask-image: url(../../templates/_svg/cpx/chevron-up-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-up-down.svg);
}
.ci-chevron-up {
  mask-image: url(../../templates/_svg/cpx/chevron-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevron-up.svg);
}
.ci-chevrons-down {
  mask-image: url(../../templates/_svg/cpx/chevrons-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevrons-down.svg);
}
.ci-chevrons-left {
  mask-image: url(../../templates/_svg/cpx/chevrons-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevrons-left.svg);
}
.ci-chevrons-right {
  mask-image: url(../../templates/_svg/cpx/chevrons-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevrons-right.svg);
}
.ci-chevrons-up {
  mask-image: url(../../templates/_svg/cpx/chevrons-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chevrons-up.svg);
}
.ci-chrome {
  mask-image: url(../../templates/_svg/cpx/chrome.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/chrome.svg);
}
.ci-circle {
  mask-image: url(../../templates/_svg/cpx/circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/circle.svg);
}
.ci-clipboard {
  mask-image: url(../../templates/_svg/cpx/clipboard.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/clipboard.svg);
}
.ci-clock {
  mask-image: url(../../templates/_svg/cpx/clock.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/clock.svg);
}
.ci-cloud-drizzle {
  mask-image: url(../../templates/_svg/cpx/cloud-drizzle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud-drizzle.svg);
}
.ci-cloud-lightning {
  mask-image: url(../../templates/_svg/cpx/cloud-lightning.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud-lightning.svg);
}
.ci-cloud-off {
  mask-image: url(../../templates/_svg/cpx/cloud-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud-off.svg);
}
.ci-cloud-rain {
  mask-image: url(../../templates/_svg/cpx/cloud-rain.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud-rain.svg);
}
.ci-cloud-snow {
  mask-image: url(../../templates/_svg/cpx/cloud-snow.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud-snow.svg);
}
.ci-cloud {
  mask-image: url(../../templates/_svg/cpx/cloud.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cloud.svg);
}
.ci-command {
  mask-image: url(../../templates/_svg/cpx/command.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/command.svg);
}
.ci-compass {
  mask-image: url(../../templates/_svg/cpx/compass.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/compass.svg);
}
.ci-copy {
  mask-image: url(../../templates/_svg/cpx/copy.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/copy.svg);
}
.ci-corner-down-left {
  mask-image: url(../../templates/_svg/cpx/corner-down-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-down-left.svg);
}
.ci-corner-down-right {
  mask-image: url(../../templates/_svg/cpx/corner-down-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-down-right.svg);
}
.ci-corner-left-down {
  mask-image: url(../../templates/_svg/cpx/corner-left-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-left-down.svg);
}
.ci-corner-left-up {
  mask-image: url(../../templates/_svg/cpx/corner-left-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-left-up.svg);
}
.ci-corner-right-down {
  mask-image: url(../../templates/_svg/cpx/corner-right-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-right-down.svg);
}
.ci-corner-right-up {
  mask-image: url(../../templates/_svg/cpx/corner-right-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-right-up.svg);
}
.ci-corner-up-left {
  mask-image: url(../../templates/_svg/cpx/corner-up-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-up-left.svg);
}
.ci-corner-up-right {
  mask-image: url(../../templates/_svg/cpx/corner-up-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/corner-up-right.svg);
}
.ci-cpu {
  mask-image: url(../../templates/_svg/cpx/cpu.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/cpu.svg);
}
.ci-credit-card {
  mask-image: url(../../templates/_svg/cpx/credit-card.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/credit-card.svg);
}
.ci-crosshair {
  mask-image: url(../../templates/_svg/cpx/crosshair.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/crosshair.svg);
}
.ci-delete {
  mask-image: url(../../templates/_svg/cpx/delete.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/delete.svg);
}
.ci-delivery {
  mask-image: url(../../templates/_svg/cpx/delivery.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/delivery.svg);
}
.ci-disc {
  mask-image: url(../../templates/_svg/cpx/disc.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/disc.svg);
}
.ci-download-cloud {
  mask-image: url(../../templates/_svg/cpx/download-cloud.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/download-cloud.svg);
}
.ci-download {
  mask-image: url(../../templates/_svg/cpx/download.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/download.svg);
}
.ci-droplet {
  mask-image: url(../../templates/_svg/cpx/droplet.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/droplet.svg);
}
.ci-edit-2 {
  mask-image: url(../../templates/_svg/cpx/edit-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/edit-2.svg);
}
.ci-edit-3 {
  mask-image: url(../../templates/_svg/cpx/edit-3.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/edit-3.svg);
}
.ci-edit {
  mask-image: url(../../templates/_svg/cpx/edit.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/edit.svg);
}
.ci-external-link {
  mask-image: url(../../templates/_svg/cpx/external-link.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/external-link.svg);
}
.ci-eye-off {
  mask-image: url(../../templates/_svg/cpx/eye-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/eye-off.svg);
}
.ci-eye {
  mask-image: url(../../templates/_svg/cpx/eye.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/eye.svg);
}
.ci-facebook {
  mask-image: url(../../templates/_svg/cpx/facebook.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/facebook.svg);
}
.ci-fast-forward {
  mask-image: url(../../templates/_svg/cpx/fast-forward.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/fast-forward.svg);
}
.ci-feather {
  mask-image: url(../../templates/_svg/cpx/feather.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/feather.svg);
}
.ci-file-minus {
  mask-image: url(../../templates/_svg/cpx/file-minus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/file-minus.svg);
}
.ci-file-plus {
  mask-image: url(../../templates/_svg/cpx/file-plus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/file-plus.svg);
}
.ci-file-text {
  mask-image: url(../../templates/_svg/cpx/file-text.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/file-text.svg);
}
.ci-file {
  mask-image: url(../../templates/_svg/cpx/file.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/file.svg);
}
.ci-film {
  mask-image: url(../../templates/_svg/cpx/film.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/film.svg);
}
.ci-filter {
  mask-image: url(../../templates/_svg/cpx/filter.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/filter.svg);
}
.ci-flag {
  mask-image: url(../../templates/_svg/cpx/flag.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/flag.svg);
}
.ci-folder {
  mask-image: url(../../templates/_svg/cpx/folder.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/folder.svg);
}
.ci-github {
  mask-image: url(../../templates/_svg/cpx/github.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/github.svg);
}
.ci-globe {
  mask-image: url(../../templates/_svg/cpx/globe.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/globe.svg);
}
.ci-grid {
  mask-image: url(../../templates/_svg/cpx/grid.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/grid.svg);
}
.ci-hash {
  mask-image: url(../../templates/_svg/cpx/hash.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/hash.svg);
}
.ci-headphones {
  mask-image: url(../../templates/_svg/cpx/headphones.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/headphones.svg);
}
.ci-heart {
  mask-image: url(../../templates/_svg/cpx/heart.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/heart.svg);
}
.ci-heart-filled {
  mask-image: url(../../templates/_svg/cpx/heart-filled.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/heart-filled.svg);
}
.ci-home {
  mask-image: url(../../templates/_svg/cpx/home.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/home.svg);
}
.ci-image {
  mask-image: url(../../templates/_svg/cpx/image.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/image.svg);
}
.ci-inbox {
  mask-image: url(../../templates/_svg/cpx/inbox.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/inbox.svg);
}
.ci-info {
  mask-image: url(../../templates/_svg/cpx/info.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/info.svg);
}
.ci-info-serif {
  mask-image: url(../../templates/_svg/cpx/info-serif.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/info-serif.svg);
}
.ci-instagram {
  mask-image: url(../../templates/_svg/cpx/instagram.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/instagram.svg);
}
.ci-layers {
  mask-image: url(../../templates/_svg/cpx/layers.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/layers.svg);
}
.ci-layout {
  mask-image: url(../../templates/_svg/cpx/layout.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/layout.svg);
}
.ci-life-buoy {
  mask-image: url(../../templates/_svg/cpx/life-buoy.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/life-buoy.svg);
}
.ci-link-2 {
  mask-image: url(../../templates/_svg/cpx/link-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/link-2.svg);
}
.ci-link {
  mask-image: url(../../templates/_svg/cpx/link.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/link.svg);
}
.ci-loader {
  mask-image: url(../../templates/_svg/cpx/loader.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/loader.svg);
}
.ci-lock {
  mask-image: url(../../templates/_svg/cpx/lock.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/lock.svg);
}
.ci-log-in {
  mask-image: url(../../templates/_svg/cpx/log-in.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/log-in.svg);
}
.ci-log-out {
  mask-image: url(../../templates/_svg/cpx/log-out.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/log-out.svg);
}
.ci-mail {
  mask-image: url(../../templates/_svg/cpx/mail.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/mail.svg);
}
.ci-map-pin {
  mask-image: url(../../templates/_svg/cpx/map-pin.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/map-pin.svg);
}
.ci-map {
  mask-image: url(../../templates/_svg/cpx/map.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/map.svg);
}
.ci-maximize-2 {
  mask-image: url(../../templates/_svg/cpx/maximize-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/maximize-2.svg);
}
.ci-maximize {
  mask-image: url(../../templates/_svg/cpx/maximize.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/maximize.svg);
}
.ci-menu {
  mask-image: url(../../templates/_svg/cpx/menu.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/menu.svg);
}
.ci-message-circle {
  mask-image: url(../../templates/_svg/cpx/message-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/message-circle.svg);
}
.ci-message-square {
  mask-image: url(../../templates/_svg/cpx/message-square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/message-square.svg);
}
.ci-mic-off {
  mask-image: url(../../templates/_svg/cpx/mic-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/mic-off.svg);
}
.ci-mic {
  mask-image: url(../../templates/_svg/cpx/mic.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/mic.svg);
}
.ci-minimize-2 {
  mask-image: url(../../templates/_svg/cpx/minimize-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/minimize-2.svg);
}
.ci-minimize {
  mask-image: url(../../templates/_svg/cpx/minimize.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/minimize.svg);
}
.ci-minus-circle {
  mask-image: url(../../templates/_svg/cpx/minus-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/minus-circle.svg);
}
.ci-minus-square {
  mask-image: url(../../templates/_svg/cpx/minus-square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/minus-square.svg);
}
.ci-minus {
  mask-image: url(../../templates/_svg/cpx/minus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/minus.svg);
}
.ci-monitor {
  mask-image: url(../../templates/_svg/cpx/monitor.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/monitor.svg);
}
.ci-moon {
  mask-image: url(../../templates/_svg/cpx/moon.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/moon.svg);
}
.ci-more-horizontal {
  mask-image: url(../../templates/_svg/cpx/more-horizontal.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/more-horizontal.svg);
}
.ci-more-vertical {
  mask-image: url(../../templates/_svg/cpx/more-vertical.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/more-vertical.svg);
}
.ci-move {
  mask-image: url(../../templates/_svg/cpx/move.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/move.svg);
}
.ci-music {
  mask-image: url(../../templates/_svg/cpx/music.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/music.svg);
}
.ci-navigation-2 {
  mask-image: url(../../templates/_svg/cpx/navigation-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/navigation-2.svg);
}
.ci-navigation {
  mask-image: url(../../templates/_svg/cpx/navigation.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/navigation.svg);
}
.ci-octagon {
  mask-image: url(../../templates/_svg/cpx/octagon.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/octagon.svg);
}
.ci-package {
  mask-image: url(../../templates/_svg/cpx/package.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/package.svg);
}
.ci-pause-circle {
  mask-image: url(../../templates/_svg/cpx/pause-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/pause-circle.svg);
}
.ci-pause {
  mask-image: url(../../templates/_svg/cpx/pause.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/pause.svg);
}
.ci-percent {
  mask-image: url(../../templates/_svg/cpx/percent.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/percent.svg);
}
.ci-phone-call {
  mask-image: url(../../templates/_svg/cpx/phone-call.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-call.svg);
}
.ci-phone-forwarded {
  mask-image: url(../../templates/_svg/cpx/phone-forwarded.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-forwarded.svg);
}
.ci-phone-incoming {
  mask-image: url(../../templates/_svg/cpx/phone-incoming.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-incoming.svg);
}
.ci-phone-missed {
  mask-image: url(../../templates/_svg/cpx/phone-missed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-missed.svg);
}
.ci-phone-off {
  mask-image: url(../../templates/_svg/cpx/phone-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-off.svg);
}
.ci-phone-outgoing {
  mask-image: url(../../templates/_svg/cpx/phone-outgoing.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone-outgoing.svg);
}
.ci-phone {
  mask-image: url(../../templates/_svg/cpx/phone.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/phone.svg);
}
.ci-pie-chart {
  mask-image: url(../../templates/_svg/cpx/pie-chart.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/pie-chart.svg);
}
.ci-play-circle {
  mask-image: url(../../templates/_svg/cpx/play-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/play-circle.svg);
}
.ci-play {
  mask-image: url(../../templates/_svg/cpx/play.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/play.svg);
}
.ci-plus-circle {
  mask-image: url(../../templates/_svg/cpx/plus-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/plus-circle.svg);
}
.ci-plus-square {
  mask-image: url(../../templates/_svg/cpx/plus-square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/plus-square.svg);
}
.ci-plus {
  mask-image: url(../../templates/_svg/cpx/plus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/plus.svg);
}
.ci-pocket {
  mask-image: url(../../templates/_svg/cpx/pocket.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/pocket.svg);
}
.ci-power {
  mask-image: url(../../templates/_svg/cpx/power.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/power.svg);
}
.ci-printer {
  mask-image: url(../../templates/_svg/cpx/printer.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/printer.svg);
}
.ci-radio {
  mask-image: url(../../templates/_svg/cpx/radio.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/radio.svg);
}
.ci-refresh-ccw {
  mask-image: url(../../templates/_svg/cpx/refresh-ccw.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/refresh-ccw.svg);
}
.ci-refresh-cw {
  mask-image: url(../../templates/_svg/cpx/refresh-cw.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/refresh-cw.svg);
}
.ci-repeat {
  mask-image: url(../../templates/_svg/cpx/repeat.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/repeat.svg);
}
.ci-rewind {
  mask-image: url(../../templates/_svg/cpx/rewind.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/rewind.svg);
}
.ci-rotate-ccw {
  mask-image: url(../../templates/_svg/cpx/rotate-ccw.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/rotate-ccw.svg);
}
.ci-rotate-cw {
  mask-image: url(../../templates/_svg/cpx/rotate-cw.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/rotate-cw.svg);
}
.ci-save {
  mask-image: url(../../templates/_svg/cpx/save.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/save.svg);
}
.ci-scissors {
  mask-image: url(../../templates/_svg/cpx/scissors.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/scissors.svg);
}
.ci-search {
  mask-image: url(../../templates/_svg/cpx/search.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/search.svg);
}
.ci-server {
  mask-image: url(../../templates/_svg/cpx/server.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/server.svg);
}
.ci-settings {
  mask-image: url(../../templates/_svg/cpx/settings.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/settings.svg);
}
.ci-share-2 {
  mask-image: url(../../templates/_svg/cpx/share-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/share-2.svg);
}
.ci-share {
  mask-image: url(../../templates/_svg/cpx/share.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/share.svg);
}
.ci-shield {
  mask-image: url(../../templates/_svg/cpx/shield.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/shield.svg);
}
.ci-shuffle {
  mask-image: url(../../templates/_svg/cpx/shuffle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/shuffle.svg);
}
.ci-sidebar {
  mask-image: url(../../templates/_svg/cpx/sidebar.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/sidebar.svg);
}
.ci-skip-back {
  mask-image: url(../../templates/_svg/cpx/skip-back.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/skip-back.svg);
}
.ci-skip-forward {
  mask-image: url(../../templates/_svg/cpx/skip-forward.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/skip-forward.svg);
}
.ci-slack {
  mask-image: url(../../templates/_svg/cpx/slack.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/slack.svg);
}
.ci-slash {
  mask-image: url(../../templates/_svg/cpx/slash.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/slash.svg);
}
.ci-smartphone {
  mask-image: url(../../templates/_svg/cpx/smartphone.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/smartphone.svg);
}
.ci-speaker {
  mask-image: url(../../templates/_svg/cpx/speaker.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/speaker.svg);
}
.ci-square {
  mask-image: url(../../templates/_svg/cpx/square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/square.svg);
}
.ci-star {
  mask-image: url(../../templates/_svg/cpx/star.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/star.svg);
}
.ci-stop-circle {
  mask-image: url(../../templates/_svg/cpx/stop-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/stop-circle.svg);
}
.ci-sun {
  mask-image: url(../../templates/_svg/cpx/sun.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/sun.svg);
}
.ci-sunrise {
  mask-image: url(../../templates/_svg/cpx/sunrise.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/sunrise.svg);
}
.ci-sunset {
  mask-image: url(../../templates/_svg/cpx/sunset.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/sunset.svg);
}
.ci-tablet {
  mask-image: url(../../templates/_svg/cpx/tablet.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/tablet.svg);
}
.ci-tag {
  mask-image: url(../../templates/_svg/cpx/tag.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/tag.svg);
}
.ci-target {
  mask-image: url(../../templates/_svg/cpx/target.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/target.svg);
}
.ci-thermometer {
  mask-image: url(../../templates/_svg/cpx/thermometer.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/thermometer.svg);
}
.ci-thumbs-down {
  mask-image: url(../../templates/_svg/cpx/thumbs-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/thumbs-down.svg);
}
.ci-thumbs-up {
  mask-image: url(../../templates/_svg/cpx/thumbs-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/thumbs-up.svg);
}
.ci-toggle-left {
  mask-image: url(../../templates/_svg/cpx/toggle-left.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/toggle-left.svg);
}
.ci-toggle-right {
  mask-image: url(../../templates/_svg/cpx/toggle-right.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/toggle-right.svg);
}
.ci-tooth {
  mask-image: url(../../templates/_svg/cpx/tooth.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/tooth.svg);
}
.ci-trash-2 {
  mask-image: url(../../templates/_svg/cpx/trash-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/trash-2.svg);
}
.ci-trash {
  mask-image: url(../../templates/_svg/cpx/trash.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/trash.svg);
}
.ci-trending-down {
  mask-image: url(../../templates/_svg/cpx/trending-down.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/trending-down.svg);
}
.ci-trending-up {
  mask-image: url(../../templates/_svg/cpx/trending-up.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/trending-up.svg);
}
.ci-triangle {
  mask-image: url(../../templates/_svg/cpx/triangle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/triangle.svg);
}
.ci-twitter {
  mask-image: url(../../templates/_svg/cpx/twitter.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/twitter.svg);
}
.ci-type {
  mask-image: url(../../templates/_svg/cpx/type.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/type.svg);
}
.ci-umbrella {
  mask-image: url(../../templates/_svg/cpx/umbrella.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/umbrella.svg);
}
.ci-unlock {
  mask-image: url(../../templates/_svg/cpx/unlock.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/unlock.svg);
}
.ci-upload-cloud {
  mask-image: url(../../templates/_svg/cpx/upload-cloud.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/upload-cloud.svg);
}
.ci-upload {
  mask-image: url(../../templates/_svg/cpx/upload.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/upload.svg);
}
.ci-user-check {
  mask-image: url(../../templates/_svg/cpx/user-check.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user-check.svg);
}
.ci-user-circle {
  mask-image: url(../../templates/_svg/cpx/user-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user-circle.svg);
}
.ci-user-minus {
  mask-image: url(../../templates/_svg/cpx/user-minus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user-minus.svg);
}
.ci-user-plus {
  mask-image: url(../../templates/_svg/cpx/user-plus.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user-plus.svg);
}
.ci-user-x {
  mask-image: url(../../templates/_svg/cpx/user-x.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user-x.svg);
}
.ci-user {
  mask-image: url(../../templates/_svg/cpx/user.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/user.svg);
}
.ci-users {
  mask-image: url(../../templates/_svg/cpx/users.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/users.svg);
}
.ci-video-off {
  mask-image: url(../../templates/_svg/cpx/video-off.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/video-off.svg);
}
.ci-video {
  mask-image: url(../../templates/_svg/cpx/video.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/video.svg);
}
.ci-voicemail {
  mask-image: url(../../templates/_svg/cpx/voicemail.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/voicemail.svg);
}
.ci-volume-1 {
  mask-image: url(../../templates/_svg/cpx/volume-1.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/volume-1.svg);
}
.ci-volume-2 {
  mask-image: url(../../templates/_svg/cpx/volume-2.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/volume-2.svg);
}
.ci-volume-x {
  mask-image: url(../../templates/_svg/cpx/volume-x.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/volume-x.svg);
}
.ci-volume {
  mask-image: url(../../templates/_svg/cpx/volume.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/volume.svg);
}
.ci-watch {
  mask-image: url(../../templates/_svg/cpx/watch.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/watch.svg);
}
.ci-wifi {
  mask-image: url(../../templates/_svg/cpx/wifi.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/wifi.svg);
}
.ci-wind {
  mask-image: url(../../templates/_svg/cpx/wind.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/wind.svg);
}
.ci-x-circle {
  mask-image: url(../../templates/_svg/cpx/x-circle.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/x-circle.svg);
}
.ci-x-circle-filled {
  mask-image: url(../../templates/_svg/cpx/x-circle-filled.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/x-circle-filled.svg);
}
.ci-x-square {
  mask-image: url(../../templates/_svg/cpx/x-square.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/x-square.svg);
}
.ci-x {
  mask-image: url(../../templates/_svg/cpx/x.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/x.svg);
}
.ci-zap {
  mask-image: url(../../templates/_svg/cpx/zap.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/zap.svg);
}
.ci-zoom-in {
  mask-image: url(../../templates/_svg/cpx/zoom-in.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/zoom-in.svg);
}
.ci-zoom-out {
  mask-image: url(../../templates/_svg/cpx/zoom-out.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/zoom-out.svg);
}
.ci-social-fb-messenger {
  mask-image: url(../../templates/_svg/cpx/social-fb-messenger.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-fb-messenger.svg);
}
.ci-social-fb-messenger-reversed {
  mask-image: url(../../templates/_svg/cpx/social-fb-messenger-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-fb-messenger-reversed.svg);
}
.ci-social-facebook {
  mask-image: url(../../templates/_svg/cpx/social-fb.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-fb.svg);
}
.ci-social-facebook-reversed {
  mask-image: url(../../templates/_svg/cpx/social-fb-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-fb-reversed.svg);
}
.ci-social-google {
  mask-image: url(../../templates/_svg/cpx/social-google.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-google.svg);
}
.ci-social-google-reversed {
  mask-image: url(../../templates/_svg/cpx/social-google-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-google-reversed.svg);
}
.ci-social-instagram {
  mask-image: url(../../templates/_svg/cpx/social-instagram.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-instagram.svg);
}
.ci-social-instagram-reversed {
  mask-image: url(../../templates/_svg/cpx/social-instagram-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-instagram-reversed.svg);
}
.ci-social-instagram-outlined {
  mask-image: url(../../templates/_svg/cpx/social-instagram-outlined.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-instagram-outlined.svg);
}
.ci-social-instagram-outlined-reversed {
  mask-image: url(../../templates/_svg/cpx/social-instagram-outlined-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-instagram-outlined-reversed.svg);
}
.ci-social-link {
  mask-image: url(../../templates/_svg/cpx/social-link.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-link.svg);
}
.ci-social-link-reversed {
  mask-image: url(../../templates/_svg/cpx/social-link-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-link-reversed.svg);
}
.ci-social-linkedin {
  mask-image: url(../../templates/_svg/cpx/social-linkedin.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-linkedin.svg);
}
.ci-social-linkedin-reversed {
  mask-image: url(../../templates/_svg/cpx/social-linkedin-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-linkedin-reversed.svg);
}
.ci-social-mail {
  mask-image: url(../../templates/_svg/cpx/social-mail.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-mail.svg);
}
.ci-social-mail-outlined {
  mask-image: url(../../templates/_svg/cpx/social-mail-outlined.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-mail-outlined.svg);
}
.ci-social-mail-reversed {
  mask-image: url(../../templates/_svg/cpx/social-mail-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-mail-reversed.svg);
}
.ci-social-whatsapp {
  mask-image: url(../../templates/_svg/cpx/social-whatsapp.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-whatsapp.svg);
}
.ci-social-whatsapp-reversed {
  mask-image: url(../../templates/_svg/cpx/social-whatsapp-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-whatsapp-reversed.svg);
}
.ci-social-paypal {
  mask-image: url(../../templates/_svg/cpx/social-paypal.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-paypal.svg);
}
.ci-social-paypal-reversed {
  mask-image: url(../../templates/_svg/cpx/social-paypal-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-paypal-reversed.svg);
}
.ci-social-pinterest {
  mask-image: url(../../templates/_svg/cpx/social-pinterest.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-pinterest.svg);
}
.ci-social-pinterest-reversed {
  mask-image: url(../../templates/_svg/cpx/social-pinterest-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-pinterest-reversed.svg);
}
.ci-social-tiktok {
  mask-image: url(../../templates/_svg/cpx/social-tiktok.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-tiktok.svg);
}
.ci-social-tiktok-reversed {
  mask-image: url(../../templates/_svg/cpx/social-tiktok-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-tiktok-reversed.svg);
}
.ci-social-twitter {
  mask-image: url(../../templates/_svg/cpx/social-twitter.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-twitter.svg);
}
.ci-social-twitter-reversed {
  mask-image: url(../../templates/_svg/cpx/social-twitter-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-twitter-reversed.svg);
}
.ci-social-twitter-outlined {
  mask-image: url(../../templates/_svg/cpx/social-twitter-outlined.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-twitter-outlined.svg);
}
.ci-social-twitter-outlined-reversed {
  mask-image: url(../../templates/_svg/cpx/social-twitter-outlined-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-twitter-outlined-reversed.svg);
}
.ci-social-youtube {
  mask-image: url(../../templates/_svg/cpx/social-youtube.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-youtube.svg);
}
.ci-social-youtube-reversed {
  mask-image: url(../../templates/_svg/cpx/social-youtube-reversed.svg);
  -webkit-mask-image: url(../../templates/_svg/cpx/social-youtube-reversed.svg);
}