:root{--background:#383838;--gray-text:#b7b7b7;--dark-gray:rgb(44 44 44 / 50%);--dark-gray-hover:rgb(34 34 34 / 50%);--light-green:#7fe77f;--light-green-hover:#60ff60;--border-light-gray:#424242;--button-text-color:#30661f;--background-green:#30661f;--opaque-text:#565656;--menu-background:rgb(44 44 44 / 90%);--menu-link-background:#30661f}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}a{color:#7fea7f;text-decoration:none}.app,#root{min-height:100vh;display:flex;flex-direction:column;z-index:0;position:relative}main{flex:1;min-width:250px}body{background:var(--background);background-image:url(/background.png);color:var(--gray-text);margin:20px 50px 0;font-family:Lexend,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav{background:var(--dark-gray);margin:auto auto 40px;border-radius:5px;padding:20px;border:1px solid var(--border-light-gray);width:100%}#mobile-nav{display:none}label{display:flex;align-items:center;width:fit-content}.error{background:#ff00004d;color:#ff9b9b;font-size:.8em;padding:10px;border-radius:4px}button{padding:10px 50px;border-radius:3px;background:var(--light-green);border:0;cursor:pointer;font-family:Lexend,sans-serif;color:var(--button-text-color);position:relative;transition:background .25s}button:active{top:1px}button:hover{background:var(--light-green-hover)}.gray-button{background:var(--dark-gray);color:var(--gray-text);border:1px solid var(--border-light-gray)}.gray-button:hover{background:var(--dark-gray-hover)}.small-blue-button{padding:7px 20px;background:#66cdff;color:#005b89}.small-blue-button:hover{background:#35b6ff}textarea{font-size:1.1em;color:#000;background:#d5d5d5;border:1px solid black}input[type=checkbox]{margin:1px}input[type=text],input[type=password],textarea,select,option{border-radius:5px;border-color:#fff;color:#202020;padding:7px;background:#d5d5d5;border-width:1px}#wallet-connect{margin:auto}@media(max-width:940px){.public-url .url{display:none}.public-url .links .open{display:block!important}}@media(max-width:850px){footer #links{flex-direction:column}}@media(max-width:725px){nav #top-nav{font-size:.8em;gap:0px;justify-content:space-around}}@media(max-width:690px){#top-bar #logo-container #site-metrics{display:none}}@media(max-width:640px){nav #top-nav{display:none}nav #mobile-nav{display:block}#top-bar #logo-container #hamburger{display:block!important}#top-bar #logo-container #top-nav-mobile{display:block}#top-bar #logo-container #site-metrics{display:none}#text-editor #title,#text-editor textarea{width:100%!important}}@media(max-width:500px){#payment-panel{width:100%}#payment-panel #buttons{display:block!important}#payment-panel #buttons button{width:100%;padding:10px 20px}#payment-panel #buttons #cancel-button{display:block;width:50%;margin:20px auto auto}#payment-panel #encrypt-panel-container #encrypt-panel{display:block!important}#payment-panel #encrypt-panel-container #encrypt-panel select{width:100%}#payment-panel #encrypt-panel-container #encrypt-panel #password-eye,#payment-panel #encrypt-panel-container #encrypt-panel #check-icon{display:none}#payment-panel #encrypt-panel-container #encrypt-panel input{margin-left:0!important;margin-top:5px;width:100%!important}#uploads .upload .encryption-panel button{display:block;width:100%}#uploads .upload .encryption-panel .gray-button{width:50%;margin:20px auto auto!important;padding:10px 0}#uploads .upload .encryption-panel .password-input input{width:100%!important}#uploads .upload .encryption-panel .password-input #password-eye{display:none}}@media(max-width:350px){body{margin:20px 15px 0}}#top-bar{margin-bottom:20px}#top-bar #logo-container{display:flex;align-items:center;position:relative;height:28px}#top-bar #logo-container #hamburger{background:var(--dark-gray);border-radius:5px;padding:0 3px;border:1px solid var(--border-light-gray);height:27px;width:31px;cursor:pointer;margin-right:15px;display:none;margin-bottom:10px;margin-top:11px}#top-bar #logo-container #logo{font-size:1.5em;font-family:Jura,sans-serif;font-optical-sizing:auto;font-style:normal;margin-right:50px;min-width:155px}#top-bar #logo-container #site-metrics{margin-left:auto}#top-bar #address{display:flex;align-items:center;gap:5px;position:relative;cursor:pointer;margin-bottom:30px}#top-bar #address small{display:block}#top-bar #address #actions-menu{position:absolute;width:200px;background:var(--menu-background);border:1px solid var(--border-light-gray);font-size:.9em;box-shadow:0 4px 4px #222c;z-index:1}#top-bar #address #actions-menu ul{margin:0;padding:1px}#top-bar #address #actions-menu ul li{padding:10px;transition:background .25s,color .25s;list-style:none}#top-bar #address #actions-menu ul li a{color:unset;text-decoration:unset}#top-bar #address #actions-menu ul li:hover{color:var(--light-green)}#top-bar #address .hide{display:none}#top-bar #avatar{border-radius:50%;width:45px;border:3px solid var(--dark-gray)}#top-bar #tag{display:flex;background:var(--background-green);color:var(--light-green);font-size:.65em;align-items:center;padding:0 8px;border-radius:4px;gap:4px;text-transform:uppercase;width:fit-content;margin-top:5px;margin-bottom:2px}#top-bar #tag path{color:var(--light-green)}#top-nav{display:flex;gap:20px}#top-nav .button{color:var(--light-green);text-decoration:none;padding:5px;border-radius:3px;cursor:pointer;transition:background .25s}#top-nav .current,#top-nav :hover{background:var(--background-green)}#top-nav-mobile{background:var(--menu-background);width:250px;position:absolute;z-index:1;top:-10px;left:-7px;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none}#top-nav-mobile #hamburger{margin-top:4px;margin-left:7px;color:var(--light-green);cursor:pointer}#top-nav-mobile .button{padding:15px 10px;cursor:pointer;color:var(--light-green);transition:background .25s}#top-nav-mobile .current,#top-nav-mobile .button:hover{background:var(--background-green)}#metrics{display:flex;gap:20px;font-size:.8em}#metrics .value{color:var(--light-green)}footer{margin-top:400px;height:auto;font-size:.8em;text-align:center;padding-bottom:50px}footer #brought-to-life{font-size:1.1em}footer #algorand{width:150px;opacity:.7}footer #links{margin-top:35px;display:flex;gap:40px;justify-content:center;align-items:center}footer #links a{color:unset;text-decoration:unset;padding:10px;border-radius:10px}footer #links a:hover{color:var(--light-green);background:var(--dark-gray)}footer #links .logo{width:150px}footer #links .logo img{width:40px;opacity:.7}footer #links #nodely{padding-top:7px}footer #links #nodely img{width:129px}#text-editor #title{width:70%;margin:auto auto 20px;display:block;padding:15px;font-size:1.2em}#text-editor textarea{width:70%;min-height:300px;margin:auto;display:block;padding:20px;font-size:1em;line-height:25px;font-family:sans-serif}#text-editor .disabled{color:#7e7e7e;background:#a9a9a9}#text-editor #bottom{width:fit-content;margin:30px auto auto}#text-editor #bottom .loader{margin:auto}#text-editor #bottom #loader{padding-top:12px}#text-editor #bottom #buttons{display:flex;gap:20px}#text-editor #bottom #buttons #save-onchain{margin:auto;display:block}#loader-container{width:22px;height:22px}.loader{width:22px;aspect-ratio:1;border-radius:50%;border:2px solid;border-color:var(--light-green) #494949;animation:l1 1s infinite}@keyframes l1{to{transform:rotate(.5turn)}}.loader2{border:7px solid;border-color:rgba(127,231,127,.15) rgba(127,231,127,.25) rgba(127,231,127,.35) rgba(127,231,127,.5);border-radius:50%;display:inline-block;box-sizing:border-box;animation:animloader 1s linear infinite;display:block;width:7px;position:relative;top:-18px;left:4px}@keyframes animloader{0%{border-color:rgba(127,231,127,.15) rgba(127,231,127,.25) rgba(127,231,127,.35) rgba(127,231,127,.75)}33%{border-color:rgba(127,231,127,.75) rgba(127,231,127,.15) rgba(127,231,127,.25) rgba(127,231,127,.35)}66%{border-color:rgba(127,231,127,.35) rgba(127,231,127,.75) rgba(127,231,127,.15) rgba(127,231,127,.25)}to{border-color:rgba(127,231,127,.25) rgba(127,231,127,.35) rgba(127,231,127,.75) rgba(127,231,127,.15)}}#files-uploader #drop-area{text-align:center;padding:40px;max-width:450px;background:var(--dark-gray);margin:auto auto 30px;border-radius:30px;border:3px dashed var(--border-light-gray);color:var(--opaque-text);position:relative;top:0;box-shadow:0 0 0 transparent;transition:border .25s,color .25s,top .25s,box-shadow .5s}#files-uploader #drop-area #input-file{line-height:30px}#files-uploader #drop-area #input-file button{margin-top:10px}#files-uploader .drag-in{border-color:var(--light-green)!important;color:unset!important;top:-10px!important;box-shadow:0 0 40px #516e3c!important}.file-uploader-container{width:100%;margin:auto;padding:17px 0 20px;border:0px solid var(--border-light-gray);border-bottom-width:1px}.file-uploader .description{overflow-wrap:break-word}.file-uploader .status{display:flex;gap:10px;margin-top:15px;align-items:center}.file-uploader .status .loader{position:relative;top:1px}.file-uploader .text-upload{display:block}.file-uploader .text-upload .upload-percent{padding-top:20px;display:block}.file-uploader .successful-upload{display:flex;align-items:center;color:var(--light-green)}.file-uploader .upload-payload-id{padding:5px;display:flex;gap:10px;align-items:center}.file-uploader .upload-payload-id small{font-size:.8em}.file-uploader .upload-payload-id #copy-payload-id{cursor:pointer}#payment-panel .cost-popup-mask{position:fixed;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000007f;z-index:1}#payment-panel .cost-popup-mask .cost-popup{background-color:#1c1c1c;position:fixed;top:25%;left:50%;padding:20px;transform:translate(-50%);font-size:.9em;border-radius:3px;z-index:1;max-width:510px;border:1px solid #242424}#payment-panel .cost-popup-mask .cost-popup #button{text-align:center;margin-top:30px;margin-bottom:0}#payment-panel #transaction .break{flex-basis:100%;height:0}#payment-panel #transaction .line{display:flex;align-items:center;height:30px}#payment-panel #transaction .line .title{min-width:130px}#payment-panel #transaction .line .price{display:flex;align-items:center}#payment-panel #transaction small{padding-top:1px;display:block}#payment-panel #transaction .amount{padding-left:10px}#payment-panel #transaction #information{margin-top:2px;margin-left:0;cursor:pointer}#payment-panel .algo-icon{position:relative;left:-5px}#payment-panel #protect-with-password{margin-top:20px}#payment-panel #protect-with-password input{margin-right:10px}#payment-panel #encrypt-panel-container #encrypt-panel{margin-top:15px;display:flex;gap:10px;align-items:flex-start;margin-bottom:5px}#payment-panel #encrypt-panel-container #encrypt-panel input{margin-left:10px;font-size:.9em;padding:7px;width:240px}#payment-panel #encrypt-panel-container #encrypt-panel #password-eye{background-image:url(/password-eye.png);width:25px;height:15px;opacity:.2;cursor:pointer;margin-top:9px}#payment-panel #encrypt-panel-container #encrypt-panel #password-strength{text-transform:uppercase;margin-top:3px;font-size:.8em;margin-left:auto;width:fit-content}#payment-panel #encrypt-panel-container #encrypt-panel #password-strength .green{color:var(--light-green)}#payment-panel #encrypt-panel-container #encrypt-panel #aes-key{width:570px}#payment-panel #encrypt-panel-container #encrypt-panel #check-icon{color:var(--light-green);margin-top:3px}#payment-panel #encrypt-panel-container .checkbox-encrypt-title{margin-right:10px}#payment-panel #encrypt-panel-container .encrypt-title{margin-top:15px}#payment-panel #encryption-panel{margin-bottom:40px;margin-top:25px;border:0px solid #4a4a4a;border-left-width:4px;padding-left:15px;padding-bottom:5px}#payment-panel #encrypt-button{display:flex;align-items:center;gap:20px;margin-top:15px}#payment-panel #encrypt-button #price{display:flex;align-items:center;font-size:1.2em}#payment-panel #buttons{display:flex;gap:20px;margin-top:30px}#uploads .upload{padding:15px;width:100%;margin:auto auto 10px;background:var(--dark-gray);border-radius:5px;border:1px solid var(--border-light-gray);min-width:230px}#uploads .upload .title{overflow-wrap:break-word}#uploads .upload .details{margin-bottom:30px}#uploads .upload .details small{font-size:.75em}#uploads .upload .details .mime-and-date{margin-top:7px;color:#767676}#uploads .upload .details .public-url{margin-top:10px;display:flex;gap:15px;align-items:center}#uploads .upload .details .public-url .title{min-width:70px;margin-top:2px}#uploads .upload .details .public-url .links{display:flex;gap:5px;margin-top:5px}#uploads .upload .details .public-url .links a{background:var(--dark-gray);color:var(--gray-text);border:1px solid var(--border-light-gray);padding:4px 10px;border-radius:3px;display:block;width:fit-content;text-decoration:none;transition:color .25s}#uploads .upload .details .public-url .links a:hover{color:var(--light-green)}#uploads .upload .details .public-url .links .open{display:none}#uploads .upload .details .public-url .links .copy-clicked{animation:flash-green .5s ease-out forwards}#uploads .upload .details .encrypted-with{color:#66cdff}#uploads .upload .btns-panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#uploads .upload .btns-panel button{padding:5px 14px}#uploads .upload .btns-panel .gray-button{border-radius:5px;color:var(--light-green);position:relative}#uploads .upload .btns-panel select,#uploads .upload .btns-panel option{padding:4px 10px;border-width:1px;background:#303030;border-color:#424242;color:#7fea7f;font-family:Lexend,sans-serif}#uploads .upload .encryption-panel{margin-top:-5px}#uploads .upload .encryption-panel .gray-button{margin-left:10px}#uploads .upload .encryption-panel small{font-size:.8em}#uploads .upload .encryption-panel .password-input{display:flex;gap:10px;padding-bottom:20px;padding-top:5px}#uploads .upload .encryption-panel .password-input input{width:230px}#uploads .upload .encryption-panel .password-input #password-eye{background-image:url(/password-eye.png);width:25px;height:15px;opacity:.2;cursor:pointer;margin-top:9px}#uploads .upload .file .input_update_file{display:none}#uploads .upload #text-editor{margin-top:30px}#uploads .upload #text-editor #title{font-size:1.1em}#uploads #button-load-more{width:200px;margin:50px auto auto;display:block}@keyframes flash-green{0%{background:var(--light-green)}to{background:var(--dark-gray)}}#download #file{background:var(--dark-gray);border:1px solid var(--border-light-gray);width:fit-content;margin:auto auto 20px;text-align:center;padding:40px}#download #file #file-name{font-size:1.5em}#download #file #loader-container{margin:auto}#download #file select,#download #file option{margin-top:40px;padding:4px 10px;border-width:1px;background:#303030;border-color:#424242;color:#7fea7f;font-family:Lexend,sans-serif}#download #version{padding-bottom:40px;width:fit-content;margin:auto}#download #timer{font-size:2em;color:var(--light-green);text-align:center}#download #preparing-download{margin-top:50px;text-align:center}#download #panel{max-width:300px;margin:50px auto auto}#download #panel button{width:100%}#download #panel #title{margin-bottom:5px}#download #panel #encrypter-message{margin-bottom:10px;display:block}#download #panel #encrypter{display:flex;gap:15px;margin:auto}#download #panel #encrypter input{width:100%}#download #panel #encrypter #password-eye{background-image:url(/password-eye.png);width:29px;height:15px;opacity:.2;cursor:pointer;margin-top:7px;background-repeat:no-repeat}#download #panel #button{margin-top:20px}#download #panel #downloading{display:flex;justify-content:center}#download #panel .error{margin-top:20px}#download #payload-id-input-container{border:0px solid var(--border-light-gray);border-bottom-width:1px;max-width:600px;padding:20px 20px 40px;margin:auto;text-align:center}#download #payload-id-input-container #payload-id-input{margin-top:10px;width:100%;padding:10px;margin-bottom:5px;text-transform:uppercase}#download #payload-id-input-container .error{text-align:left}#download #payload-id-input-container button{display:block;margin:35px auto auto}#download #dowload-algorand-white-paper{text-align:left;font-size:.8em}#wallet-connect{width:250px}#wallet-connect #title{text-align:center}#wallet-connect #wallet-icons{margin-top:45px}#wallet-connect #wallet-icons .wallet-icon{display:flex;gap:20px;align-items:center;margin-bottom:25px;cursor:pointer;transition:color .25s}#wallet-connect #wallet-icons .wallet-icon .icon{width:40px;border-radius:50%;cursor:pointer}#wallet-connect #wallet-icons .wallet-icon .name{background:var(--dark-gray);width:100%;padding:15px}#wallet-connect #wallet-icons .wallet-icon:hover{color:var(--light-green)}