.fs-screenshot{margin:0;overflow:hidden;padding:1rem 1rem 3rem}.fs-screenshot.tablet{@media screen and (max-width:768px){padding-bottom:3rem;padding-left:0;padding-right:0;padding-top:1rem}}.viewport-wrapper{margin-inline:auto;position:relative}.mobile{--viewport-width:460px;--viewport-border-radius:calc(var(--viewport-width)*0.1478);--shadow-middle-factor:1}.tablet{--viewport-width:900px;--viewport-border-radius:calc(var(--viewport-width)*0.0222);--shadow-middle-factor:2;--tablet-screen-width:calc(var(--viewport-width)*0.02667)}.mobile .viewport-wrapper{max-width:460px;padding:13px}.tablet .viewport-wrapper{max-width:1200px;padding:calc(var(--tablet-screen-width) + 2px)}.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:2}.mobile .viewport{box-shadow:0 0 3px 4px #000,0 0 0 6.5px #636363,0 0 0 7px #7e7e7e,0 0 0 8px #2c2b28,0 0 1px 9px #267d76,0 0 3px 10px #8adbd4,0 0 0 13px #1e625c}.tablet .viewport{box-shadow:0 0 calc(var(--tablet-screen-width)*.125) calc(var(--tablet-screen-width)*.83333) #000,0 0 0 var(--tablet-screen-width) #2c2b28,0 0 1px calc(var(--tablet-screen-width) + .5px) #267d76,0 0 2px calc(var(--tablet-screen-width) + 1px) #8adbd4,0 0 0 calc(var(--tablet-screen-width) + 2px) #1e625c}.fs-screenshot img{background-color:#fff;height:auto;position:relative;width:100%;z-index:2}.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(--tablet-screen-width) - 8px);right:52%;top:calc(var(--tablet-screen-width)/2 + 2px);transform:translateY(-50%);width:calc(var(--tablet-screen-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:2}.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:": "}