.co-vwscreen-scene{--ci-blue:#8ecaff;--ci-header:0px;--ci-bottom:0px;--ci-bg:#101419;--ci-progress:0;position:relative;isolation:isolate;height:380vh;height:380svh;background:var(--ci-bg);color:#edf3f8;font-family:Lato,Arial,sans-serif;scroll-margin-top:var(--ci-header)}.co-vwscreen-scene *{box-sizing:border-box}.co-vwscreen-scene .co-install-pin{position:relative;top:auto;height:calc(100svh - var(--ci-header) - var(--ci-bottom));min-height:0;padding:30px 0 18px;display:flex;align-items:center}.co-vwscreen-scene .co-install-layout{width:min(1440px,calc(100% - 80px));height:100%;max-height:1080px;min-height:0;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.co-vwscreen-scene .co-install-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.67fr);align-items:end;gap:40px;width:100%}.co-vwscreen-scene .co-install-eyebrow{font-size:11px;line-height:1.4;color:#a6c7e0;font-weight:700;letter-spacing:.035em;margin:0 0 9px}.co-vwscreen-scene h2{font-family:Poppins,Arial,sans-serif;font-size:clamp(27px,3vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.035em;color:#f1f5f8;margin:0;max-width:640px}.co-vwscreen-scene .co-install-body{font-size:15px;line-height:1.55;color:#becbd6;margin:0;max-width:440px;min-height:47px;align-self:end;padding-bottom:2px}.co-vwscreen-scene .co-install-visual{position:relative;min-width:0;min-height:0;width:100%;height:100%}.co-vwscreen-scene .co-install-stage{position:relative;min-width:0;min-height:0;width:100%;height:100%;background:var(--ci-bg);overflow:hidden;contain:layout style;border-radius:8px}.co-vwscreen-scene canvas{display:block;width:100%;height:100%;max-width:100%;outline:0;touch-action:pan-y;opacity:0;transition:opacity .25s ease}.co-vwscreen-scene .co-install-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;opacity:1;transition:opacity .25s ease}.co-vwscreen-scene .co-install-stage[data-state=ready] canvas{opacity:1}.co-vwscreen-scene .co-install-stage[data-state=ready] .co-install-poster{opacity:0}.co-vwscreen-scene .co-install-load{position:absolute;inset:auto 15px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;padding:14px 18px;border-radius:12px;background:#101419e8;text-align:center}.co-vwscreen-scene .co-install-load[hidden]{display:none}.co-vwscreen-scene .co-install-load p{font-size:13px;line-height:1.5;color:#d5e0e8;max-width:300px;margin:0}.co-vwscreen-scene .co-install-load button{-webkit-appearance:none;appearance:none;min-height:44px;padding:9px 15px;border:1px solid #6c879c;border-radius:7px;background:transparent;color:#d7edff;font:700 13px/1.4 Lato,Arial,sans-serif;cursor:pointer}.co-vwscreen-scene .co-install-load button:hover{background:#213b50;color:#fff}.co-vwscreen-scene .co-install-load button[hidden]{display:none}.co-vwscreen-scene .co-install-rail{position:absolute;z-index:2;right:0;top:50%;width:44px;height:240px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.co-vwscreen-scene .co-install-progress{position:absolute;top:22px;bottom:22px;left:20px;width:4px;overflow:hidden;border-radius:4px;background:#ffffff24;pointer-events:none}.co-vwscreen-scene .co-install-progress>span{display:block;width:100%;height:100%;background:var(--ci-blue);transform:scaleY(var(--ci-progress));transform-origin:top center;will-change:transform}.co-vwscreen-scene .co-install-rail button{position:relative;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#b8c6d2;font:700 10px/1 Lato,Arial,sans-serif;box-shadow:none;cursor:pointer;touch-action:manipulation}.co-vwscreen-scene .co-install-rail button>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #667986;border-radius:50%;background:#17212a;transition:background .16s,color .16s,border-color .16s}.co-vwscreen-scene .co-install-rail button[aria-pressed=true]>span{color:#0d2a40;border-color:var(--ci-blue);background:var(--ci-blue);box-shadow:0 0 0 5px #8ecaff18}.co-vwscreen-scene .co-install-rail button[data-complete=true]>span{border-color:#8ecaff99;color:#cce8ff}.co-vwscreen-scene .co-install-rail button:hover>span{background:#294c67;color:#fff;border-color:#b0daff}.co-vwscreen-scene .co-install-rail button:active>span{transform:scale(.94)}.co-vwscreen-scene .co-install-bottom{width:100%;margin:0 auto}.co-vwscreen-scene .co-install-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:44px}.co-vwscreen-scene .co-install-counter{color:#edf4fa;font-size:13px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:0}.co-vwscreen-scene .co-install-counter span{color:#91a5b6;font-weight:400;margin-left:5px}.co-vwscreen-scene .co-install-scroll{display:flex;align-items:center;gap:7px;color:#d6e7f5;font-size:12px;line-height:1.4;font-weight:700;margin:0;text-align:center}.co-vwscreen-scene .co-install-scroll svg{width:20px;height:20px;fill:none;stroke:var(--ci-blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.co-vwscreen-scene .co-install-arrows{display:flex;justify-self:end;gap:8px}.co-vwscreen-scene .co-install-arrows button{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:1px solid #73899a55;border-radius:50%;background:#26364366;color:#c8e7ff;font:400 21px/1 Lato,Arial,sans-serif;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:background .16s}.co-vwscreen-scene .co-install-arrows button:hover{background:#28465d;color:#fff}.co-vwscreen-scene .co-install-arrows button:active{background:#345b79}.co-vwscreen-scene .co-install-arrows button:disabled{color:#879dad;opacity:.4;cursor:default;background:transparent}.co-vwscreen-scene .co-install-disclosure{font-size:10px;line-height:1.5;color:#99aab8;text-align:center;margin:9px auto 0;max-width:620px}.co-vwscreen-scene button:focus-visible{outline:3px solid #8ecaff;outline-offset:3px}.co-vwscreen-scene .co-install-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1000px){.co-vwscreen-scene .co-install-layout{width:calc(100% - 48px);gap:16px}.co-vwscreen-scene .co-install-copy{gap:25px}.co-vwscreen-scene h2{font-size:30px}.co-vwscreen-scene .co-install-body{font-size:14px}.co-vwscreen-scene .co-install-rail{right:-8px}}@media(max-width:760px){.co-vwscreen-scene{height:340svh}.co-vwscreen-scene .co-install-pin{padding:20px 0 12px}.co-vwscreen-scene .co-install-layout{width:calc(100% - 32px);gap:12px}.co-vwscreen-scene .co-install-copy{grid-template-columns:1fr;gap:9px}.co-vwscreen-scene .co-install-eyebrow{font-size:10px;margin-bottom:7px}.co-vwscreen-scene h2{font-size:27px;line-height:1.17;max-width:350px;min-height:64px}.co-vwscreen-scene .co-install-body{font-size:13px;line-height:1.5;min-height:59px;padding:0;max-width:440px}.co-vwscreen-scene .co-install-rail{right:-13px;height:206px}.co-vwscreen-scene .co-install-rail button>span{width:21px;height:21px;font-size:9px}.co-vwscreen-scene .co-install-navigation{gap:8px}.co-vwscreen-scene .co-install-counter{font-size:11px}.co-vwscreen-scene .co-install-counter span{margin-left:2px}.co-vwscreen-scene .co-install-scroll{gap:4px;font-size:11px}.co-vwscreen-scene .co-install-scroll svg{width:17px;height:17px}.co-vwscreen-scene .co-install-arrows{gap:4px}.co-vwscreen-scene .co-install-disclosure{font-size:9px;margin-top:7px;max-width:300px}.co-vwscreen-scene .co-install-load{right:25px;left:10px;bottom:10px;padding:10px;gap:7px}.co-vwscreen-scene .co-install-load p{font-size:12px}}@media(max-width:359px){.co-vwscreen-scene .co-install-layout{width:calc(100% - 28px);gap:9px}.co-vwscreen-scene .co-install-pin{padding-top:15px}.co-vwscreen-scene h2{font-size:24px;min-height:57px}.co-vwscreen-scene .co-install-body{font-size:12px;min-height:54px}.co-vwscreen-scene .co-install-scroll{font-size:10px}.co-vwscreen-scene .co-install-arrows{gap:0}.co-vwscreen-scene .co-install-counter{font-size:10px}.co-vwscreen-scene .co-install-disclosure{font-size:8.5px}}@media(min-width:761px)and (max-height:720px){.co-vwscreen-scene .co-install-pin{padding:18px 0 10px}.co-vwscreen-scene .co-install-layout{gap:13px}.co-vwscreen-scene h2{font-size:29px}.co-vwscreen-scene .co-install-body{font-size:13px;min-height:41px}.co-vwscreen-scene .co-install-eyebrow{margin-bottom:6px}.co-vwscreen-scene .co-install-rail{height:200px}.co-vwscreen-scene .co-install-disclosure{margin-top:5px}}@media(max-height:540px)and (min-width:541px){.co-vwscreen-scene .co-install-pin{padding:9px 0}.co-vwscreen-scene .co-install-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;gap:8px 20px;width:calc(100% - 36px)}.co-vwscreen-scene .co-install-copy{grid-column:1;grid-row:1;display:block}.co-vwscreen-scene .co-install-eyebrow{font-size:9px}.co-vwscreen-scene h2{font-size:24px;min-height:0}.co-vwscreen-scene .co-install-body{font-size:12px;line-height:1.45;margin-top:10px;min-height:0}.co-vwscreen-scene .co-install-visual{grid-column:2;grid-row:1/3}.co-vwscreen-scene .co-install-bottom{grid-column:1;grid-row:2;align-self:end}.co-vwscreen-scene .co-install-rail{height:185px}.co-vwscreen-scene .co-install-navigation{grid-template-columns:1fr auto}.co-vwscreen-scene .co-install-scroll{grid-row:2;grid-column:1/3;justify-content:center}.co-vwscreen-scene .co-install-disclosure{font-size:9px;line-height:1.3}}@media(prefers-reduced-motion:reduce){.co-vwscreen-scene{height:auto;padding:38px 0}.co-vwscreen-scene .co-install-pin{position:relative;top:auto;height:auto;padding:0}.co-vwscreen-scene .co-install-layout{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px}.co-vwscreen-scene .co-install-copy{grid-column:1;grid-row:1}.co-vwscreen-scene .co-install-visual{grid-column:1;grid-row:2;height:clamp(260px,48vw,580px)}.co-vwscreen-scene .co-install-bottom{grid-column:1;grid-row:3}.co-vwscreen-scene .co-install-scroll svg{display:none}.co-vwscreen-scene canvas,.co-vwscreen-scene .co-install-poster,.co-vwscreen-scene button,.co-vwscreen-scene button>span{transition:none}}.co-vwscreen-scene[data-pin-state=pinned] .co-install-pin{position:fixed;z-index:2;left:0;right:0;top:var(--ci-header);width:100%}.co-vwscreen-scene[data-pin-state=after] .co-install-pin{position:absolute;left:0;right:0;top:auto;bottom:0;width:100%}@media(prefers-reduced-motion:reduce){.co-vwscreen-scene[data-pin-state] .co-install-pin{position:relative;inset:auto;width:100%}}.co-vwscreen-scene .co-install-pin{padding-bottom:max(82px,env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){.co-vwscreen-scene .co-install-pin{padding-bottom:70px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/co-vwscreen-install.css.map */