.elevation-24 {
  box-shadow: $box-shadow !important;
}

.v-menu {
  > .v-overlay__content {
    > .v-sheet {
      box-shadow: $box-shadow;
    }
  }
}

@each $color, $value in $theme-colors {
  .#{$color}-shadow {
    box-shadow: 0 14px 12px rgba(#{$value}, 0.2);
    &:hover {
      box-shadow: none;
    }
  }
  .#{$color}-outline-shadow {
    box-shadow: 0 0 0 2px rgba(#{$value}, 0.2);
  }
}
