.myd-dc-carousel{
  position: relative;
  width: var(--myd-dc-width, 100%);
  max-width: var(--myd-dc-maxw, none);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 14px;
  background: transparent;
}
.myd-dc-track{
  display:flex;
  width: 100%;
  transition: transform .4s ease;
}
.myd-dc-slide{
  min-width: calc(100% / var(--myd-dc-perview, 1));
  position: relative;
  padding: calc(var(--myd-dc-gap, 0px) / 2);
  box-sizing: border-box;
}
.myd-dc-card{
  border: var(--myd-dc-slide-bw, var(--myd-dc-bw, 0px)) solid var(--myd-dc-slide-bc, var(--myd-dc-bc, rgba(0,0,0,.08)));
  border-radius: var(--myd-dc-slide-radius, var(--myd-dc-radius, 14px));
  box-shadow: var(--myd-dc-slide-shadow, var(--myd-dc-shadow, none));
  overflow: hidden;
  background: #fff;
}
.myd-dc-link, .myd-dc-nolink{
  display:block;
  color: inherit;
  text-decoration:none;
}
.myd-dc-img{
  width: 100%;
  height: var(--myd-dc-slide-h, var(--myd-dc-h, 220px));
  object-fit: var(--myd-dc-slide-fit, var(--myd-dc-fit, cover));
  object-position: var(--myd-dc-slide-pos, var(--myd-dc-pos, center));
  background: var(--myd-dc-slide-bg, var(--myd-dc-bg, transparent));
  display:block;
}
@media (max-width: 768px){
  .myd-dc-slide{ min-width: calc(100% / var(--myd-dc-perview-m, 1)); }
  .myd-dc-img{ height: var(--myd-dc-slide-hm, var(--myd-dc-hm, var(--myd-dc-slide-h, 180px))); }
}
.myd-dc-caption{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.55);
  color:#fff;
  backdrop-filter: blur(3px);
}
.myd-dc-title{ font-weight: 700; font-size: 16px; line-height: 1.2; }
.myd-dc-text{ margin-top: 4px; font-size: 13px; line-height: 1.2; opacity: .95; }

.myd-dc-dots{
  position:absolute;
  left:0; right:0;
  bottom: 8px;
  display:flex;
  justify-content:center;
  gap: 6px;
  pointer-events: none;
}
.myd-dc-dot{
  pointer-events: auto;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.6);
  cursor:pointer;
}
.myd-dc-dot.is-active{
  background: rgba(255,255,255,1);
}