.cc_yo96d8g2_wWfCggeAhb .f-show__all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  white-space: nowrap;
}

.cc_yo96d8g2_wWfCggeAhb .f-show__all .f-icon {
  width: 16px;
  height: 16px;
  transition: transform var(--f-dur) var(--f-ease);
}

.cc_yo96d8g2_wWfCggeAhb .f-show__all:hover .f-icon {
  transform: translateX(3px);
}

.cc_yo96d8g2_wWfCggeAhb .f-show__grid, .cc_yo96d8g2_wWfCggeAhb .f-show__skeleton {
  display: grid;
  grid-template-columns: repeat(var(--cols-m, 2), minmax(0, 1fr));
  gap: 28px 12px;
}

.cc_yo96d8g2_wWfCggeAhb .f-show__skeleton span {
  display: block;
  width: 100%;
}

.cc_yo96d8g2_wWfCggeAhb .f-show__center-all {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

@media (min-width: 768px) {
  .cc_yo96d8g2_wWfCggeAhb .f-show__grid, .cc_yo96d8g2_wWfCggeAhb .f-show__skeleton {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .cc_yo96d8g2_wWfCggeAhb .f-show__grid, .cc_yo96d8g2_wWfCggeAhb .f-show__skeleton {
    grid-template-columns: repeat(var(--cols-d, 4), minmax(0, 1fr));
    gap: 40px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_yo96d8g2_wWfCggeAhb .f-show__all .f-icon {
    transition: none;
  }
}