/* shop page, custom category button
add animation
*/

.shop-cat-layer:not([role]) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .3s linear, visibility .3s linear;
}

.shop-cat-layer:not([role]):not([aria-hidden="false"]) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.shop-cat-layer:not([role]) .shop-cat-panel {
  transform: translateY(0);
  transition: transform .3s cubic-bezier(.38, .41, .27, 1);
}

.shop-cat-layer:not([role]):not([aria-hidden="false"]) .shop-cat-panel {
  transform: translateY(100%);
}