.live-thumbnail{position:relative;display:block;width:100%;aspect-ratio:1440/1000;overflow:hidden;isolation:isolate;background:#e4e8df;pointer-events:none}.live-thumbnail>img{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:top;transition:opacity .35s!important;transform:none!important}.live-thumbnail>iframe{position:absolute;left:0;top:0;border:0;max-width:none!important;transform-origin:0 0;opacity:0;pointer-events:none;transition:opacity .35s;z-index:1;background:var(--paper)}.live-thumbnail>iframe.is-current{opacity:1}.live-thumbnail.is-loaded>img{opacity:0}.live-thumbnail.is-loading:not(.is-loaded)>img{opacity:.65}.work-image>.live-thumbnail{aspect-ratio:1.35}.work-card:hover .live-thumbnail{filter:saturate(1.035)}.related-work>div>.live-thumbnail{height:100%;aspect-ratio:auto}.case-detail-image>.live-thumbnail{aspect-ratio:1.44}.intro-browser>.live-thumbnail{aspect-ratio:1.44}.live-thumbnail[data-native-width="390"],.intro-mobile>.live-thumbnail{aspect-ratio:390/844}.browser-demo>.live-thumbnail{aspect-ratio:1.15}.live-thumbnail.is-unavailable>img{opacity:1}.live-thumbnail.is-unavailable:after{content:'公開画面を読み込めませんでした';position:absolute;bottom:0;left:0;right:0;background:#193e49dc;color:var(--paper);padding:8px 12px;font-size:11px;z-index:2}.live-thumbnail>iframe:focus{outline:none}@media(prefers-reduced-motion:reduce){.live-thumbnail>img,.live-thumbnail>iframe{transition:none!important}}