.fist-vsteps__grid{display:grid;grid-template-columns:repeat(var(--fist-count),minmax(0,1fr));gap:clamp(6px,1.4vw,var(--fist-gap))}.fist-vsteps__card{position:relative;display:block;width:100%;aspect-ratio:var(--fist-ratio);margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--fist-radius);background:var(--fist-card-bg);color:inherit;font:inherit;text-align:center;container-type:inline-size;-webkit-tap-highlight-color:transparent}button.fist-vsteps__card{cursor:pointer}.fist-vsteps__card:focus-visible{outline:2px solid var(--fist-highlight);outline-offset:3px}.fist-vsteps__card video,.fist-vsteps__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fist-vsteps__placeholder{fill:#0a0a0a;opacity:.2}.fist-vsteps__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 var(--fist-border) transparent;transition:box-shadow .25s ease;pointer-events:none}.fist-vsteps__card.is-active:after{box-shadow:inset 0 0 0 var(--fist-border) var(--fist-highlight)}.fist-vsteps__label{position:absolute;z-index:1;top:8px;top:7cqi;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 12px);max-width:calc(100% - 10cqi);padding:.3em .75em;border-radius:.45em;background:var(--fist-label-bg);color:var(--fist-label-text);font-size:12px;font-size:clamp(8px,10cqi,17px);line-height:1.2;letter-spacing:.02em}.fist-vsteps__play{position:absolute;z-index:1;right:8px;right:7cqi;bottom:8px;bottom:7cqi;width:28px;width:clamp(18px,22cqi,36px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#0000008c;color:#fff}.fist-vsteps__play svg{width:42%;height:42%;margin-left:8%}.fist-vsteps__dialog{max-width:92vw;max-height:92vh;padding:0;border:0;background:#000;overflow:hidden}.fist-vsteps__dialog::backdrop{background:#000c}.fist-vsteps__player{display:block;width:auto;max-width:92vw;max-height:85vh;background:#000}.fist-vsteps__close{position:absolute;z-index:1;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}@media(prefers-reduced-motion:reduce){.fist-vsteps__card:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/fist-video-steps.css.map */