/* xl - DESKTOP STYLES */
.component-homepage-hero__social-icons li {
  transition: transform 250ms ease-in-out;
}
.component-homepage-hero__role {
  writing-mode: vertical-lr;
}
.component-homepage-hero__avatar {
  position: relative;
  clip-path: circle(94px at center);
  object-fit: cover;
}
.component-homepage-hero__avatar::before {
  content: "";
  --avatar-outline-color: var(--wp--preset--color--custom-main-color);
  position: absolute;
  display: block;
  width: 180px;
  height: 180px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  outline: 8px inset var(--wp--preset--color--custom-main-color);
  border-radius: 9999px;
  animation: rotate-outline 20s linear infinite normal both;
  will-change: transform;
}
@keyframes rotate-outline {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F122-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACEE%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAACC%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%22%7D */