/* custom colors */
.category-item[data-v-36bd6106] {
  text-decoration: none;
  display: block;
  color: var(--theme-color);
  transition: color var(--trs-1), box-shadow var(--trs-1);
  border-radius: var(--global-border-radius);
}
.category-item__content[data-v-36bd6106] {
  position: relative;
  padding: var(--md);
  height: 100%;
  overflow: hidden;
}
.category-item__image[data-v-36bd6106] {
  width: 100px;
  margin: 0 auto;
}
.category-item__text[data-v-36bd6106] {
  position: absolute;
  left: var(--md);
  right: var(--md);
  bottom: var(--md);
  z-index: 2;
  margin-top: 0;
  padding: 8px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--theme-color-bg) 88%, transparent);
  text-align: center;
  line-height: 1.2;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  text-align: center;
  transition: opacity var(--trs-1), transform var(--trs-1);
}
@media (hover: hover) and (pointer: fine) {
.category-item__text[data-v-36bd6106] {
    opacity: 0;
    transform: translateY(8px);
}
.category-item[data-v-36bd6106]:hover {
    color: var(--theme-color-primary);
    box-shadow: var(--shadow);
}
.category-item:hover .category-item__text[data-v-36bd6106] {
    opacity: 1;
    transform: translateY(0);
}
}