:root{font-family:Poppins,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#121212;background-color:#ebebeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryBlue: #0375f6;--secondary: #21374f;--tertiary: #009bf0;--lightModeBackground: #ebebeb;--lightModeBackgroundOffset: #e3e3e3}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{width:100dvw;height:100dvh}a{font-weight:500;text-decoration:inherit}a:link{color:var(--primaryBlue)}a:visited{color:var(--tertiary)}input:focus{outline:none;box-shadow:none}textarea:focus{outline:none;box-shadow:none}@font-face{font-family:Poppins;src:url(/assets/Poppins-Thin-leD9T1nx.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-ThinItalic-DeF98U39.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLightItalic-DV_5Lr0Z.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-LightItalic-CDXp65eX.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Italic-PjgN8SAi.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-MediumItalic-C6e40Oak.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBoldItalic-1z_hA9Cm.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-BoldItalic-DRcRqYlu.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBoldItalic-C9zKPiZo.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Poppins;src:url(/assets/Poppins-Black-yHqY0KRU.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-BlackItalic-cm4Pcmzs.ttf) format("truetype");font-weight:900;font-style:italic}#root{margin:0;padding:0;width:100%;height:100%}.recoveryContainer{height:100%;width:95%;margin:0 auto;position:relative}.screenContainerStyles{width:95%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);transition:all .5s ease-in;padding:20px 0;overflow-y:scroll}button{width:100%;max-width:150px;background-color:var(--primaryBlue);border:unset;padding:10px 20px;border-radius:8px;color:#fff;margin-top:20px;cursor:pointer;font-size:1rem}h1{font-size:3rem;text-align:center;font-weight:400}.description{width:100%;max-width:700px;margin:20px auto;line-height:2rem}@media screen and (max-width: 500px){h1{font-size:2.5rem}.description{margin:15px auto;line-height:1.5rem;font-size:.9rem}}@media screen and (max-width: 300px){h1{font-size:1.5rem}.description{margin:10px auto;font-size:.8rem}}.welcomeContainer{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.welcomeContainer h1{margin-top:auto}.welcomeContainer .description{width:90%;max-width:700px;margin:20px auto;line-height:2rem}.welcomeContainer button{margin-bottom:auto}.restoreScreen{display:flex;flex-direction:column;align-items:center;text-align:center}.restoreScreen h1{margin-top:auto}.restoreScreen .inputKeysContainer{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;column-gap:10px;width:100%;max-width:500px;max-height:320px;min-height:100px;overflow-y:scroll;margin:30px auto}.restoreScreen .seedPill{height:45px;padding:0 0 0 10px;background-color:#fff;border-radius:8px;display:flex;align-items:center;overflow:hidden}.restoreScreen .seedText{font-size:20px;margin-right:10px}.restoreScreen .textInput{width:100%;height:100%;border:unset;font-size:20px}.restoreScreen .buttonsContainer{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:300px;column-gap:10px;margin-top:10px}.restoreScreen .buttonsContainer .customButton{max-width:unset}.restoreScreen .scanBTN{background-color:unset;border:2px solid rgb(46,46,46);margin-top:auto}.restoreScreen .buttonsContainer button{margin:0 auto}.connectingToSparkContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.connectingToSparkContainer p{margin-top:10px}@media screen and (max-width: 400px){.restoreScreen .inputKeysContainer{grid-template-columns:1fr}}@media screen and (max-width: 300px){.restoreScreen .buttonsContainer{grid-template-columns:1fr;row-gap:10px}}#activityIndicator{width:35px;height:35px;border:5px solid #e0e0e0;border-top:5px solid #0375f6;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-page{position:relative;width:100vw;height:100vh;overflow:hidden}.camera-page .backContainer{position:absolute;width:95%;left:50%;top:20px;transform:translate(-50%);z-index:99}.camera-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.camera-overlay{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between}.qr-vertical-buttons{display:flex;justify-content:space-between;width:250px;margin:0 auto 20px;flex:1}.icon{width:30px;height:30px}.middle-row{display:flex;width:100%;height:250px}.overlay{flex:1;background-color:#0009}.qr-box-outline{width:250px;height:250px;border:3px solid var(--primaryBlue);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.bottom-controls{display:flex;justify-content:center;padding-bottom:30px}.paste-btn{border:1px solid white;background:transparent;color:#fff;margin-top:10px}#video-container{line-height:0}#video-container.example-style-2{position:relative;width:100%;height:100%;overflow:hidden}#video-container.example-style-2 .scan-region-highlight{border-radius:30px;outline:rgba(0,0,0,.75) solid 50vmax;border:3px solid red;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);width:80dvw;height:80dvw;max-width:450px;max-height:450px;display:flex;align-items:center;justify-content:center;padding:10px}#video-container.example-style-2 .scan-region-highlight p{text-align:center;margin:0;line-height:40px}.camera-page .handleCameraPaste{position:absolute;top:calc(50% + min(80dvw,450px)/2 + 10px);left:50%;transform:translate(-50%);z-index:99;width:95%;max-width:150px;background-color:transparent;border:2px solid white;cursor:pointer}.camera-page .flashLightContainer{position:absolute;top:calc(50% - (min(80dvw,450px)/2) - 41px);left:calc(50% + min(80dvw,450px)/2 - 41px);transform:translate(-50%);z-index:99;cursor:pointer}.camera-page input[type=file]{display:none}.camera-page .fileContainer{position:absolute;top:calc(50% - (min(80dvw,450px)/2) - 41px);left:calc(50% - (min(80dvw,450px)/2) + 41px);transform:translate(-50%);z-index:99;cursor:pointer}.camera-page .fileContainer img,.camera-page .flashLightContainer img{width:30px;height:30px}.camera-page .handleCameraPasteText{color:#fff!important}#video-container.example-style-2 .code-outline-highlight{stroke:#ffffff80!important;stroke-width:15!important;stroke-dasharray:none!important}#flash-toggle{display:none}hr{margin-top:32px}input[type=file]{display:block;margin-bottom:16px}.backArrowContainer{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:auto}.backArrowContainer img{width:30px;height:30px}.walletContainer{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:20px}.walletContainer .balanceSection{width:100%;max-width:700px;text-align:center;padding:32px 20px 24px}.walletContainer .balanceLabel{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.walletContainer .balanceAmount{font-size:2.8rem;font-weight:600;margin:0}.walletContainer .balanceUnit{font-size:1.2rem;font-weight:400;color:#666}.walletContainer .sendSection{width:100%;max-width:700px;background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.walletContainer .sectionTitle{font-size:1.1rem;font-weight:600;margin:0}.walletContainer .paymentTabs{display:flex;background-color:#f0f0f0;border-radius:8px;padding:3px;gap:3px}.walletContainer .paymentTab{flex:1;padding:10px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0;max-width:unset;width:auto}.walletContainer .paymentTab.active{background-color:var(--primaryBlue);color:#fff}.walletContainer .paymentTab:not(.active):hover{background-color:#e4e4e4}.walletContainer .inputGroup{display:flex;flex-direction:column;gap:6px}.walletContainer .inputLabel{font-size:.8rem;font-weight:500;color:#555}.walletContainer .addressInput{width:100%;min-height:80px;max-height:120px;border:1.5px solid #e0e0e0;border-radius:8px;padding:12px;resize:none;font-size:.9rem;font-family:monospace;transition:border-color .2s ease;background-color:#fafafa}.walletContainer .addressInput:focus{border-color:var(--primaryBlue);background-color:#fff}.walletContainer .amountInput{width:100%;border:1.5px solid #e0e0e0;border-radius:8px;padding:12px;font-size:1rem;text-align:left;transition:border-color .2s ease;background-color:#fafafa;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.walletContainer .amountInput:focus{border-color:var(--primaryBlue);background-color:#fff}.walletContainer .amountInput::-webkit-outer-spin-button,.walletContainer .amountInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.walletContainer .feeDisplay{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f7f7f7;border-radius:8px;border:1px solid #eeeeee}.walletContainer .feeLabel{font-size:.85rem;color:#666}.walletContainer .feeAmount{font-size:.85rem;font-weight:600;color:#333}.walletContainer .errorText{color:#e20000;font-size:.85rem;margin:0;padding:8px 12px;background-color:#fff0f0;border-radius:6px;border:1px solid #ffe0e0}.walletContainer .sendButton{width:100%;max-width:100%;padding:14px 24px;background-color:var(--primaryBlue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;margin:0}.walletContainer .sendButton:disabled{opacity:.5;cursor:not-allowed}.walletContainer .sendButton:not(:disabled):hover{opacity:.9}.walletContainer .cancelButton{width:100%;max-width:100%;padding:12px 24px;background-color:transparent;color:#666;border:1.5px solid #ddd;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;margin:0;transition:all .2s ease}.walletContainer .cancelButton:hover{border-color:#bbb;color:#333}.walletContainer .transactionsSection{width:100%;max-width:700px}.walletContainer .transactionsSection .sectionTitle{margin-bottom:12px}.walletContainer .transactionsContainer{width:100%;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.walletContainer .emptyState{text-align:center;color:#999;padding:32px 0;font-size:.9rem}.walletContainer .transactionsContainer .txContainer{width:100%;background-color:#fff;padding:14px 16px;border-radius:10px;cursor:pointer;transition:background-color .15s ease;margin:0}.walletContainer .transactionsContainer .txContainer:hover{background-color:#f8f8f8}.txRow{display:flex;justify-content:space-between;align-items:center}.txLeft{display:flex;align-items:center;gap:12px}.txDirection{font-size:1.2rem;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.txIncoming{color:#16a34a}.txDirection.txIncoming{background-color:#dcfce7}.txOutgoing{color:#dc2626}.txDirection.txOutgoing{background-color:#fef2f2}.txInfo{display:flex;flex-direction:column;gap:2px}.txType{font-size:.9rem;font-weight:500;color:#333}.txDate{font-size:.75rem;color:#999}.txRight{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.txAmount{font-size:.9rem;font-weight:600}.txStatus{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:10px}.statusCompleted{background-color:#dcfce7}.statusPending{background-color:#fef3c7}.statusFailed{background-color:#fef2f2}.txId{font-size:.7rem;color:#bbb;margin-top:6px;font-family:monospace}@media screen and (max-width: 500px){.walletContainer .balanceAmount{font-size:2rem}.walletContainer .balanceUnit{font-size:1rem}.walletContainer .sendSection{padding:16px}}
