.speculos-web *{font:inherit;font-size:13px;line-height:20px;box-sizing:border-box}.speculos-web{position:relative;display:flex;flex-direction:column;align-items:flex-start}.speculos-web__actions{height:40px;display:flex;gap:8px;margin-bottom:8px;justify-content:center;position:absolute;bottom:100%;left:0;right:0}.speculos-web__actions-left{position:absolute;top:0;left:0}.speculos-web__actions-right{position:absolute;top:0;right:0}.speculos-web__actions-bottom{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;position:absolute;top:100%;left:0;right:0}.speculos-web__device-frame{position:relative;background:#383838;border-radius:16px;padding:16px;box-shadow:#0006 0 5px 12px;min-width:352px;min-height:100px}.speculos-web__device-screen{position:relative;background:#0000004d;border-radius:4px}.speculos-web__button:not(:disabled){box-shadow:#0006 0 3px 12px}.speculos-web__button{background:#383838;color:#d1d1d1;font-weight:600;height:40px;padding:0 20px;border-radius:30px;border:none;display:flex;align-items:center;outline:none}.speculos-web__button.speculos-web__button-round{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.speculos-web__button.speculos-web__button-active{background:#1f3edb;color:#fff}.speculos-web__button.speculos-web__button-active:not(:disabled):hover{background:#4862e5}.speculos-web__button.speculos-web__button-active:not(:disabled):active{background:#1932ae}.speculos-web__button:disabled{cursor:not-allowed;opacity:.7}.speculos-web__button:not(:disabled):hover{cursor:pointer;background:#474747;color:#fff}.speculos-web__button:not(:disabled):active{cursor:pointer;background:#1f1f1f;color:#fff}.speculos-web__centered-content{color:#ffffff80;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.speculos-web__draggable-container{position:fixed;top:128px;right:128px;z-index:2147483050;-webkit-user-select:none;user-select:none}.speculos-web__drag-handler{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2147483050}.speculos-web__drag-left,.speculos-web__drag-right,.speculos-web__drag-top,.speculos-web__drag-bottom,.speculos-web__drag-block{pointer-events:auto;position:absolute;cursor:move}.speculos-web__drag-block{top:0;right:0;bottom:0;left:0}.speculos-web__drag-left{top:-10px;right:100%;bottom:-10px;width:50px;margin-right:-25px}.speculos-web__drag-right{top:-10px;left:100%;bottom:-10px;width:50px;margin-left:-25px}.speculos-web__drag-top{top:-10px;left:-25px;right:-25px;height:45px}.speculos-web__drag-bottom{bottom:-10px;left:0;right:0;height:50px}.speculos-web__container{background:red}.speculos-web__container button{display:block}.speculos-web__device-spinner{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff3;display:flex;align-items:center;justify-content:center;pointer-events:none}.speculos-web__settings{position:relative;z-index:2147483100;border:1px solid rgba(255,255,255,.2);box-shadow:#0006 0 5px 12px;padding:20px;border-radius:6px;background:#1f1f1f;width:270px}.speculos-web__settings>*+*{margin-top:16px}.speculos-web input,.speculos-web select{width:100%;display:block;padding:8px;background:#000;border:1px solid rgba(255,255,255,.4);outline:none;color:#fff}.speculos-web input:focus,.speculos-web select:focus{border-color:#798cec}.speculos-web__dropdown{position:absolute;margin-top:2px;top:100%;left:-20px;right:-20px;z-index:2147483200;box-shadow:#0006 0 5px 12px}.speculos-web__dropdown button{display:block;width:100%;border:none;background:#1f1f1f;border:1px solid hsl(0,0%,8%);color:#ffffffb3}.speculos-web__dropdown button.speculos-web__current-device-button{background:#383453;color:#fff}.speculos-web__dropdown button:hover{background:#333}.speculos-web__dropdown button:active{background:#0d0d0d}.speculos-web__pastille{width:10px;height:10px;border-radius:50%;background:#349354}.speculos-web__error-container{position:absolute;top:40px;right:40px;bottom:40px;left:40px;background:#3d2323;border:1px solid #4e2d2d;-webkit-user-select:text;user-select:text;border-radius:8px;color:#ff0000e6;font-family:monospace;padding:20px;font-size:24px;line-height:36px;z-index:10}.spin{animation:rotate .35s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.enter-from-bottom{animation:enterFromBottom .35s cubic-bezier(.2,1.81,.57,.88)}@keyframes enterFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}