.bf-product-installation,.bf-product-installation *{box-sizing:border-box}.bf-product-installation{display:block;width:100%;scroll-margin-top:calc(var(--bf-nav-height, 76px) + 16px);overflow:hidden;color:var(--bf-installation-text, #24201e);background:var(--bf-installation-background, #fbfaf7);font-family:"DM Sans","Gilroy",var(--font-body-family),sans-serif;-webkit-user-select:text;user-select:text}.bf-product-installation__inner{width:min(100%,1512px);margin:0 auto;padding:48px 20px 0}.bf-product-installation__heading{width:100%;margin:0 0 24px;color:var(--bf-installation-text, #24201e);font-family:"BF DM Sans","DM Sans","Gilroy",var(--font-heading-family),sans-serif;font-size:26px;font-weight:900;line-height:34px;text-align:center;text-transform:capitalize;letter-spacing:0}.bf-product-installation__heading-accent{display:block;color:var(--bf-installation-accent, #fc4c02)}.bf-product-installation__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;margin:0;padding:0;list-style:none}.bf-product-installation__step{min-width:0;margin:0;padding:0}.bf-product-installation__media{position:relative;isolation:isolate;width:100%;aspect-ratio:1;overflow:hidden;background:#eee9e2}.bf-product-installation__activation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.bf-product-installation__activation .bf-product-installation__toggle-control{pointer-events:none}.bf-product-installation__activation[aria-pressed=true] .bf-product-installation__toggle-control{visibility:hidden}.bf-product-installation__activation:focus-visible{outline:3px solid var(--bf-installation-accent, #fc4c02);outline-offset:-3px}.bf-product-installation__fallback,.bf-product-installation__video,.bf-product-installation__image,.bf-product-installation__empty-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bf-product-installation__fallback{z-index:1}.bf-product-installation__image,.bf-product-installation__video{max-width:none;object-fit:var(--bf-installation-media-fit, cover);object-position:center 40%}.bf-product-installation__audio{-webkit-appearance:none;appearance:none;position:absolute;z-index:5;top:8px;right:8px;display:none;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:#0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,transform .12s ease}.bf-product-installation__media.is-playing .bf-product-installation__audio{display:grid}.bf-product-installation__audio[aria-pressed=true]{background:var(--bf-installation-accent, #fc4c02)}.bf-product-installation__audio img{display:block;width:14px;height:10px;pointer-events:none}.bf-product-installation__image{pointer-events:none;-webkit-user-select:none;user-select:none}.bf-product-installation__video{z-index:2;border:0;background:transparent}.bf-product-installation__media--video:not(.is-video-ready) .bf-product-installation__video{visibility:hidden}.bf-product-installation__media--video.is-video-ready .bf-product-installation__fallback{visibility:hidden}.bf-product-installation__media.is-media-error .bf-product-installation__fallback{visibility:visible}.bf-product-installation__media.is-media-error .bf-product-installation__video,.bf-product-installation__media.is-media-error .bf-product-installation__toggle,.bf-product-installation__media.is-media-error .bf-product-installation__audio{display:none}.bf-product-installation__empty-media{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--bf-installation-text, #24201e);background:#eee9e2;font-size:14px;line-height:1.4;text-align:center}.bf-product-installation__toggle{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bf-product-installation__toggle-control{display:flex;width:40px;height:40px;align-items:center;justify-content:center;padding:10px;border-radius:50%;background:#0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .16s ease,background-color .16s ease,transform .16s ease}.bf-product-installation__toggle-icon{position:relative;display:block;width:24px;height:24px}.bf-product-installation__play-icon{position:absolute;top:4.435px;left:8px;display:block;width:11.599px;height:15.132px;max-width:none}.bf-product-installation__media.is-playing .bf-product-installation__toggle{display:none}.bf-product-installation__progress{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:12px;opacity:0;pointer-events:none;transition:opacity .16s ease}.bf-product-installation__progress-track{display:block;width:100%;height:4px;overflow:hidden;border-radius:12px;background:#0000001a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bf-product-installation__progress-value{display:block;width:100%;height:100%;border-radius:24px;background:var(--bf-installation-accent, #fc4c02);transform:scaleX(var(--bf-installation-progress, 0));transform-origin:left center}.bf-product-installation__media.is-playing .bf-product-installation__progress{opacity:1}@media(hover:hover)and (pointer:fine){.bf-product-installation__toggle:hover .bf-product-installation__toggle-control{background:#00000061;opacity:1;transform:scale(1.05)}.bf-product-installation__audio:hover{background:#00000094;transform:translateY(-1px)}.bf-product-installation__audio[aria-pressed=true]:hover{background:var(--bf-installation-accent, #fc4c02)}}.bf-product-installation__audio:active{transform:scale(.94)}.bf-product-installation__audio:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--bf-installation-accent, #fc4c02)}.bf-product-installation__toggle:active .bf-product-installation__toggle-control{background:#0000007a;opacity:1;transform:scale(.94)}.bf-product-installation__toggle:focus-visible{outline:3px solid var(--bf-installation-accent, #fc4c02);outline-offset:-3px}.bf-product-installation__toggle:focus-visible .bf-product-installation__toggle-control{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--bf-installation-accent, #fc4c02)}.bf-product-installation__copy{margin-top:16px}.bf-product-installation__step-title{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--bf-installation-text, #24201e);font-family:"BF DM Sans","DM Sans","Gilroy",var(--font-heading-family),sans-serif;font-size:16px;font-weight:900;line-height:21px;letter-spacing:0}.bf-product-installation__step-number{flex:0 0 auto;color:var(--bf-installation-accent, #fc4c02);font-variant-numeric:tabular-nums}.bf-product-installation__description{margin-top:8px;color:var(--bf-installation-text, #24201e);font-size:14px;line-height:1.4}.bf-product-installation__description>:first-child{margin-top:0}.bf-product-installation__description>:last-child{margin-bottom:0}@media screen and (min-width:750px){.bf-product-installation__inner{padding:clamp(48px,4.2328vw,64px) clamp(32px,4.2328vw,64px)}.bf-product-installation__heading{margin-bottom:40px;font-size:clamp(36px,3.1746vw,48px);line-height:1.2917;white-space:nowrap}.bf-product-installation__heading-accent{display:inline}.bf-product-installation__steps{grid-template-columns:repeat(var(--bf-installation-tablet-columns),minmax(0,1fr));gap:24px 8px;max-width:min(100%,calc((var(--bf-installation-tablet-columns) * 456px) + ((var(--bf-installation-tablet-columns) - 1) * 8px)));margin-inline:auto}.bf-product-installation__copy{margin-top:24px}.bf-product-installation__step-title{font-size:20px;line-height:26px}.bf-product-installation__description{font-size:16px}}@media screen and (min-width:750px)and (max-width:989px){.bf-product-installation__step:last-child:nth-child(odd):not(:only-child){grid-column:1 / -1;width:calc(50% - 4px);justify-self:center}}@media screen and (min-width:990px){.bf-product-installation__steps{grid-template-columns:repeat(var(--bf-installation-desktop-columns),minmax(0,1fr));max-width:min(100%,calc((var(--bf-installation-desktop-columns) * 456px) + ((var(--bf-installation-desktop-columns) - 1) * 8px)))}}.bf-product-installation--full-width .bf-product-installation__inner{width:100%;padding:0}.bf-product-installation--full-width .bf-product-installation__steps{max-width:none}.bf-product-installation--full-width .bf-product-installation__media{aspect-ratio:var(--bf-installation-media-ratio, 16 / 9)}.bf-product-installation--full-width .bf-product-installation__copy{width:min(100%,1512px);margin:0 auto;padding:24px clamp(20px,4.2328vw,64px)}@media(prefers-reduced-motion:reduce){.bf-product-installation__toggle,.bf-product-installation__audio,.bf-product-installation__progress{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bf-product-installation.css.map */