.fs-screenshot{margin:0;overflow:hidden;padding:0}@media screen and (min-width:768px){.fs-screenshot.tablet{margin-bottom:-2rem;padding-bottom:2rem}}.viewport-wrapper{margin-inline:auto;position:relative}.mobile{--viewport-width:460px;--viewport-border-radius:calc(var(--viewport-width)*0.1478);--shadow-middle-factor:1;--bezel-width:calc(var(--viewport-width)*0.01739);--bezel-outer-width:5px}.tablet{--viewport-width:1200px;--viewport-border-radius:calc(var(--viewport-width)*0.0222);--shadow-middle-factor:2;--bezel-width:calc(var(--viewport-width)*0.02667);--bezel-outer-width:2px}.mobile .viewport-wrapper{max-width:460px}.tablet .viewport-wrapper{max-width:1200px}.fs-screenshot .bezel{background-color:#000;border-radius:calc(var(--viewport-border-radius) + var(--bezel-width) + var(--bezel-outer-width));padding:calc(var(--bezel-width) + var(--bezel-outer-width));position:relative;z-index:2}.fs-screenshot .viewport{background-color:#000;border-radius:var(--viewport-border-radius);display:block;line-height:0;overflow:hidden;position:relative;width:100%;z-index:3}.mobile .bezel{box-shadow:inset 0 0 3px 3px #1e625c,inset 0 0 1px 4px #8adbd4,inset 0 0 0 5px #267d76,inset 0 0 0 6px #2c2b28,inset 0 0 0 6.5px #7b7b7b,inset 0 0 calc(var(--bezel-width)*.75) 7.5px #9b9b9b}.tablet .bezel{box-shadow:inset 0 0 1px 1px #1e625c,inset 0 0 .5px 1.5px #8adbd4,inset 0 0 0 2px #267d76,inset 0 0 0 2.5px #2c2b28,inset 0 0 0 2.75px #7b7b7b,inset 0 0 calc(var(--bezel-width)*.25) 3px #9b9b9b}.fs-screenshot img{background-color:#fff;height:auto;position:relative;width:100%;z-index:3}.viewport-wrapper .lens{background:radial-gradient(circle,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.5) 20%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 100%),radial-gradient(circle,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.3) 20%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 100%),radial-gradient(circle,#080326 0,#14199c 26.9%,#202b8a 27%,#13199b 32%,#252e88 34%,#5053a2 36%,#2f2f6b 38%,#110f19 39%,#150915 40%,#1d0c20 95.9%,#241327 96%,#241327 100%);background-position:50% 35%,50% 65%,50%;background-repeat:no-repeat;background-size:30% 30%,25% 25%,100% 100%;border-radius:50%;display:block;position:absolute;z-index:3}.mobile .viewport-wrapper .lens{padding-top:4.65116279%;right:37%;top:calc(2.54% + 13px);width:4.65116279%}.tablet .viewport-wrapper .lens{height:calc(var(--bezel-width) - 8px);right:52%;top:calc(var(--bezel-width)/2 + 2px);transform:translateY(-50%);width:calc(var(--bezel-width) - 8px)}.fs-screenshot .viewport-shadow{background:radial-gradient(rgba(0,0,0,.1) 0,transparent 50%),radial-gradient(rgba(0,0,0,.2) 0,transparent 60%),linear-gradient(90deg,transparent calc(var(--viewport-border-radius)*.3),rgba(0,0,0,.6) calc(var(--viewport-border-radius)*var(--shadow-middle-factor)),rgba(0,0,0,.6) calc(100% - var(--viewport-border-radius)*var(--shadow-middle-factor)),transparent calc(100% - var(--viewport-border-radius)*.3)),linear-gradient(90deg,transparent calc(var(--viewport-border-radius)*.75),rgba(0,0,0,.8) calc(var(--viewport-border-radius)*var(--shadow-middle-factor)),rgba(0,0,0,.8) calc(100% - var(--viewport-border-radius)*var(--shadow-middle-factor)),transparent calc(100% - var(--viewport-border-radius)*.75));background-position:50% 51%,50% 51%,50% calc(50% + 1px),50% calc(50% + 2px);background-repeat:no-repeat;background-size:160% 100%,120% 30%,100% 4px,100% 4px;display:block;filter:blur(.5px);left:0;padding-top:20%;position:absolute;top:calc(100% - 2px);transform:translateY(-50%);width:100%;z-index:1}.no-image{background-color:#fff;position:relative;z-index:3}.mobile .no-image{padding-top:217.41293532%;width:460px}.tablet .no-image{padding-top:75%;width:900px}.no-image .no-image-content{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.no-image .no-image-content span{display:block;text-align:center}.fs-screenshot figcaption{margin-inline:2rem;margin-top:.75rem;text-align:center;@media screen and (min-width:768px){margin-top:1.5rem}}.fs-screenshot figcaption.caption{font-size:12px}.fs-screenshot figcaption .caption-title:after{content:": "}