.ss{--ss-amb-blur:34px;position:relative;isolation:isolate;width:100%;margin:0}.ss-amb{position:absolute;inset:4% 2%;z-index:-1;transform:scale(1.1);pointer-events:none}.ss-amb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(var(--ss-amb-blur)) saturate(1.6);transition:opacity 1.4s var(--ease-in-out);will-change:opacity}.ss-amb img.is-active{opacity:var(--ss-amb-o,.62)}.ss-frame{position:relative;padding:1.1%;border-radius:1.4%/2.5%;background:linear-gradient(160deg,#2b3343,#0d121c 52%,#05080e);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 0 0 1px hsla(0,0%,100%,.07),0 34px 60px -34px rgba(0,0,0,.85)}.ss-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.5%/.9%;background:#02040a}.ss-still,.ss-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ss-still{opacity:0;transition:opacity 1.2s var(--ease-in-out)}.ss-still.is-active{opacity:1}.ss-glass{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03) 30%,transparent 44%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}