.svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-icon-wrap {
  line-height: 0;
}

.civi-icon-view {
  display: inline-block;
  font-size: 60px;
}

.civi-icon {
  display: inline-block;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  transition: all 0.3s;
  color: #818a91;
}
.civi-icon i,
.civi-icon svg {
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
}
.civi-icon i {
  background: inherit;
}
.civi-icon i:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.civi-icon svg.svg-defs-gradient {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
}

.civi-solid-icon svg *[stroke^="#"],
.civi-solid-icon svg *[stroke^="url(#"] {
  stroke: currentColor;
}
.civi-solid-icon svg *[fill^="#"],
.civi-solid-icon svg *[fill^="url(#"] {
  fill: currentColor;
}

.civi-icon-view.second {
  display: none !important;
}

.civi-view-stacked .civi-icon-view {
  padding: 0.5em;
  background-color: var(--civi-color-primary);
}

.civi-view-bubble .civi-icon-wrap {
  position: relative;
  display: inline-block;
  padding-bottom: 21px;
}
.civi-view-bubble .civi-icon-view {
  border-radius: 50%;
  background-image: linear-gradient(-225deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%);
}
.civi-view-bubble .civi-icon-view.first {
  padding: 0.84em;
}
.civi-view-bubble .civi-icon-view.second {
  display: inline-block !important;
  padding: 0.28em;
  position: relative;
  bottom: 21px;
  margin-left: 22px;
}
.civi-view-bubble .civi-icon-view .icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.civi-shape-circle .civi-icon-view {
  border-radius: 50%;
}

/*# sourceMappingURL=icon.css.map */
