.version-two #main .p30-install-choice-section{background:#061424;color:#fff;padding:80px 0 104px;--p30-text:#c4d5e6;--p30-accent:#a8caff}.version-two #main .p30-i-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 0 44px}.version-two #main .p30-page .p30-i-heading h2{font-size:clamp(36px,4.2vw,56px);line-height:1.08;color:#fff}.version-two #main .p30-page .p30-i-heading>p{margin:0 0 4px;max-width:30ch;font-size:16px;line-height:1.6;color:#c4d5e6}.version-two #main .p30-i-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.5vw,64px);align-items:start}.version-two #main .p30-i-option{min-width:0}.version-two #main .p30-page .p30-i-preview{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16/10;margin:0;padding:0;border:0;border-radius:20px;overflow:hidden;background:#10263b;color:#fff;text-align:left}.version-two #main .p30-i-preview>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}.version-two #main .p30-i-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#06142412 30%,#06142405 45%,#061424b3);pointer-events:none}.version-two #main .p30-i-duration{position:absolute;z-index:1;right:16px;top:16px;padding:5px 9px;border-radius:6px;background:#071a30b8;color:#fff;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.version-two #main .p30-i-play{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;min-height:56px;padding:13px 16px;background:#eaf4ff1c;border:1px solid #eaf4ff69;border-radius:14px;backdrop-filter:blur(18px) brightness(.65);-webkit-backdrop-filter:blur(18px) brightness(.65);color:#fff;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s}.version-two #main .p30-i-play>.p30-icon:first-child{width:20px;height:20px}.version-two #main .p30-i-play>.p30-icon:last-child{margin-left:auto;width:19px;height:19px;transition:transform .25s}.version-two #main .p30-i-copy{padding:26px 0 0}.version-two #main .p30-page .p30-i-copy h3{font-size:30px;line-height:1.15;color:#fff}.version-two #main .p30-page .p30-i-copy>p{margin:12px 0 0;max-width:49ch;font-size:15px;line-height:1.7;color:#c4d5e6}.version-two #main .p30-i-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0 18px;font-size:12px;line-height:1.5;color:#c4d5e6}.version-two #main .p30-i-facts>span{display:flex;align-items:center;gap:8px}.version-two #main .p30-i-facts .p30-icon{width:17px;height:17px;color:#a8caff}.version-two #main .p30-i-details{border-block:1px solid #b2d4ee30}.version-two #main .p30-i-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:#fff}.version-two #main .p30-i-details>summary::-webkit-details-marker{display:none}.version-two #main .p30-i-details>summary .p30-icon{width:18px;height:18px;transition:transform .25s}.version-two #main .p30-i-details[open]>summary .p30-icon{transform:rotate(45deg)}.version-two #main .p30-i-details>div{padding:0 0 20px}.version-two #main .p30-page .p30-i-details p{margin:0 0 12px;color:#c4d5e6;font-size:14px;line-height:1.75}.version-two #main .p30-page .p30-i-details a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#a8caff;font-size:13px;text-decoration:underline}.version-two #main .p30-i-details a .p30-icon{width:17px;height:17px}.version-two #main .p30-i-next{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.version-two #main .p30-page .p30-i-next>:is(a,button){display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:5px 0;background:none;border:0;color:#a8caff;text-decoration:none;text-align:left;font-size:13px;font-weight:600;line-height:1.6}.version-two #main .p30-i-next .p30-icon{width:18px;height:18px}.version-two #main .p30-i-next>span{flex:none;color:#fff;text-align:right;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.version-two #main .p30-i-next small{display:block;font-size:10px;font-weight:400;color:#c4d5e6}.version-two #main .p30-install-choice-section :is(button,a,summary):focus-visible{outline:3px solid #a8caff;outline-offset:5px}.version-two #main .p30-page .p30-install-modal{width:min(480px,calc(100vw - 32px));padding:20px}.version-two #main .p30-install-modal .p30-video-modal-head{gap:16px;margin-bottom:16px}.version-two #main .p30-page .p30-install-modal h2{font-size:22px}.version-two #main .p30-install-modal video{width:100%;height:min(65svh,640px);max-height:calc(100svh - 180px);aspect-ratio:9/16;object-fit:contain;border-radius:12px}.version-two #main .p30-page .p30-i-video-note{margin:12px 0 0;color:#c4d7ea;font-size:11px;line-height:1.6}.version-two #main .p30-video-error button{min-height:44px;background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#fff;padding:8px 0}@media(hover:hover){.version-two #main .p30-i-preview:hover>img{transform:scale(1.035)}.version-two #main .p30-i-preview:hover .p30-i-play{background:#eaf4ff30}.version-two #main .p30-i-preview:hover .p30-i-play>.p30-icon:last-child{transform:translate(4px)}.version-two #main .p30-page .p30-i-next>:is(a,button):hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:760px){.version-two #main .p30-install-choice-section{padding:60px 0 72px}.version-two #main .p30-i-heading{display:block;margin-bottom:30px}.version-two #main .p30-page .p30-i-heading h2{font-size:38px}.version-two #main .p30-page .p30-i-heading>p{margin:18px 0 0;font-size:14px}.version-two #main .p30-i-options{grid-template-columns:1fr;gap:48px}.version-two #main .p30-i-play{left:14px;right:14px;bottom:14px;gap:10px;padding:12px;min-height:50px;font-size:12px}.version-two #main .p30-i-copy{padding-top:22px}.version-two #main .p30-page .p30-i-copy h3{font-size:27px}.version-two #main .p30-page .p30-i-copy>p{font-size:14px}.version-two #main .p30-i-facts{gap:10px 20px;margin:18px 0;font-size:11px}.version-two #main .p30-i-next{gap:12px}.version-two #main .p30-page .p30-i-next>:is(a,button){font-size:12px;gap:8px}.version-two #main .p30-i-next>span{font-size:17px}}@media(prefers-reduced-motion:reduce){.version-two #main .p30-install-choice-section *{transition:none!important;animation:none!important}.version-two #main .p30-i-preview:hover>img{transform:none}}@media(prefers-reduced-transparency:reduce){.version-two #main .p30-i-play,.version-two #main .p30-i-duration{background:#18344e;backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter:blur(18px)) or (-webkit-backdrop-filter:blur(18px))){.version-two #main .p30-i-play,.version-two #main .p30-i-duration{background:#18344e}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-source-product-f30-install-b62eab68.css.map */