/* Red object zoom for the 8 Home category shortcuts. */
.rdw-home-category-grid > a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0 !important;
  border-radius: 10px;
  background: #fff;
  contain: paint;
  transition:
    transform 180ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 180ms ease,
    background-color 180ms ease;
  will-change: transform;
}

.rdw-home-category-grid > a > svg,
.rdw-home-category-grid > a > span {
  transition:
    transform 180ms cubic-bezier(.16, 1, .3, 1),
    color 180ms ease,
    filter 180ms ease;
  transform-origin: center;
}

.rdw-home-category-grid > a:hover,
.rdw-home-category-grid > a:focus-visible {
  z-index: 1;
  border: 0 !important;
  background: #fff;
  box-shadow: 0 10px 22px rgba(17, 24, 39, .13);
  transform: translateY(-3px);
}

.rdw-home-category-grid > a:hover > svg,
.rdw-home-category-grid > a:focus-visible > svg {
  color: #b51f2a !important;
  filter: drop-shadow(0 0 4px rgba(181, 31, 42, .28));
  transform: scale(1.14);
}

.rdw-home-category-grid > a:hover > span,
.rdw-home-category-grid > a:focus-visible > span {
  color: #b51f2a !important;
  filter: drop-shadow(0 0 3px rgba(181, 31, 42, .2));
  transform: scale(1.04);
}

.rdw-home-category-grid > a:active {
  box-shadow: 0 4px 10px rgba(17, 24, 39, .11);
  transform: translateY(-1px) scale(.99);
  transition-duration: 80ms;
}

.rdw-home-category-grid > a:focus-visible {
  outline: 2px solid #b51f2a;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .rdw-home-category-grid > a,
  .rdw-home-category-grid > a > svg,
  .rdw-home-category-grid > a > span {
    transition: none !important;
  }

  .rdw-home-category-grid > a:hover,
  .rdw-home-category-grid > a:focus-visible,
  .rdw-home-category-grid > a:active,
  .rdw-home-category-grid > a:hover > svg,
  .rdw-home-category-grid > a:focus-visible > svg,
  .rdw-home-category-grid > a:hover > span,
  .rdw-home-category-grid > a:focus-visible > span {
    transform: none;
  }
}
