.version-two #main .p30-vr{position:relative;background:#061424;color:#fff;--vr-gutter:max(28px, calc((100vw - 1320px)/2) );--vr-card-height:clamp(360px,calc(100svh - var(--header,78px) - 144px),680px)}.version-two #main .p30-vr-stage{padding:64px 0;background:#061424}.version-two #main .p30-vr.is-scroll-driven{height:var(--vr-scene-height)}.version-two #main .p30-vr.is-scroll-driven .p30-vr-stage{position:sticky;top:var(--header,78px)}.version-two #main .p30-vr-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vr-gutter);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#91b8da70 transparent}.version-two #main .p30-vr.is-scroll-driven .p30-vr-viewport{scroll-snap-type:none;scrollbar-width:none}.version-two #main .p30-vr.is-scroll-driven .p30-vr-viewport::-webkit-scrollbar{display:none}.version-two #main .p30-vr-rail{display:flex;width:max-content;gap:24px;list-style:none;padding:8px var(--vr-gutter);margin:0}.version-two #main .p30-vr-rail>li{flex:none;margin:0;padding:0;scroll-snap-align:start}.version-two #main .p30-page .p30-vr-card{position:relative;display:block;width:calc(var(--vr-card-height)*9/16);height:var(--vr-card-height);padding:0;border:0;border-radius:16px;overflow:hidden;background:#112b41;color:#fff;touch-action:manipulation;isolation:isolate}.version-two #main .p30-vr-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.version-two #main .p30-vr-title{position:absolute;z-index:2;inset:auto 0 0;display:block;padding:64px 24px 26px;background:linear-gradient(180deg,#06142400,#061424b8 35%,#061424e8 75%,#061424f2);color:#fff;font-family:Gilroy,sans-serif;font-size:clamp(18px,1.4vw,21px);font-weight:600;line-height:1.2;letter-spacing:-.025em;text-align:left;text-wrap:balance;pointer-events:none}.version-two #main .p30-vr-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #fff9;background:#f2f7ffdb;color:#10263b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translate(-50%,-50%);transition:background .2s,scale .25s}.version-two #main .p30-vr-play svg{width:24px;height:24px;fill:currentColor;stroke:none;transform:translate(2px)}.version-two #main .p30-vr-card:focus-visible{outline:3px solid #b3d2ff;outline-offset:5px}.version-two #main .p30-vr-poster-error{position:absolute;left:24px;right:24px;top:20px;font-size:13px;font-weight:400;line-height:1.5;color:#c4d5e6;text-align:left}.version-two #main .p30-page .p30-vr-modal{width:min(480px,calc(100vw - 32px));padding:20px}.version-two #main .p30-page .p30-vr-modal h2{font-size:21px}.version-two #main .p30-vr-modal .p30-video-modal-head{gap:16px;margin-bottom:16px}.version-two #main .p30-vr-modal .p30-video-modal-head button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.version-two #main .p30-vr-modal video{width:100%;height:min(73svh,730px);max-height:calc(100svh - 140px);aspect-ratio:9/16;object-fit:contain}.version-two #main .p30-page .p30-vr-error p{color:#d7e8f8;font-size:13px;line-height:1.6;margin:16px 0 0}.version-two #main .p30-page .p30-vr-error :is(button,a){display:inline-flex;align-items:center;min-height:44px;margin-right:20px;padding:8px 0;border:0;background:none;color:#fff;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}@media(hover:hover){.version-two #main .p30-vr-card:hover>img{transform:scale(1.025)}.version-two #main .p30-vr-card:hover .p30-vr-play{background:#fff;scale:1.06}}@media(max-width:900px){.version-two #main .p30-vr{--vr-gutter:24px;--vr-card-height:min(64svh,600px)}.version-two #main .p30-vr-stage{padding:56px 0}.version-two #main .p30-vr-rail{gap:18px}}@media(max-width:650px){.version-two #main .p30-vr{--vr-gutter:20px;--vr-card-height:calc(min(78vw,330px)*16/9)}.version-two #main .p30-vr-stage{padding:48px 0}.version-two #main .p30-vr-rail{gap:16px}.version-two #main .p30-vr-title{padding:56px 22px 24px;font-size:20px}.version-two #main .p30-vr-play{width:56px;height:56px}.version-two #main .p30-vr-play svg{width:21px;height:21px}.version-two #main .p30-page .p30-vr-modal{padding:16px}.version-two #main .p30-page .p30-vr-modal h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.version-two #main .p30-vr *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.version-two #main .p30-vr-card:hover>img{transform:none}.version-two #main .p30-vr-card:hover .p30-vr-play{scale:1}}@media(prefers-reduced-transparency:reduce){.version-two #main .p30-vr-play{background:#f2f7ff;backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.version-two #main .p30-vr-play{background:#f2f7ff}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-alfa-product-f30-videos.css.map */