
.cc_o98st9b3_yHdykUa55n .ac-media, .cc_o98st9b3_5sMHehpc6j .ac-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ac-space-3);
  width: 100%;
}
.cc_o98st9b3_yHdykUa55n .ac-media__frame, .cc_o98st9b3_5sMHehpc6j .ac-media__frame {
  position: relative;
  width: 100%;
  max-width: var(--ac-workshop-img);
  aspect-ratio: 9 / 14;
  border-radius: var(--ac-radius-pill) var(--ac-radius-pill) var(--ac-radius-xl) var(--ac-radius-xl);
  overflow: hidden;
  background: var(--ac-media-bg, var(--ac-bg));
}
.cc_o98st9b3_yHdykUa55n .ac-media__img, .cc_o98st9b3_5sMHehpc6j .ac-media__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cc_o98st9b3_yHdykUa55n .ac-media__play, .cc_o98st9b3_5sMHehpc6j .ac-media__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--ac-play);
  height: var(--ac-play);
  border: 0;
  border-radius: 50%;
  background: var(--ac-bg);
  color: var(--ac-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cc_o98st9b3_yHdykUa55n .ac-media__play:hover, .cc_o98st9b3_5sMHehpc6j .ac-media__play:hover {
  background: var(--ac-surface);
}
.cc_o98st9b3_yHdykUa55n .ac-media__play:focus-visible, .cc_o98st9b3_5sMHehpc6j .ac-media__play:focus-visible {
  outline: var(--ac-focus-width) solid var(--ac-fg);
  outline-offset: 2px;
}
.cc_o98st9b3_yHdykUa55n .ac-media__caption, .cc_o98st9b3_5sMHehpc6j .ac-media__caption {
  margin: 0;
  font-size: var(--ac-text-note);
  color: var(--ac-fg-muted);
}
