/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/css/ui-kit.css
/* Mask item */

.--mask-item {
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Hover gradient */

.--gradient-hover {
  position: relative;
  display: inline-block;
}

.--gradient-hover:after {
  content: attr(data-hover-text);
  position: absolute;
  left: 0;
  top: 0;

  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;

  background: var(--default-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  opacity: 0;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.--gradient-hover.--mask-item:after {
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;

  width: inherit;
  min-width: inherit;
  max-width: inherit;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  aspect-ratio: inherit;

  -webkit-mask: inherit;
  mask: inherit;
}

/* Content container */

.--content-container-M {
  width: 100%;
  max-width: 1146px;
  margin: 0 auto;
}

.--content-container-S {
  width: 100%;
  max-width: 914px;
  margin: 0 auto;
}

/* Margins */

.--margin-top-200 {
  margin-top: 200px;
}

.--margin-bottom-200 {
  margin-bottom: 200px;
}

.--margin-top-160 {
  margin-top: 160px;
}

.--margin-bottom-160 {
  margin-bottom: 160px;
}

.--margin-top-120 {
  margin-top: 120px;
}

.--margin-bottom-120 {
  margin-bottom: 120px;
}

@media screen and (max-width: 1200px) {
  /* Margins */

  .--mob-margin-top-120 {
    margin-top: 120px;
  }

  .--mob-margin-bottom-120 {
    margin-bottom: 120px;
  }

  .--mob-margin-top-80 {
    margin-top: 80px;
  }

  .--mob-margin-bottom-80 {
    margin-bottom: 80px;
  }

  .--mob-margin-top-40 {
    margin-top: 40px;
  }

  .--mob-margin-bottom-40 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1024px) {
  /* Global (Global css and params) */

  .--pc-display {
    display: none;
  }

  .--tablet-display {
    display: block;
  }
}

@media screen and (max-width: 759px) {
  /* Global (Global css and params) */

  .--tablet-display {
    display: none;
  }

  .--mobile-display {
    display: block;
  }
}
Path: home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/css