/* Extracted from original inline style block: web-live-scroll-styles. Order is intentional. */
#projects .web-cinema-card{overflow:hidden}
#projects .web-live-preview{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .32s ease;background:transparent}
#projects .web-cinema-card.is-active .web-live-preview:has(iframe){opacity:1;pointer-events:auto}
#projects .web-live-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff;overflow:auto;overscroll-behavior:contain}
#projects .web-cinema-card.is-active:has(iframe){cursor:default}
#projects .web-cinema-card.is-active:has(iframe) .web-cinema-art{opacity:0;pointer-events:none}
@media(max-width:760px){#projects .web-live-preview iframe{width:100%;height:100%}}
#projects .web-cinema-art{background:#edf0f1!important;opacity:1!important;pointer-events:none!important}
body.dark #projects .web-cinema-art{background:#242b34!important}
#projects .web-cinema-card.is-active:has(iframe) .web-cinema-art{opacity:0!important}