.card-author-footer .card-footer-right i,

.ios p .icon-radio:after,

.rating-block-detailed .rating-block-stars i {

  font-size: 22px;

}

.card-author-footer .card-author,

.list.accordion-list .item-title,

.range-slider-title-value .range-value,

.signup-have-account {

  color: var(--title-color);

  font-weight: 500;

  font-size: 15px;

}

.card.card-album,

.single-cover-image,

.single-post-content img,

.stepper-button-minus:first-child,

.stepper-button-minus:last-child,

.stepper-button-plus:first-child,

.stepper-button-plus:last-child,

.stepper-button:first-child,

.stepper-button:last-child {

  border-radius: 8px;

}

.card {

  background: 0 0;

  border-radius: 5px;

  overflow: hidden;

  margin: 20px 0;

  display: block;

}

.card-image {

  border-radius: 0;

  display: block;

  min-height: auto;

  padding: 0;

  line-height: 0;

  position: relative;

}

.card-image:has(.card-image-footer) img {

  object-fit: cover;

  aspect-ratio: 16/10;

}

.card-image:has(~ .card-author-footer) img {

  aspect-ratio: 16/9;

}

.card-image-footer {

  position: absolute;

  bottom: 0;

  padding: 60px 18px 15px;

  background-image: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0) 0,

    rgb(24 24 24 / 95%) 100%

  );

  color: #fff;

  width: 100%;

  box-sizing: border-box;

  line-height: var(--f7-line-height);

}

.card-image-footer h2 {

  margin: 0;

  font-size: 17px;

  line-height: 19px;

  font-weight: 800;

  color: #fff;

}

.card .card-category {

  display: inline-block;

  font-size: 13px;

  font-weight: 500;

  padding: 2px 8px;

  margin-bottom: 10px;

  border-radius: 5px;

}

.card .card-author,

.comment-author,

.comment-header-left {

  display: flex;

  align-items: center;

}

.card .card-author span,

.ticket-fill:active {

  opacity: 0.9;

}

.card .card-author img {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  margin-right: 8px;

}

.card-author-footer {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  padding: 12px 16px;

}

.card-author-footer .author-image {

  width: 35px;

  border-radius: 50%;

  height: auto;

}

.card-author-footer .card-footer-middle {

  margin-left: 12px;

}

.card-author-footer .card-footer-right {

  font-size: 12px;

  font-weight: 500;

  color: var(--text-color);

  margin-left: auto;

}

.card-big-footer {

  display: block;

  padding: 20px;

}

.card-big-footer h2 {

  margin: 0 0 -5px;

  font-size: 20px;

  line-height: 1.5;

}

.card-big-footer .button {

  margin-bottom: 0;

  margin-top: 15px;

}

.card-big-footer .button i,

.onboarding-next-button i {

  margin-left: 5px;

  font-weight: 600;

}