@opensig/opendesign/es/card/style/theme-openeuler.css

.c-card-openeuler.o-card {
  --card-radius: 4px;
  --card-cover-radius: 4px;
  --card-icon-size: 48px;
}
.c-card-openeuler .o-card-cover-v.o-card-cover-v,
.c-card-openeuler .o-card-cover-h.o-card-cover-h,
.c-card-openeuler .o-card-cover-hr.o-card-cover-hr {
  --card-cover-padding: 0px;
}
.c-card-openeuler.o-card-hoverable.o-card-cursor-pointer .o-card-title {
  transition: color var(--o-duration-s) var(--o-easing-standard);
}
@media (hover: hover) {
  .c-card-openeuler.o-card-hoverable.o-card-cursor-pointer:hover .o-card-title {
    color: var(--o-color-main1);
  }
}

@media (min-width: 841px) and (max-width: 1200px) {
  .c-card-openeuler.o-card:not(.o-card-no-responsive) {
    --card-icon-size: var(--o-icon_size_control-xl);
  }
}
.c-card-openeuler.o-card .o-card-cover-v .o-card-cover-img {
  border-top-left-radius: var(--card-cover-radius);
  border-top-right-radius: var(--card-cover-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.c-card-openeuler.o-card .o-card-cover-v .o-card-cover-img img {
  border-top-left-radius: var(--card-cover-radius);
  border-top-right-radius: var(--card-cover-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.c-card-openeuler.o-card .o-card-cover-h .o-card-cover-img {
  border-top-left-radius: var(--card-cover-radius);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--card-cover-radius);
  border-bottom-right-radius: 0;
}
.c-card-openeuler.o-card .o-card-cover-h .o-card-cover-img img {
  border-top-left-radius: var(--card-cover-radius);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--card-cover-radius);
  border-bottom-right-radius: 0;
}
.c-card-openeuler.o-card .o-card-cover-hr .o-card-cover-img {
  border-top-left-radius: 0;
  border-top-right-radius: var(--card-cover-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--card-cover-radius);
}
.c-card-openeuler.o-card .o-card-cover-hr .o-card-cover-img img {
  border-top-left-radius: 0;
  border-top-right-radius: var(--card-cover-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--card-cover-radius);
}

@media (max-width: 840px) {
  .c-card-openeuler.o-card:not(.o-card-no-responsive) {
    --card-radius: 8px;
    --card-cover-radius: 8px;
    --card-icon-size: var(--o-icon_size_control-l);
  }
}