.seatshop__installation-videos{display:flex;flex-wrap:wrap;margin:20px -10px;gap:20px}.seatshop__installation-videos--single{display:grid;grid-template-columns:1fr;margin:20px 0;gap:20px}.seatshop__installation-videos--single .seatshop__installation-video,.seatshop__installation-videos--single .seatshop__installation-video-opener{width:100%;max-width:none;margin:0}.seatshop__installation-video-opener{box-sizing:border-box;width:calc(50% - 20px);margin:0;position:relative;cursor:pointer}.seatshop__installation-video-thumbnail{width:100%;padding:0;border:none;background:transparent;cursor:pointer;position:relative;overflow:hidden;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease}.seatshop__installation-video-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.seatshop__installation-video-thumbnail-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000}.seatshop__installation-video-thumbnail-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.seatshop__installation-video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:1}.seatshop__installation-video-thumbnail:hover .seatshop__installation-video-play-icon{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.seatshop__installation-video-play-icon svg{width:24px;height:24px;fill:#fff}.seatshop-install-video-modal{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000c;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease}.seatshop-install-video-modal[open]{opacity:1;visibility:visible;z-index:101}.seatshop-install-video-modal__content{position:relative;width:90%;max-width:1200px;max-height:90vh;background:#000;border-radius:8px;padding:40px;box-sizing:border-box}.seatshop-install-video-modal__toggle{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background .2s ease}.seatshop-install-video-modal__toggle:hover{background:#fff}.seatshop-install-video-modal__toggle .icon{width:20px;height:20px}.seatshop-install-video-modal__video-wrapper{position:relative;width:100%;padding-top:56.25%}.seatshop-install-video-modal__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:4px}@media (max-width: 749px){.seatshop__installation-video-opener{width:calc(90% - 20px);min-width:calc(90% - 20px);flex-shrink:0}.seatshop__installation-videos{display:flex;flex-wrap:nowrap;margin:20px -10px;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:20px}.seatshop-install-video-modal__content{width:95%;padding:20px}.seatshop-install-video-modal__toggle{top:5px;right:5px;width:36px;height:36px}.seatshop__installation-video-play-icon{width:56px;height:56px}.seatshop__installation-video-play-icon svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-seatshop-product-installvideos.css.map */