/*! Vaporex Design · vx-video-steps */

.vx-video-steps.video{padding:var(--vx-sp) 0 0}
.vx-video-steps .video__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,90px);align-items:start}
.vx-video-steps .video__sticky{position:sticky;top:110px}
.vx-video-steps .video__note{color:var(--vx-muted);margin:18px 0 0;max-width:56ch}
.vx-video-steps .steps__list--video{align-content:start;gap:clamp(36px,4vw,56px);max-height:none;padding-top:4px}
.vx-video-steps .steps__list--video .step p{max-width:48ch}
.vx-video-steps .video__frame{position:relative;aspect-ratio:16/9;background:#0e1f36;border-radius:var(--vx-r-img);overflow:hidden;box-shadow:0 40px 70px -40px rgba(15,35,64,.5)}
.vx-video-steps .video__frame--img{margin:0}
.vx-video-steps .video__frame--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vx-video-steps .video__frame iframe,.vx-video-steps .video__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#0e1f36}
.vx-video-steps .video__copy p{color:var(--vx-muted)}
.vx-video-steps .video__steps{counter-reset:v;display:grid;gap:12px;margin-top:8px}
.vx-video-steps .video__steps li{counter-increment:v;position:relative;padding-left:40px;color:var(--vx-muted);line-height:1.55}
.vx-video-steps .video__steps li b{color:var(--vx-ink);font-weight:600}
.vx-video-steps .video__steps li::before{content:counter(v);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--vx-line-blue);color:var(--vx-blue);font-size:12.5px;font-weight:600;display:grid;place-items:center}
@media (max-width:860px){
  .vx-video-steps .video__grid{grid-template-columns:minmax(0,1fr)}
  .vx-video-steps .video__sticky{position:static}
  .vx-video-steps .steps__list--video{gap:28px}
}
.vx-video-steps .video__sticky--two{display:grid;gap:16px}