.cc-vcs{display:block}.cc-vcs .cc-videos{position:relative}.cc-vcs .cc-videos__track{display:flex;gap:16px;overflow-x:auto;padding:2px 0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.cc-vcs .cc-videos__track::-webkit-scrollbar{display:none}.cc-vcs .cc-videos__item{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start}.cc-vcs .cc-videos__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:14px;overflow:hidden;background:#12263a;color:#fff;cursor:default}.cc-vcs .cc-videos__card:after{content:"";position:absolute;top:60%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#00000047);pointer-events:none}.cc-vcs .cc-videos__card>img,.cc-vcs .cc-videos__card>svg,.cc-vcs .cc-videos__card>video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cc-video-position, 50% 50%)}.cc-vcs .cc-videos__views{position:absolute;bottom:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 10px;border-radius:999px;background:#000000d1;color:#fff;font-size:12px;font-weight:650;line-height:1.15;white-space:nowrap}.cc-vcs .cc-videos__views>svg{width:14px;height:14px;flex:none}.cc-vcs .cc-videos__demo{margin-left:2px;padding-left:7px;border-left:1px solid rgb(255 255 255 / 45%);font-size:10px;font-weight:500}.cc-vcs .cc-videos__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e5e9ed;border-radius:50%;background:#fff;color:#111;transform:translateY(-50%);cursor:pointer;box-shadow:0 2px 12px #00000017}.cc-vcs .cc-videos__arrow--prev{left:-20px}.cc-vcs .cc-videos__arrow--next{right:-20px}.cc-vcs .cc-videos__arrow svg{width:20px;height:20px}.cc-vcs .cc-videos__arrow:disabled{opacity:0;pointer-events:none}.cc-vcs .cc-videos__arrow:focus-visible,.cc-vcs .cc-videos__toggle:focus-visible{outline:3px solid #1664c6;outline-offset:4px}@media(max-width:989px){.cc-vcs .cc-videos__item{flex-basis:calc((100% - 32px) / 3)}.cc-vcs .cc-videos__arrow--prev{left:-14px}.cc-vcs .cc-videos__arrow--next{right:-14px}}@media(max-width:599px){.cc-vcs .cc-videos__track{gap:12px}.cc-vcs .cc-videos__item{flex-basis:78%}.cc-vcs .cc-videos__arrow{width:36px;height:36px}.cc-vcs .cc-videos__arrow--prev{left:-10px}.cc-vcs .cc-videos__arrow--next{right:-10px}}.cc-vcs .cc-videos__card>video{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.cc-vcs .cc-videos__item.is-playing video{opacity:1}.cc-vcs .cc-videos__item.is-playing .cc-videos__card>img{opacity:0}.cc-vcs .cc-videos__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.cc-vcs .cc-videos__toolbar .cc__head{margin:0}.cc-vcs .cc-videos__toggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto;border:0;padding:4px 0 4px 8px;background:transparent;color:#173e72;font:inherit;font-size:12px;line-height:20px;cursor:pointer}.cc-vcs .cc-videos__toggle[hidden]{display:none}.cc-vcs .cc-videos__toggle svg{display:block;width:14px;height:14px}.cc-vcs .cc-videos__resume-icon,.cc-vcs .cc-videos__toggle[data-paused=true] .cc-videos__pause-icon{display:none}.cc-vcs .cc-videos__toggle[data-paused=true] .cc-videos__resume-icon{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cc-video-cards.css.map */