@charset "UTF-8";

[class*=icons-] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}

[class*=icons-]::before {
  display: block;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--color-text);
  line-height: 1;
  content: "";
}

.icons-angle-down::before {
  -webkit-mask-image: url(../icons/icon-angle-down.svg);
  mask-image: url(../icons/icon-angle-down.svg);
}

.icons-angle-left::before {
  -webkit-mask-image: url(../icons/icon-angle-left.svg);
  mask-image: url(../icons/icon-angle-left.svg);
}

.icons-angle-right::before {
  -webkit-mask-image: url(../icons/icon-angle-right.svg);
  mask-image: url(../icons/icon-angle-right.svg);
}

.icons-angle-up::before {
  -webkit-mask-image: url(../icons/icon-angle-up.svg);
  mask-image: url(../icons/icon-angle-up.svg);
}

.icons-location-dot::before {
  -webkit-mask-image: url(../icons/icon-location-dot.svg);
  mask-image: url(../icons/icon-location-dot.svg);
}

.icons-media-instagram::before {
  -webkit-mask-image: url(../icons/icon-media-instagram.svg);
  mask-image: url(../icons/icon-media-instagram.svg);
}