.vn-videos{padding:62px 0 66px;background:#f8f8f4;color:#343733;font-family:var(--vn-sans,Arial,sans-serif);letter-spacing:0}.vn-videos *{box-sizing:border-box}.vn-videos .vn-wrap{max-width:1200px}.vn-videos-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:27px}.vn-videos-heading h2{max-width:660px;margin:0;font:400 clamp(31px,3.3vw,46px)/1.08 var(--vn-sans,Arial,sans-serif);letter-spacing:-.04em}.vn-videos-heading p{margin:12px 0 0;font-size:14px;line-height:1.5;color:#696c65}.vn-video-navigation{display:flex;align-items:center;gap:9px;flex-shrink:0}.vn-videos .vn-video-position{min-width:110px;margin:0 7px 0 0;font-size:11px;line-height:1.4;color:#656960;text-align:right}.vn-video-arrow{display:flex;align-items:center;justify-content:center;width:43px;height:43px;min-width:43px;padding:0;border:1px solid #cbd0c6;border-radius:50%;background:transparent;color:#343733;font:22px/1 var(--vn-sans,Arial,sans-serif);cursor:pointer}.vn-video-arrow:hover:not(:disabled){background:#eaece4;border-color:#88927f}.vn-video-arrow:disabled{opacity:.35;cursor:default}.vn-video-track{--vn-video-gap:17px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--vn-video-gap)*3)/4);gap:var(--vn-video-gap);margin:0;padding:0 0 14px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b7bdb1 transparent;overscroll-behavior-inline:contain}.vn-video-track::-webkit-scrollbar{height:5px}.vn-video-track::-webkit-scrollbar-thumb{background:#b7bdb1;border-radius:4px}.vn-video-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}.vn-video-frame{position:relative;aspect-ratio:9/16;background:#e5e6df;border-radius:7px;overflow:hidden;isolation:isolate}.vn-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#e5e6df}.vn-video-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0 0 0 4px;border:1px solid #ffffffaa;border-radius:50%;background:#ffffffea;box-shadow:0 2px 20px #00000016;color:#30382b;font-size:21px;line-height:1;cursor:pointer}.vn-video-play:hover{background:#fff;box-shadow:0 3px 25px #00000028}.vn-video-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-top:12px}.vn-video-caption p{margin:0;font-size:12px;line-height:1.45;font-weight:500}.vn-video-caption a{flex-shrink:0;color:#62685b;text-decoration:underline;text-underline-offset:3px;font-size:10px;line-height:1.65}.vn-video-caption a span{font-size:12px}.vn-video-error{font-size:11px;line-height:1.5;color:#654b3e;margin:10px 0 0}.vn-videos [hidden]{display:none!important}.vn-videos button:focus-visible,.vn-videos a:focus-visible,.vn-video-track:focus-visible,.vn-videos video:focus-visible{outline:2px solid #435a37;outline-offset:4px}.vn-videos:dir(rtl) .vn-video-arrow span{transform:scaleX(-1)}
@media(max-width:989px){.vn-video-track{grid-auto-columns:calc((100% - var(--vn-video-gap))/2)}.vn-videos-heading h2{font-size:36px;max-width:480px}.vn-video-caption p{font-size:13px}}
@media(max-width:749px){.vn-videos{padding:42px 0 45px}.vn-videos .vn-wrap{width:calc(100% - 36px)}.vn-videos-heading{align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:22px}.vn-videos-heading h2{font-size:31px;max-width:360px}.vn-videos-heading p{font-size:13px;margin-top:10px}.vn-video-navigation{margin-left:auto}.vn-videos .vn-video-position{min-width:100px;font-size:10px}.vn-video-arrow{width:38px;height:38px;min-width:38px;font-size:20px}.vn-video-track{--vn-video-gap:13px;grid-auto-columns:78%;padding-bottom:12px}.vn-video-play{width:56px;height:56px;font-size:19px}.vn-video-caption p{font-size:12px}.vn-video-caption a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vn-video-track{scroll-behavior:auto}}
.vn-video-frame{border-radius:0}
body.vn-store .vn-video-frame::after{display:none}
.vn-videos--pair .vn-video-frame{aspect-ratio:9/16}
@media(min-width:750px){.vn-videos--pair .vn-video-track{max-width:720px;margin-inline:auto;grid-auto-columns:calc((100% - var(--vn-video-gap))/2)}.vn-videos--pair .vn-videos-heading{max-width:720px;margin-inline:auto}.vn-videos--pair .vn-videos-heading h2{max-width:none}}
