.sa-iframe-wrapper{width:100%}.sa-iframe-stage{--sa-device-bar:#f1f3f4;--sa-device-frame:#1f2937;--sa-device-radius:12px;position:relative;display:inline-block;vertical-align:top;width:100%;max-width:100%}.sa-iframe-stage,.sa-iframe-stage *{box-sizing:border-box}.sa-iframe-screen{position:relative;overflow:hidden;line-height:0;background:#fff;aspect-ratio:var(--sa-ratio,16/9)}.sa-iframe-screen iframe.sa-iframe{display:block;width:100%;height:100%;border:0}.sa-iframe-device__bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:var(--sa-device-bar)}.sa-iframe-device__dots{display:inline-flex;flex:0 0 auto;gap:6px}.sa-iframe-device__dots i{width:11px;height:11px;border-radius:50%;background:rgba(0,0,0,.18)}.sa-iframe-device__url{flex:1 1 auto;min-width:0;height:24px;line-height:24px;padding:0 14px;font-size:12px;color:#5f6368;background:#fff;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-iframe-device--browser .sa-iframe-device__dots i:first-child,.sa-iframe-device--code .sa-iframe-device__dots i:first-child,.sa-iframe-device--desktop .sa-iframe-device__dots i:first-child{background:#ff5f57}.sa-iframe-device--browser .sa-iframe-device__dots i:nth-child(2),.sa-iframe-device--code .sa-iframe-device__dots i:nth-child(2),.sa-iframe-device--desktop .sa-iframe-device__dots i:nth-child(2){background:#febc2e}.sa-iframe-device--browser .sa-iframe-device__dots i:nth-child(3),.sa-iframe-device--code .sa-iframe-device__dots i:nth-child(3),.sa-iframe-device--desktop .sa-iframe-device__dots i:nth-child(3){background:#28c840}.sa-iframe-device--phone .sa-iframe-screen{aspect-ratio:var(--sa-ratio,9/19.5)}.sa-iframe-device--tablet .sa-iframe-screen{aspect-ratio:var(--sa-ratio,3/4)}.sa-iframe-device--tv .sa-iframe-screen{aspect-ratio:var(--sa-ratio,16/9)}.sa-iframe-device--watch .sa-iframe-screen{aspect-ratio:var(--sa-ratio,4/5)}.sa-iframe-device--browser{box-shadow:0 12px 34px rgba(0,0,0,.14)}.sa-iframe-device--browser,.sa-iframe-device--desktop{border-radius:var(--sa-device-radius);overflow:hidden;background:var(--sa-device-bar)}.sa-iframe-device--desktop{box-shadow:0 18px 50px rgba(0,0,0,.22)}.sa-iframe-device--desktop .sa-iframe-device__bar{height:38px}.sa-iframe-device--desktop .sa-iframe-device__url{position:absolute;left:50%;transform:translateX(-50%);max-width:60%;background:transparent;color:inherit;font-weight:600;text-align:center}.sa-iframe-device--laptop{max-width:760px;padding:12px 12px 0;background:var(--sa-device-frame);border-radius:16px 16px 0 0;box-shadow:0 16px 44px rgba(0,0,0,.22)}.sa-iframe-device--laptop .sa-iframe-screen{border-radius:4px}.sa-iframe-device--laptop:after{content:"";display:block;position:relative;width:116%;height:16px;margin:12px 0 0 -8%;background:var(--sa-device-frame);border-radius:0 0 14px 14px;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}.sa-iframe-device--code{border-radius:var(--sa-device-radius);overflow:hidden;background:#1e1e2e;box-shadow:0 18px 50px rgba(0,0,0,.4)}.sa-iframe-device--code .sa-iframe-device__bar{height:36px;background:var(--sa-device-bar,#2a2a3c)}.sa-iframe-device--code .sa-iframe-device__dots i{background:hsla(0,0%,100%,.18)}.sa-iframe-device--code .sa-iframe-device__url{position:absolute;left:50%;transform:translateX(-50%);max-width:60%;background:transparent;color:#cdd6f4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;text-align:center}.sa-iframe-device--phone{max-width:375px;padding:14px;border-radius:44px;background:var(--sa-device-frame);box-shadow:0 18px 50px rgba(0,0,0,.28)}.sa-iframe-device--phone:before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:44%;height:22px;background:var(--sa-device-frame);border-radius:0 0 16px 16px;z-index:2}.sa-iframe-device--phone .sa-iframe-screen{border-radius:30px}.sa-iframe-device--tablet{max-width:600px;padding:20px;border-radius:28px;background:var(--sa-device-frame);box-shadow:0 18px 50px rgba(0,0,0,.26)}.sa-iframe-device--tablet:before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.4);z-index:2}.sa-iframe-device--tablet .sa-iframe-screen{border-radius:8px}.sa-iframe-device--tv{max-width:900px;margin-bottom:20px;padding:16px;border-radius:16px;background:var(--sa-device-frame);box-shadow:0 22px 60px rgba(0,0,0,.3)}.sa-iframe-device--tv .sa-iframe-screen{border-radius:4px}.sa-iframe-device--tv:after,.sa-iframe-device--tv:before{content:"";position:absolute;bottom:-18px;width:64px;height:18px;background:var(--sa-device-frame)}.sa-iframe-device--tv:before{left:16%;transform:skewX(20deg)}.sa-iframe-device--tv:after{right:16%;transform:skewX(-20deg)}.sa-iframe-device--watch{max-width:200px;padding:14px;border-radius:46px;background:var(--sa-device-frame);box-shadow:0 14px 40px rgba(0,0,0,.3)}.sa-iframe-device--watch .sa-iframe-screen{border-radius:32px}.sa-iframe-device--watch:before{content:"";position:absolute;right:-5px;top:40%;width:6px;height:34px;border-radius:3px;background:var(--sa-device-frame)}.sa-iframe-device--surface{max-width:760px;margin-bottom:16px;padding:14px;border-radius:14px;background:var(--sa-device-frame);box-shadow:0 16px 44px rgba(0,0,0,.24)}.sa-iframe-device--surface .sa-iframe-screen{border-radius:6px;aspect-ratio:var(--sa-ratio,3/2)}.sa-iframe-device--surface:after{content:"";position:absolute;right:12%;bottom:-15px;width:46%;height:15px;background:var(--sa-device-frame);transform:skewX(-34deg);transform-origin:right bottom;border-radius:0 0 4px 4px}.sa-iframe-device--browser.sa-skin-mac-dark{--sa-device-bar:#2d2d2d;background:#2d2d2d}.sa-iframe-device--browser.sa-skin-mac-dark .sa-iframe-device__url{background:#1c1c1c;color:#cfcfcf}.sa-iframe-device--browser.sa-skin-chrome{--sa-device-bar:#dee1e6}.sa-iframe-device--browser.sa-skin-chrome .sa-iframe-device__url{background:#fff;border-radius:14px}.sa-iframe-device--browser.sa-skin-edge{--sa-device-bar:#eef3f8}.sa-iframe-device--browser.sa-skin-edge .sa-iframe-device__url{background:#fff;border-radius:14px;color:#50596b}.sa-iframe-device--browser.sa-skin-safari{--sa-device-bar:#f6f6f6}.sa-iframe-device--browser.sa-skin-safari .sa-iframe-device__url{flex:0 1 auto;margin:0 auto;max-width:50%;background:#ededed;color:#333;text-align:center}.sa-iframe-device--browser.sa-skin-windows{--sa-device-bar:#e7e9ec}.sa-iframe-device--browser.sa-skin-windows .sa-iframe-device__bar{gap:0;padding-left:14px;padding-right:0}.sa-iframe-device--browser.sa-skin-windows .sa-iframe-device__url{flex:1 1 auto;background:transparent;border-radius:0;color:#333;text-align:left}.sa-iframe-device__winctrls{display:inline-flex;flex:0 0 auto;margin-left:auto;align-self:stretch}.sa-iframe-device__winctrls i{display:inline-flex;align-items:center;justify-content:center;width:44px;transition:background-color .15s ease}.sa-iframe-device__winctrls i:hover{background:rgba(0,0,0,.06)}.sa-iframe-device__winctrls i:first-child:before{content:"";width:11px;height:1px;background:#333}.sa-iframe-device__winctrls i:nth-child(2):before{content:"";width:10px;height:10px;border:1px solid #333}.sa-iframe-device__winctrls i:nth-child(3):before{content:"\00d7";font-size:17px;line-height:1;color:#333}.sa-iframe-device__winctrls i:nth-child(3):hover{background:#e81123}.sa-iframe-device__winctrls i:nth-child(3):hover:before{color:#fff}.sa-iframe-device--phone.sa-skin-punch-hole{border-radius:40px}.sa-iframe-device--phone.sa-skin-punch-hole:before{top:22px;width:10px;height:10px;border-radius:50%;background:#000}.sa-iframe-device--tablet.sa-skin-android{padding:16px;border-radius:18px}.sa-iframe-device--tablet.sa-skin-android .sa-iframe-screen{border-radius:4px}