flx-offline-emulator{display:grid}@media (max-width:993px){flx-offline-emulator{display:none}}flx-offline-emulator .mode-toggle{display:flex;align-items:center;justify-content:center;padding-top:2rem;padding-bottom:1rem}flx-offline-emulator .mode-toggle[active-mode="ios"] .toggle-group:before{left:0%}flx-offline-emulator .mode-toggle[active-mode="ios"] .toggle-group button[mode="ios"]{color:#fff;cursor:unset}flx-offline-emulator .mode-toggle[active-mode="md"] .toggle-group:before{left:50%}flx-offline-emulator .mode-toggle[active-mode="md"] .toggle-group button[mode="md"]{color:#fff;cursor:unset}flx-offline-emulator .mode-toggle .toggle-group{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:16px;position:relative;height:28px;width:80%;max-width:240px;min-width:120px;transition:0.15s background-color ease-in-out;box-shadow:0 0 10px rgba(46,175,231,0.1)}flx-offline-emulator .mode-toggle .toggle-group:before{content:"";background-color:#2eafe7;width:50%;height:100%;position:absolute;transition:left 0.15s cubic-bezier(0.8,-0.05,0.07,0.99);border-radius:16px}flx-offline-emulator .mode-toggle .toggle-group.chage-mode{background-color:rgba(46,175,231,0.15)}flx-offline-emulator .mode-toggle .toggle-group button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;border-radius:16px;color:#2eafe7;font-size:20px;font-weight:700;letter-spacing:0.1em;margin:0;padding:0;text-transform:uppercase;transition:0.15s background-color ease-in-out,0.15s color ease-in-out;z-index:0;width:50%;height:100%;cursor:pointer}flx-offline-emulator .mode-toggle .toggle-group button:not(.rippled){position:relative;overflow:hidden;transform:translate3d(0,0,0)}flx-offline-emulator .mode-toggle .toggle-group button:not(.rippled):after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform 0.5s,opacity 1s}flx-offline-emulator .mode-toggle .toggle-group button:not(.rippled):active:after{transform:scale(0,0);opacity:0.2;transition:0s}flx-offline-emulator .mode-toggle .toggle-group button:focus,flx-offline-emulator .mode-toggle .toggle-group button:active{outline:none}flx-offline-emulator .device{padding:2rem;position:sticky;top:0}flx-offline-emulator .device[mode="ios"]>figure{border-radius:32px}flx-offline-emulator .device[mode="ios"]>figure:after{display:block;background-color:rgba(0,0,0,0.5);border-radius:2px;bottom:6px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:35%;z-index:1}flx-offline-emulator .device[mode="ios"]>figure>.device__ios-notch{opacity:1}flx-offline-emulator .device[mode="ios"]>figure>iframe{border-radius:32px}flx-offline-emulator .device[mode="md"]>figure{border-radius:20px}flx-offline-emulator .device[mode="md"]>figure>.device__md-bar{display:block;fill:#090a0d;opacity:0.1;padding:0.8rem 1.2rem;position:relative;width:100%;z-index:2}flx-offline-emulator .device[mode="md"]>figure>iframe{border-radius:20px}flx-offline-emulator .device>figure{box-shadow:0 0 0 13px #323f4b,0 0 0 16px #66727d,0 0 34px 19px rgba(0,0,0,0.2);height:0;margin:auto;overflow:hidden;padding-bottom:calc(2.125 * 320px);position:relative;width:320px;z-index:1;transition:all 0.15s ease-in-out}flx-offline-emulator .device>figure>.device__ios-notch{opacity:0;fill:#323f4b;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:165px;z-index:2;transition:all 0.15s ease-in-out}flx-offline-emulator .device>figure>.device__md-bar{opacity:0;transition:all 0.15s ease-in-out}flx-offline-emulator .device>figure>iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}flx-offline-emulator .help-options{display:flex;align-items:center;justify-content:center;padding-top:1rem}flx-offline-emulator .help-options i{padding:8px 30px;background-color:rgba(46,175,231,0.1);color:#2eafe7;border-radius:6px;cursor:pointer;transition:all 0.15s ease-in-out 0s;margin:0 5px;position:relative;overflow:hidden;transform:translate3d(0,0,0)}flx-offline-emulator .help-options i:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform 0.5s,opacity 1s}flx-offline-emulator .help-options i:active:after{transform:scale(0,0);opacity:0.2;transition:0s}flx-offline-emulator .help-options i:hover{color:#fff;background-color:#2eafe7}