<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">lazy-video{display:block;width:100%;position:relative}lazy-video video,lazy-video .video-preview{width:100%;height:100%;object-fit:var(--object-fit, cover);display:block}lazy-video:not(.no-aspect-ratio) video,lazy-video:not(.no-aspect-ratio) .video-preview{aspect-ratio:var(--mobile-aspect-ratio, var(--aspect-ratio, 16/9))!important}@media (min-width: 768px){lazy-video:not(.no-aspect-ratio) video,lazy-video:not(.no-aspect-ratio) .video-preview{aspect-ratio:var(--aspect-ratio, 16/9)!important}}lazy-video .video-preview svg{width:100%;height:100%}lazy-video button{height:100%;width:100%;position:absolute;cursor:pointer;border:none;background:transparent;left:0;top:0;padding:0;z-index:1}lazy-video:not(.no-controls) button:before{content:"";bottom:0;right:0;position:absolute;height:72px;width:72px;background-image:url('data:image/svg+xml,&lt;svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M8.5 16.5V6.95052L15.1431 11.5177L8.5 16.5Z" fill="white" stroke="white"/&gt;&lt;/svg&gt;');background-repeat:no-repeat;background-position:center;transform:scale(.8)}@media (min-width: 768px){lazy-video:not(.no-controls) button:before{transform:scale(1)}}lazy-video:hover button:before{background-color:#877968}lazy-video:not(.no-controls) button[aria-pressed=true]:before{background-image:url('data:image/svg+xml,&lt;svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;&lt;line x1="16.5" y1="6" x2="16.5" y2="18" stroke="white"/&gt;&lt;line x1="8.5" y1="6" x2="8.5" y2="18" stroke="white"/&gt;&lt;/svg&gt;')}lazy-video:not(.no-controls) button:focus-visible:before{outline:4px solid white;outline-offset:2px}lazy-video:not(.no-controls) button.permanent:before,lazy-video:not(.no-controls):hover button:before,lazy-video:not(.no-controls) button:focus-visible:before,lazy-video:not(.no-controls):has(.video-preview) button:before{display:block}lazy-video .video-preview~video{display:none}lazy-video .desktop-video{display:none}@media (min-width: 768px){lazy-video .mobile-video{display:none}lazy-video .desktop-video{display:block}}.cmp-hero__play-pause-button{z-index:10}
/*# sourceMappingURL=/cdn/shop/t/1178/assets/component-lazy-video.css.map */
</pre></body></html>