.product:has(.uf-install-videos),.product:has(.uf-install-videos) .product__media-wrapper,.product:has(.uf-install-videos) .product__info-wrapper,.product:has(.uf-install-videos) .product__media-list,.product:has(.uf-install-videos) .product__media-item{min-width:0}.uf-install-videos,.uf-install-videos *,.uf-install-videos *:before,.uf-install-videos *:after{box-sizing:border-box}.uf-install-videos{width:100%;max-width:100%;min-width:0;overflow:hidden;contain:inline-size}.uf-install-videos__header,.uf-install-videos__heading-wrap,.uf-install-videos__track{width:100%;max-width:100%;min-width:0}.uf-install-videos{margin:18px 0 22px;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff}.uf-install-videos__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.uf-install-videos__heading-wrap{min-width:0}.uf-install-videos__title{margin:0;font-size:16px;line-height:1.3;font-weight:600}.uf-install-videos__subtitle{margin:4px 0 0;font-size:13px;line-height:1.45;opacity:.72}.uf-install-videos__nav{display:flex;gap:8px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.uf-install-videos:hover .uf-install-videos__nav,.uf-install-videos:focus-within .uf-install-videos__nav{opacity:1;pointer-events:auto}.uf-install-videos__arrow{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.14);background:#fff;color:currentColor;cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.uf-install-videos__arrow:hover{transform:translateY(-1px)}.uf-install-videos__arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}.uf-install-videos__track{display:flex;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.uf-install-videos__track::-webkit-scrollbar{display:none}.uf-install-video-card{flex:0 0 calc((100% - 24px) / 3);width:calc((100% - 24px) / 3);max-width:calc((100% - 24px) / 3);min-width:0;scroll-snap-align:start;border:0;padding:0;text-align:left;background:transparent;color:currentColor;cursor:pointer;-webkit-appearance:none;appearance:none}.uf-install-video-card__thumb{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:16 / 9;background:#f3f3f3}.uf-install-video-card__thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.uf-install-video-card:hover .uf-install-video-card__thumb img{transform:scale(1.04)}.uf-install-video-card__play{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:#000000b8}.uf-install-video-card__play:before{content:"";position:absolute;left:17px;top:12px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff}.uf-install-video-card__title{display:block;margin-top:8px;font-size:13px;line-height:1.35;font-weight:500;color:currentColor}.uf-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.uf-video-modal.is-open{display:flex}.uf-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.uf-video-modal__dialog{position:relative;z-index:1;width:min(920px,100%)}.uf-video-modal__close{position:absolute;right:-12px;top:-44px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#000;font-size:26px;line-height:1;cursor:pointer}.uf-video-modal__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:14px;overflow:hidden}.uf-video-modal__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}body.uf-video-modal-open{overflow:hidden}@media screen and (max-width:749px){.uf-install-videos{padding:14px}.uf-install-videos__nav{opacity:1;pointer-events:auto}.uf-install-video-card{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2);max-width:calc((100% - 12px)/2)}.uf-video-modal__close{right:0;top:-44px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/installation-videos.build.css.map */