/* Start:/bitrix/templates/alpha_s1/components/bitrix/catalog.element/main/gallery-video.a981ba627e0d.css?17915381331758*/
.item-detail-content .kzto-gallery-video-stage { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; background: #f6f6f6; }
.item-detail-content .kzto-gallery-video-stage .kzto-gallery-video-poster { display: block; width: 100%; height: 100%; object-fit: cover; }
.item-detail-content .kzto-gallery-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; }
.item-detail-content .kzto-gallery-video.is-ready { opacity: 1; }
.kzto-gallery-video-toggle { position: absolute; z-index: 2; right: 16px; bottom: 16px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #ffffff80; border-radius: 50%; background: #161a1db3; color: #fff; cursor: pointer; }
.kzto-gallery-video-toggle:focus-visible, .kzto-gallery-video-thumb:focus-visible { outline: 2px solid #0b8d9b; outline-offset: 3px; }
.kzto-gallery-video-toggle .kzto-video-pause, .kzto-gallery-video-toggle.is-playing .kzto-video-play { display: none; }
.kzto-gallery-video-toggle.is-playing .kzto-video-pause { display: block; }
.kzto-gallery-video-toggle[hidden] { display: none; }
.kzto-gallery-video-caption { position: absolute; bottom: 20px; left: 16px; padding: 4px 8px; border-radius: 6px; background: #161a1db3; color: #fff; font-size: 12px; line-height: 20px; pointer-events: none; }
.kzto-gallery-video-thumb { position: relative; }
.kzto-gallery-video-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #ffffffb3; border-radius: 50%; background: #161a1d99; color: #fff; pointer-events: none; }

/* End */


/* Start:/bitrix/templates/alpha_s1/css/catalog-video-cover.868008987bad.css?1791537287459*/
.kzto-video-cover-frame { position: relative; }
.kzto-video-cover-frame > .kzto-card-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
}
.kzto-video-cover-frame > .kzto-card-video.is-ready { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    .kzto-video-cover-frame > .kzto-card-video { display: none; }
}

/* End */
/* /bitrix/templates/alpha_s1/components/bitrix/catalog.element/main/gallery-video.a981ba627e0d.css?17915381331758 */
/* /bitrix/templates/alpha_s1/css/catalog-video-cover.868008987bad.css?1791537287459 */