/* Generated by vite-plugin-svg-spritemap */
.social {
  display: grid;
  gap: 0.75rem;
}
.social > *[data-fls-watcher] {
  translate: 0 20%;
  opacity: 0;
  transition: all 0.8s;
}
.social > *.--watcher-view {
  opacity: 1;
  translate: 0;
}
.social__link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.2;
  gap: 1rem;
  transition: all 0.5s;
  border-radius: 0.75rem;
  background-color: var(--bgColor);
  transition: all 0.5s;
}
.social__link::before {
  font-size: 1.25rem;
  line-height: 1;
}
@media (width < 20em) {
  .social__link {
    padding: 0.9375rem;
  }
}
@media (width >= 20em) and (width < 120em) {
  .social__link {
    padding: clamp( 0.9375rem , 0.825rem  +  0.5625vw , 1.5rem );
  }
}
@media (width >= 120em) {
  .social__link {
    padding: 1.5rem;
  }
}
@media (any-hover: hover), (pointer: fine) {
  .social__link:hover {
    background-color: rgba(14, 16, 17, 0.5);
    color: #fff;
  }
}