/* Animated List behaviour adapted to the storefront category sidebar. */
.siteVisual .v152CategoryListShell{
  --category-fade-surface:#fff;
  position:relative;
  display:block;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.siteVisual .v152CategoryListShell .v152CategoryList{
  width:100%;
  height:100%;
  flex:none;
}
.siteVisual .v152CategoryFade{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.siteVisual .v152CategoryFadeStart{
  top:0;
  height:25px;
  background:linear-gradient(to bottom,var(--category-fade-surface),transparent);
}
.siteVisual .v152CategoryFadeEnd{
  bottom:0;
  height:34px;
  background:linear-gradient(to top,var(--category-fade-surface),transparent);
}
.siteVisual .v152CategoryListShell.hasStartOverflow .v152CategoryFadeStart,
.siteVisual .v152CategoryListShell.hasEndOverflow .v152CategoryFadeEnd{opacity:1;}
.siteVisual .v152CategoryListShell .v152CategoryItem{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  transition:
    opacity .24s ease var(--category-delay,0ms),
    transform .24s cubic-bezier(.22,1,.36,1) var(--category-delay,0ms),
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}
.siteVisual .v152CategoryListShell .v152CategoryItem.categoryPending{
  opacity:0;
  transform:translate3d(0,7px,0) scale(.97);
}
@media (min-width:1101px) and (hover:hover){
  .siteVisual .v152CategoryListShell .v152CategoryItem:not(.categoryPending):hover{
    transform:translate3d(0,0,0) scale(1.012);
    box-shadow:0 5px 15px rgba(12,91,173,.08);
  }
}
@media (max-width:1100px){
  .siteVisual .v152CategoryListShell{flex:0 0 auto;}
  .siteVisual .v152CategoryListShell .v152CategoryList{height:auto;}
  .siteVisual .v152CategoryFade{top:0;bottom:0;width:25px;height:auto;}
  .siteVisual .v152CategoryFadeStart{
    left:0;right:auto;
    background:linear-gradient(to right,var(--category-fade-surface),transparent);
  }
  .siteVisual .v152CategoryFadeEnd{
    right:0;left:auto;
    width:32px;
    background:linear-gradient(to left,var(--category-fade-surface),transparent);
  }
  .siteVisual .v152CategoryListShell .v152CategoryItem.categoryPending{
    transform:translate3d(7px,0,0) scale(.97);
  }
}
html[data-theme="dark"] .siteVisual .v152CategoryListShell{
  --category-fade-surface:#0d1a2b;
}
@media (prefers-reduced-motion:reduce){
  .siteVisual .v152CategoryListShell .v152CategoryItem,
  .siteVisual .v152CategoryFade{transition:none!important;}
  .siteVisual .v152CategoryListShell .v152CategoryItem.categoryPending{
    opacity:1;
    transform:none;
  }
}