.wp-block-umbrellas-screenshots-iframe{--umbrellas-screenshots-iframe-scale:0.82}.wp-block-umbrellas-screenshots-iframe__frame{margin:0 auto;max-width:80%;position:relative}.wp-block-umbrellas-screenshots-iframe__desktop,.wp-block-umbrellas-screenshots-iframe__mobile{display:none;margin:0 auto}.wp-block-umbrellas-screenshots-iframe__desktop{max-width:80%}.wp-block-umbrellas-screenshots-iframe__desktop img,.wp-block-umbrellas-screenshots-iframe__mobile img{display:block;height:auto;width:100%}.wp-block-umbrellas-screenshots-iframe__mobile{max-width:min(100%,24rem)}.wp-block-umbrellas-screenshots-iframe__mobile img{margin:0 auto}.wp-block-umbrellas-screenshots-iframe__overlay{display:block;height:auto;pointer-events:none;position:relative;width:100%;z-index:2}.wp-block-umbrellas-screenshots-iframe__screen{background:#000;border-radius:12px;bottom:13%;clip-path:inset(0);left:9%;overflow:hidden;position:absolute;right:9%;top:2.3%;z-index:1}.wp-block-umbrellas-screenshots-iframe__screen iframe{background:#000;border:0;display:block;height:calc(100%/var(--umbrellas-screenshots-iframe-scale));transform:scale(var(--umbrellas-screenshots-iframe-scale));transform-origin:top left;transition:opacity .2s ease;width:calc(100%/var(--umbrellas-screenshots-iframe-scale))}.wp-block-umbrellas-screenshots-iframe.is-iframe-unavailable .wp-block-umbrellas-screenshots-iframe__screen iframe{opacity:0;pointer-events:none}.wp-block-umbrellas-screenshots-iframe.has-desktop-screenshot.is-iframe-unavailable .wp-block-umbrellas-screenshots-iframe__desktop,.wp-block-umbrellas-screenshots-iframe.has-desktop-screenshot:not(.has-iframe) .wp-block-umbrellas-screenshots-iframe__desktop{display:block}.wp-block-umbrellas-screenshots-iframe.has-desktop-screenshot.is-iframe-unavailable .wp-block-umbrellas-screenshots-iframe__frame,.wp-block-umbrellas-screenshots-iframe.has-desktop-screenshot:not(.has-iframe) .wp-block-umbrellas-screenshots-iframe__frame{display:none}.wp-block-umbrellas-screenshots-iframe__placeholder{display:grid;inset:20%;opacity:.6;padding:20px;place-items:center;pointer-events:none;position:absolute;text-align:center;z-index:3}@media(max-width:1300px){.wp-block-umbrellas-screenshots-iframe__screen{border-radius:10px}}@media(max-width:1023px){.wp-block-umbrellas-screenshots-iframe.has-mobile-screenshot .wp-block-umbrellas-screenshots-iframe__desktop,.wp-block-umbrellas-screenshots-iframe.has-mobile-screenshot .wp-block-umbrellas-screenshots-iframe__frame{display:none}.wp-block-umbrellas-screenshots-iframe.has-mobile-screenshot .wp-block-umbrellas-screenshots-iframe__mobile{display:block}}@media(max-width:767px){.wp-block-umbrellas-screenshots-iframe{--umbrellas-screenshots-iframe-scale:0.58}.wp-block-umbrellas-screenshots-iframe__frame{max-width:100%}.wp-block-umbrellas-screenshots-iframe__screen{border-radius:6px}}@media(max-width:600px){.wp-block-umbrellas-screenshots-iframe__screen{border-radius:4px}}