.category-list-01 .card {
  background-color: var(--category-list-01--card--background-color);
  border-color: var(--category-list-01--card--border-color);
  border-bottom-width: var(--category-list-01--card--border-bottom-width);
  border-left-width: var(--category-list-01--card--border-left-width);
  border-right-width: var(--category-list-01--card--border-right-width);
  border-top-width: var(--category-list-01--card--border-top-width);
  border-radius: var(--category-list-01--card--border-radius);
  box-shadow: var(--category-list-01--card--box-shadow);
  color: var(--category-list-01--card--color);
}
.category-list-01 .card-image {
  background-color: var(--category-list-01--card-image--background-color);
  border-radius: var(--category-list-01--card-image--border-radius);
  height: var(--category-list-01--card-image--height);
  padding-bottom: calc(var(--category-list-01--card-image--padding-bottom) / 1.25);
  padding-left: var(--category-list-01--card-image--padding-left);
  padding-right: var(--category-list-01--card-image--padding-right);
  padding-top: calc(var(--category-list-01--card-image--padding-top) / 1.25);
}
.category-list-01 .card-image > a {
  border-top-left-radius: var(--category-list-01--card-image--border-radius);
  border-top-right-radius: var(--category-list-01--card-image--border-radius);
}
.category-list-01 .card-image img {
  border-bottom-left-radius: var(--category-list-01--card-image--border-radius);
  border-bottom-right-radius: var(--category-list-01--card-image--border-radius);
  border-top-left-radius: var(--category-list-01--card-image--border-radius);
  border-top-right-radius: var(--category-list-01--card-image--border-radius);
}
.category-list-01 .card-body {
  padding-bottom: calc(var(--category-list-01--card-body--padding-bottom) / 1.25);
  padding-left: var(--category-list-01--card-body--padding-left);
  padding-right: var(--category-list-01--card-body--padding-right);
  padding-top: calc(var(--category-list-01--card-body--padding-top) / 1.25);
}
.category-list-01 .lg\:grid-cols-5 .card-body {
  padding-left: calc(var(--category-list-01--card-body--padding-left) / 1.25);
  padding-right: calc(var(--category-list-01--card-body--padding-right) / 1.25);
}
.category-list-01 .card-title {
  color: var(--category-list-01--card-title--color);
  font-family: var(--category-list-01--card-title--font-family);
  font-size: var(--category-list-01--card-title--font-size);
  font-weight: var(--category-list-01--card-title--font-weight);
  line-height: var(--category-list-01--card-title--line-height);
  text-transform: var(--category-list-01--card-title--text-transform);
}
.category-list-01 .card-sub-title {
  color: var(--category-list-01--card-sub-title--color);
  font-size: var(--category-list-01--card-sub-title--font-size);
  line-height: var(--category-list-01--card-sub-title--line-height);
  text-transform: var(--category-list-01--card-sub-title--text-transform);
}
.category-list-01 {
  background-color: var(--category-list-01--block--background-color);
  padding: var(--category-list-01--block--padding-y) 0;
  margin-top: var(--category-list-01--block--margin-top);
  margin-bottom: var(--category-list-01--block--margin-bottom);
}
.category-list-01 .category-list {
  background-color: var(--category-list-01--list--background-color);
  padding: var(--category-list-01--list--padding-y) 0;
  margin-top: var(--category-list-01--list--margin-top);
  margin-bottom: var(--category-list-01--list--margin-bottom);
}
@media (max-width: 1023px) {
  .category-list-01 .card-image {
    background-color: var(--category-list-01--card-image--background-color);
    border-radius: var(--category-list-01--card-image--border-radius);
    height: var(--category-list-01--card-image--height);
    padding-bottom: calc(var(--category-list-01--card-image--padding-bottom) / 1.25);
    padding-left: var(--category-list-01--card-image--padding-left);
    padding-right: var(--category-list-01--card-image--padding-right);
    padding-top: calc(var(--category-list-01--card-image--padding-top) / 1.25);
  }
  .category-list-01 .card-image > a {
    border-top-left-radius: var(--category-list-01--card-image--border-radius);
    border-top-right-radius: var(--category-list-01--card-image--border-radius);
  }
  .category-list-01 .card-image img {
    border-bottom-left-radius: var(--category-list-01--card-image--border-radius);
    border-bottom-right-radius: var(--category-list-01--card-image--border-radius);
    border-top-left-radius: var(--category-list-01--card-image--border-radius);
    border-top-right-radius: var(--category-list-01--card-image--border-radius);
  }
  .category-list-01 {
    background-color: var(--category-list-01--block--background-color);
    padding: var(--category-list-01--block--padding-y) 0;
    margin-top: var(--category-list-01--block--margin-top);
    margin-bottom: var(--category-list-01--block--margin-bottom);
  }
  .category-list-01 .category-list {
    background-color: var(--category-list-01--list--background-color);
    padding: var(--category-list-01--list--padding-y) 0;
    margin-top: var(--category-list-01--list--margin-top);
    margin-bottom: var(--category-list-01--list--margin-bottom);
  }
}