@use "@core/scss/base/mixins";

// 👉 Avatar
body {
  .v-avatar {
    .v-icon {
      block-size: 1.5rem;
      inline-size: 1.5rem;
    }

    &.v-avatar--variant-tonal:not([class*="text-"]) {
      .v-avatar__underlay {
        --v-activated-opacity: 0.08;
      }
    }
  }

  .v-avatar-group {
    > * {
      &:hover {
        transform: translateY(-5px) scale(1);

        @include mixins.elevation(6);
      }
    }
  }
}
