.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item {
  position: relative;
  width: 100%;
  max-width: var(--features-card-max-width);
  min-width: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: var(--features-align-items);
  text-align: var(--features-text-align);
  transition: transform 320ms cubic-bezier(.2, .8, .2, 1);
}

.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-wrap {
  width: var(--features-icon-shell-size);
  height: var(--features-icon-shell-size);
  flex: 0 0 var(--features-icon-shell-size);
  display: grid;
  place-items: center;
  margin-bottom: var(--features-icon-title-gap);
  color: var(--features-icon-color);
  background: var(--features-icon-background);
  border: var(--features-icon-border-width) solid var(--features-icon-border);
  border-radius: var(--features-icon-radius);
  overflow: hidden;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: color 260ms ease, background-color 260ms ease, border-color 260ms ease, box-shadow 320ms ease, transform 320ms cubic-bezier(.2, .8, .2, 1);
}

.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-fallback-icon, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-image {
  width: var(--features-icon-size);
  height: var(--features-icon-size);
  display: block;
  transition: transform 320ms cubic-bezier(.2, .8, .2, 1);
}

.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-image {
  object-fit: var(--features-icon-image-fit);
}

.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-title {
  margin: 0;
  color: var(--features-title-color);
  font-size: var(--features-title-size);
  font-weight: var(--features-title-weight);
  line-height: 1.25;
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  transition: transform 260ms ease;
}

.cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-subtitle {
  max-width: 100%;
  margin: var(--features-title-subtitle-gap) 0 0;
  color: var(--features-subtitle-color);
  font-size: var(--features-subtitle-size);
  font-weight: var(--features-subtitle-weight);
  line-height: var(--features-subtitle-line-height);
  overflow-wrap: anywhere;
  transition: color 260ms ease, transform 260ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover {
    transform: translateY(-8px);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover .chokku-feature-item-icon-wrap {
    border-color: color-mix(in srgb, var(--features-icon-color) 34%, var(--features-icon-border));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--features-icon-color) 16%, transparent);
    transform: translateY(-4px) rotate(-2deg) scale(1.035);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover .chokku-feature-item-fallback-icon, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover .chokku-feature-item-icon-image {
    transform: rotate(2deg) scale(1.1);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover .chokku-feature-item-title {
    transform: translateY(-2px);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item:hover .chokku-feature-item-subtitle {
    color: color-mix(in srgb, var(--features-subtitle-color) 82%, var(--features-title-color));
    transform: translateY(-2px);
  }
}

@media (max-width: 767px) {
  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-wrap {
    width: var(--features-icon-shell-size-mobile);
    height: var(--features-icon-shell-size-mobile);
    flex-basis: var(--features-icon-shell-size-mobile);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-fallback-icon, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-image {
    width: var(--features-icon-size-mobile);
    height: var(--features-icon-size-mobile);
  }

  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-title { font-size: var(--features-title-size-mobile); }
  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-subtitle { font-size: var(--features-subtitle-size-mobile); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-wrap, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-fallback-icon, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-icon-image, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-title, .cc_Z6ZOJ8rgEP_FeatureItemV1 .chokku-feature-item-subtitle { transition: none; }
}
