.vgf{position:relative;width:100%;height:var(--vgf-height-desktop, 85vh);overflow:hidden;--vgf-controls-space: 120px}.vgf__media{position:absolute;top:0;right:0;bottom:0;left:0}.vgf__video,.vgf__poster,.vgf__placeholder-svg{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--vgf-focal-x, 50%) var(--vgf-focal-y-desktop, 50%)}.vgf__placeholder{width:100%;height:100%;background:var(--color-linen, #FAF0E6)}.vgf__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-deep-navy, #1A1A2E);opacity:var(--vgf-overlay-opacity, 0);pointer-events:none}.vgf__layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:40px 6vw;pointer-events:none}.vgf--left .vgf__layer{justify-content:flex-start}.vgf--center .vgf__layer{justify-content:center}.vgf--right .vgf__layer{justify-content:flex-end}.vgf--top .vgf__layer{align-items:flex-start}.vgf--middle .vgf__layer{align-items:center}.vgf--bottom .vgf__layer{align-items:flex-end}.vgf__gallery{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(var(--vgf-frame-width-desktop, 420px),calc((var(--vgf-height-desktop, 85vh) - var(--vgf-controls-space)) * var(--vgf-frame-ratio, .86)),100%);outline:none}.vgf__gallery:focus-visible .vgf__frame{outline:3px solid var(--color-hot-pink, #E8478A);outline-offset:6px}.vgf__frame{position:relative;width:100%;aspect-ratio:var(--vgf-frame-ratio, .86);transform:rotate(var(--vgf-tilt, 0deg));filter:drop-shadow(0 10px 18px rgba(26,26,46,.25));touch-action:pan-y;-webkit-user-select:none;user-select:none}.vgf__window{position:absolute;top:var(--vgf-inset-top, 11.5%);right:var(--vgf-inset-right, 14.5%);bottom:var(--vgf-inset-bottom, 12.5%);left:var(--vgf-inset-left, 14%);overflow:hidden;background:var(--color-cream, #F9E8D0)}.vgf__frame-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:2;pointer-events:none}.vgf__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}.vgf__slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition:opacity .6s ease,transform .6s ease,visibility 0s}.vgf__slide-link{display:block;width:100%;height:100%}.vgf__slide img,.vgf__slide-placeholder{width:100%;height:100%;display:block;object-fit:var(--vgf-fit, cover);-webkit-user-drag:none}.vgf__controls{display:flex;align-items:center;gap:14px}.vgf__arrow{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-deep-navy, #1A1A2E);background:var(--color-cream, #F9E8D0);color:var(--color-deep-navy, #1A1A2E);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .15s ease,transform .15s ease}.vgf__arrow svg{width:18px;height:18px}.vgf__arrow:hover{background:var(--color-sun-yellow, #FDC300);transform:translateY(-1px)}.vgf__arrow:focus-visible,.vgf__dot:focus-visible{outline:3px solid var(--color-hot-pink, #E8478A);outline-offset:2px}.vgf__dots{display:flex;align-items:center;gap:6px}.vgf__dot{width:10px;height:10px;padding:0;border-radius:999px;border:2px solid var(--color-deep-navy, #1A1A2E);background:var(--color-cream, #F9E8D0);cursor:pointer;transition:width .25s ease,background .25s ease}.vgf__dot.is-active{width:26px;background:var(--color-deep-navy, #1A1A2E)}@media screen and (max-width:749px){.vgf{height:var(--vgf-height-mobile, 75vh);--vgf-controls-space: 100px}.vgf__video,.vgf__poster,.vgf__placeholder-svg{object-position:var(--vgf-focal-x, 50%) var(--vgf-focal-y-mobile, 50%)}.vgf .vgf__layer{justify-content:center;padding:24px 16px}.vgf__gallery{width:min(var(--vgf-frame-width-mobile, 70vw),calc((var(--vgf-height-mobile, 75vh) - var(--vgf-controls-space)) * var(--vgf-frame-ratio, .86)),100%)}}@media(prefers-reduced-motion:reduce){.vgf__slide,.vgf__slide.is-active{transition:opacity .01s,visibility 0s;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video-gallery-frame.css.map */
