.vm-vid{--vm-gap:18px;--vm-cols:5;padding:96px 0;background:#fff;overflow:hidden}.vm-vid__wrap{max-width:1240px;margin:0 auto;padding:0 24px}.vm-vid__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 30px}.vm-vid__pill{display:inline-block;padding:6px 16px;border:1px solid #C9D6EE;border-radius:999px;background:#eef3fb;color:#1c2d52;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.vm-vid__title{margin:16px 0 0;font-family:var(--font-heading--family);font-weight:800;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.08;letter-spacing:-.025em;color:#1c2d52}.vm-vid__nav{display:flex;gap:10px;flex:none}.vm-vid__arrow{width:48px;height:48px;border-radius:50%;border:1px solid #D5DFEF;background:#fff;color:#1c2d52;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px #1c2d5214;transition:background .2s,color .2s,opacity .2s,transform .2s}.vm-vid__arrow svg{width:20px;height:20px}.vm-vid__arrow:hover:not([disabled]){background:#1c2d52;color:#fff;transform:translateY(-1px)}.vm-vid__arrow[disabled]{opacity:.35;cursor:default;box-shadow:none}.vm-vid__viewport{width:100%;overflow:hidden;padding:22px 0 34px;margin:-22px 0 -34px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.vm-vid__viewport.is-dragging{cursor:grabbing}.vm-vid__viewport.is-dragging .vm-vid__card{pointer-events:none}.vm-vid__row{--vm-inner:min(1192px, calc(100vw - 48px) );--vm-card:calc((var(--vm-inner) - (var(--vm-cols) - 1) * var(--vm-gap)) / var(--vm-cols));display:flex;width:max-content;will-change:transform;backface-visibility:hidden}.vm-vid__card{flex:none;width:var(--vm-card);margin:0 var(--vm-gap) 0 0;min-width:0}.vm-vid__frame{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#e9eff8;box-shadow:0 14px 34px #1c2d521f;isolation:isolate;transition:box-shadow .4s}.vm-vid__card.is-playing .vm-vid__frame{box-shadow:0 22px 50px #1c2d5238}.vm-vid__poster,.vm-vid__frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vm-vid__frame video{background:#000}.vm-vid__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#111b3300 55%,#111b3373);pointer-events:none;transition:opacity .3s}.vm-vid__play{position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;margin:-26px 0 0 -26px;padding:0;border:0;border-radius:50%;background:#0a0a0ad1;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px #00000047;transition:transform .25s ease,background .25s}.vm-vid__play:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);pointer-events:none;animation:vmRing 2.6s ease-in-out infinite}@keyframes vmRing{0%,to{transform:scale(.86);opacity:.15}50%{transform:scale(1);opacity:.7}}.vm-vid__play svg{display:block;width:22px;height:22px;margin:0;animation:vmTri 2.6s ease-in-out infinite}@keyframes vmTri{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.vm-vid__frame:hover .vm-vid__play,.vm-vid__play:focus-visible{transform:scale(1.08);background:#000}.vm-vid__play:focus-visible{outline:3px solid #9DB7E8;outline-offset:3px}.vm-vid__time{position:absolute;right:12px;bottom:12px;z-index:2;padding:4px 9px;border-radius:999px;background:#111b3399;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;pointer-events:none}.vm-vid__frame.is-started:after,.vm-vid__frame.is-started .vm-vid__play,.vm-vid__frame.is-started .vm-vid__time,.vm-vid__frame.is-started .vm-vid__poster{opacity:0;pointer-events:none}.vm-vid__frame.is-loading .vm-vid__play{animation:vmPulse 1s ease-in-out infinite}@keyframes vmPulse{50%{transform:scale(.92)}}@media(max-width:1199px){.vm-vid{--vm-cols:4}}@media(max-width:989px){.vm-vid{--vm-cols:3.2}.vm-vid__nav{display:none}}@media(max-width:749px){.vm-vid{--vm-gap:12px;padding:64px 0}.vm-vid__wrap{padding:0 16px}.vm-vid__head{margin-bottom:20px}.vm-vid__row{--vm-card:62vw}.vm-vid__viewport{padding:18px 0 26px;margin:-18px 0 -26px}.vm-vid__frame{border-radius:16px}.vm-vid__play{width:48px;height:48px;margin:-24px 0 0 -24px}.vm-vid__play svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/velmora-videos.css.map */