/* Generated by vite-plugin-svg-spritemap */
.category__title {
  margin-bottom: 1.25rem;
}
.category__item {
  display: flex;
  flex-direction: column;
}
.item-category__wrapper {
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  max-width: 15.625rem;
  aspect-ratio: 1;
  padding: 0.5rem;
  background-color: var(--product-color-2);
}
.item-category__title {
  text-align: center;
  font-size: 1.25rem;
}
@media (max-width: 20em) {
  .item-category__wrapper {
    margin-bottom: 0.375rem;
  }
}
@media (min-width: 20em) and (max-width: 92.125em) {
  .item-category__wrapper {
    margin-bottom: clamp( 0.375rem , 0.27101386481875rem  +  0.5199306759vw , 0.75rem );
  }
}
@media (min-width: 20em) and (max-width: 29.99875em) {
  .item-category__title {
    font-size: clamp( 0.75rem , 0.49996874609375rem  +  1.2501562695vw , 0.875rem );
  }
}
@media (min-width: 29.99875em) and (max-width: 47.99875em) {
  .item-category__title {
    font-size: clamp( 0.75rem , 0.33335069444375rem  +  1.3888888889vw , 1rem );
  }
}
@media (min-width: 47.99875em) and (max-width: 61.99875em) {
  .item-category__title {
    font-size: clamp( 0.75rem , -0.53568080356875rem  +  2.6785714286vw , 1.125rem );
  }
}
@media (min-width: 61.99875em) and (max-width: 120em) {
  .item-category__title {
    font-size: clamp( 0.75rem , 0.2155395357875rem  +  0.8620503868vw , 1.25rem );
  }
}
@media (min-width: 92.125em) {
  .item-category__wrapper {
    margin-bottom: 0.75rem;
  }
}
@media (any-hover: hover) {
  .item-category:hover .item-category__wrapper {
    background-color: var(--bg-color2);
  }
}