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