.vcarousel{position:relative;margin-top:var(--s-8);padding-inline:64px}.vcarousel__viewport{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--s-6)) / 2);gap:var(--s-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--s-2)}.vcarousel__viewport::-webkit-scrollbar{display:none}.vcarousel__slide{scroll-snap-align:start;min-width:0}.vcarousel__frame{position:relative;padding-top:56.25%;background:var(--navy);border:1.5px solid var(--blue)}.vcarousel__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.vcarousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--blue);background:var(--navy);color:var(--white);display:grid;place-content:center;font-size:1.75rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.vcarousel__btn:hover{background:var(--navy-hover)}.vcarousel__btn:focus-visible{outline:2px solid var(--marigold);outline-offset:3px}.vcarousel__btn--prev{left:0}.vcarousel__btn--next{right:0}@media (max-width:700px){.vcarousel{padding-inline:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.vcarousel__viewport{grid-row:1;grid-column:1/-1;grid-auto-columns:100%}.vcarousel__btn{position:static;transform:none;grid-row:2;width:44px;height:44px;aspect-ratio:1;font-size:1.5rem}.vcarousel__btn--prev{grid-column:1;justify-self:end}.vcarousel__btn--next{grid-column:2;justify-self:start}.vcarousel__btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){.vcarousel__viewport{scroll-behavior:auto}.vcarousel__btn{transition:none}}