.lds-spinner{position:fixed;width:100%;height:100vh;background:#000;opacity:.2;display:flex;align-items:center;align-content:center;margin:auto;justify-content:center;top:0;left:0;z-index:1}.lds-spinner div{-webkit-transform-origin:32px 32px;transform-origin:32px 32px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#3398db}.lds-spinner div:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.Modal{position:fixed;height:100vh;z-index:3;top:0;display:flex;align-content:center;align-items:center;justify-content:center}.Modal,.Modal:after{width:100%;overflow:hidden}.Modal:after{content:"";background:#000;opacity:.7;height:100%;display:block;position:absolute}.Modal .modal-wrapper{background:var(--dark-background);max-width:600px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:1;width:100%;display:flex;flex-direction:column;border-radius:5px;padding:0 30px 30px}.Modal .modal-header{text-align:right}.Modal .modal-header .close{position:relative;width:20px;height:20px;cursor:pointer;background:transparent;border:none;padding:0;margin-top:20px;outline:none}.Modal .modal-header .close:after,.Modal .modal-header .close:before{position:absolute;content:" ";height:20px;width:2px;background-color:var(--text);top:0;left:0;bottom:0;right:0;margin:auto}.Modal .modal-header .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Modal .modal-header .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.Modal .modal-header h3{text-align:center;margin:0;font-weight:400;font-size:24px}.Modal .modal-body{text-align:center}.UploadModal p{font-size:14px;overflow:hidden;border:1px solid #000;padding:10px;border-radius:3px;background:var(--input);margin-bottom:30px}.UploadModal .modal-body button{cursor:pointer;padding:8px 25px;font-size:12px;text-transform:uppercase;border-radius:3px;letter-spacing:1px;outline:none;color:var(--text);background:var(--monaco);font-style:italic;border:1px solid #000}.RenameModal .form{display:flex;align-items:center;flex-direction:column}.RenameModal input{font-size:14px;padding:10px;background:var(--input);margin:20px 0;max-width:500px;width:100%}.RenameModal .modal-body button,.RenameModal input{border:1px solid #000;border-radius:3px;color:var(--text);outline:none}.RenameModal .modal-body button{cursor:pointer;padding:8px 25px;font-size:12px;text-transform:uppercase;letter-spacing:1px;background:var(--monaco)}.Editor{display:flex;align-content:center;flex-wrap:wrap;justify-content:space-between;position:relative;height:calc(100vh - 100px);max-height:calc(100vh - 100px)}.Editor.maximized{height:100vh;max-height:100vh}.custom-code{text-align:center}.custom-code button{font-size:16px;background:#81fffd;padding:10px 20px;font-weight:600;text-transform:uppercase;text-align:center;border-color:#000;border-radius:3px}.code-wrapper{width:50%;height:100%}.output-wrapper{height:100%;border-left:2px solid #323232;width:calc(50% - 2px)}.maximized .react-monaco-editor-container{height:calc(100% - 50px)!important}.actions{padding:10px 20px;background:var(--dark-background);border-bottom:5px solid #1d1d1d;justify-content:space-between}.actions,.actions .col{display:flex;align-items:center;align-content:center}.actions .col.left{justify-content:flex-start}.actions .col.right{justify-content:flex-end}.actions button{background:transparent;border:none;outline:none;display:flex;align-items:center;padding:6px 13px;font-size:11px;color:var(--text);cursor:pointer;height:25px}.actions button:hover{border-bottom:1px solid #d8d8d8}.actions .col.left button{margin-right:5px}.actions .col.right button{margin-left:5px}.icon{background:none;margin-right:6px}.icon.run:after{content:"";border-left:12px solid var(--blue);border-bottom:6px solid transparent;border-right:0 solid transparent;border-top:6px solid transparent}.icon.hide,.icon.run:after{display:inline-block;position:relative;top:1px;left:0}.icon.hide{border-color:var(--blue);border-style:solid;border-width:1px 0 1px 12px}.icon.reset{width:9px;height:9px;border-style:solid;border-radius:50%;border-left:solid transparent;border-width:2px;position:relative;color:var(--blue)}.icon.reset:before{content:"";position:absolute;width:0;height:0;left:-5px;bottom:-1px;border-top-width:4px;border-top-style:solid;border-left:4px solid transparent;-webkit-transform:rotate(135deg);transform:rotate(135deg);border-bottom:4px solid transparent;border-right:4px solid transparent}.icon.maximize{color:var(--blue);position:relative;margin-left:2px;margin-top:0;width:11px;height:11px;border-radius:1px;border:2px solid}.icon.maximize:before{top:-3px;transform-origin:center}.icon.maximize:after,.icon.maximize:before{content:"";position:absolute;left:3px;width:5px;height:19px;color:var(--dark-background);background-color:currentColor;-webkit-transform-origin:center}.icon.maximize:after{top:-4px;transform-origin:center;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon.copy{box-sizing:border-box;display:inline-block;font-size:inherit;font-style:normal;height:1em;position:relative;text-indent:-9999px;vertical-align:middle;width:1em;color:var(--blue)}.icon.copy:before{border-radius:.1em;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:.1rem;height:.8em;width:.7em}.icon.copy:after,.icon.copy:before{content:"";display:block;left:25%;position:absolute;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-45%,-50%)}.icon.copy:after{border:.1rem solid;border-radius:.1em;height:.8em;left:60%;top:60%;width:.7em}.icon.upload{color:var(--blue);position:relative;width:13px;height:4px;border:2px solid;border-top:none;border-radius:1px;top:5px}.icon.upload:before{content:"";position:absolute;top:-8px;left:6px;width:2px;height:9px;background-color:currentColor}.icon.upload:after{content:"";position:absolute;top:-8px;left:4px;width:4px;height:4px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.no-visible{position:absolute;z-index:-1;opacity:0}@media (max-width:678px){.Editor,.Editor.maximized{height:auto;max-height:100%}.code-wrapper,.output-wrapper{width:100%;height:500px}.output-wrapper{border-left:none}}.Playground.maximized{overflow:hidden;max-height:100vh;position:relative}.Playground .header{margin:5px 20px;-webkit-transition:max-height .1s ease-in,margin .1s ease-in;transition:max-height .1s ease-in,margin .1s ease-in;max-height:none;height:auto;max-height:100vh}.Playground .header .network p{display:flex;font-size:13px;justify-content:flex-end;align-items:center;margin-top:10px;margin-bottom:0}.Playground .header .network p:not(.error){text-transform:capitalize}.Playground .header .network p:not(.error):before{content:"";margin-right:5px;background-color:#7d8082;height:6px;width:6px;display:block;border-radius:50%}.Playground .header .network p.mainnet:before{background-color:#038789}.Playground .header .network p.ropsten:before{background-color:#e91550}.Playground .header .network p.kovan:before{background-color:#690496}.Playground .header .network p.rinkeby:before{background-color:#ebb33f}.Playground .header .network p.goerli:before{background-color:#3099f2}.Playground .header .network p.bsc-testnet:before,.Playground .header .network p.bsc:before{background-color:#ecf230}.Playground .header .network p.matic:before,.Playground .header .network p.mumbai:before{background-color:#6966cb}.Playground .header .title{display:flex;align-content:center;align-items:center;justify-content:space-between;text-transform:capitalize}.Playground .header .title h1{margin-top:10px;margin-bottom:10px}.Playground .header .title button{color:#ddd;font-size:11px;text-decoration:none;background:var(--dark-background);border-radius:5px;padding:10px;text-align:center;border:none;margin:0 0 30px;cursor:pointer;font-weight:700;letter-spacing:.2px}.Playground .header .title .menu{text-align:right;height:50px;display:flex;align-items:center;justify-content:flex-end}.Playground .header .title .menu a{color:#fff;font-size:12px;text-decoration:none;background:var(--dark-background);border-radius:5px;padding:10px;text-align:center}.Playground .header .title .menu a:hover{background:#4f4f4f}.Playground.maximized .header{max-height:0;margin-top:0;margin-bottom:0;-webkit-transition:max-height .1s ease-out,margin .1s ease-out;transition:max-height .1s ease-out,margin .1s ease-out}.Playground.maximized .header h1,.Playground.maximized .header h2,.Playground.maximized .network,.Playground.maximized .network p{margin:0;-webkit-transition:max-height .1s ease-out,margin .1s ease-out;transition:max-height .1s ease-out,margin .1s ease-out}.Playground .ipfs-error{font-size:13px;background:var(--dark-background);border:1px solid #000;padding:10px}h2{margin-top:0}form,h2{margin-bottom:15px}form{display:flex;align-content:center;justify-content:flex-start;flex-wrap:wrap}form div{display:flex;align-items:center;width:100%;font-size:12px}form div.error{margin-left:5px;font-weight:400;font-size:14px}form div.error p{margin-top:5px;margin-bottom:5px}form div.error p a{margin-left:4px}form input{margin:0 5px;padding:10px;width:270px;border:none;border-radius:3px;height:10px;background:var(--input);color:var(--text);outline:none}form input[type=checkbox]{width:18px;margin-left:5px;height:17px}form input::-webkit-input-placeholder{color:#8d8d8d}form input::-moz-placeholder{color:#8d8d8d}form input:-ms-input-placeholder{color:#8d8d8d}form input::-ms-input-placeholder{color:#8d8d8d}form input::placeholder{color:#8d8d8d}form input:disabled{opacity:.8}.isProxy{display:flex;align-items:center;margin-top:5px}.isProxy a{border:1px solid #62aee2;color:#62aee2;border-radius:50%;width:15px;height:15px;display:inline-block;text-align:center;font-size:10px;text-decoration:none;margin-left:2px;font-weight:600}.icon.trash{width:22px;height:22px;border-radius:0 0 3px 3px;border-top:none;margin:0 2px;display:inline-block;vertical-align:middle;position:relative;font-style:normal;text-align:left;text-indent:-9999px;direction:ltr;color:#c18871;background:#c18871;-webkit-transform:scale(.5);transform:scale(.5);cursor:pointer;min-width:20px}.icon.trash:hover{color:#ea8787;background:#ea8787}.icon.trash:before{content:"";width:8px;height:2px;top:-6px;box-shadow:inset 0 0 0 32px,-10px 2px 0 0,-6px 2px 0 0,0 2px 0 0,6px 2px 0 0,10px 2px 0 0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:678px){.Playground.maximized{overflow:unset;max-height:100%}.Playground .header .title .menu{display:none}form div.error{font-size:12px}}.Files{margin:5px 20px;max-height:100vh;height:100%}.maximized>.Files{height:0;margin:0;-webkit-transition:max-height .1s ease-out,margin .1s ease-out;transition:max-height .1s ease-out,margin .1s ease-out}.files-wrapper{display:flex;align-items:flex-start;flex-wrap:wrap;flex-direction:row}.file{max-width:200px;min-width:150px;width:auto;background:var(--input);border-radius:3px;margin:0 10px 10px 0}.file.active{background:var(--blue)}.file button{background:none;border:none;margin:0;color:var(--text);outline:none;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file .name,.file button{cursor:pointer;padding:5px}.file .name{width:90%;text-align:left;text-overflow:ellipsis;overflow:hidden}.file .close{width:10%;font-weight:700;vertical-align:text-top;margin-left:-2px}:root{--text:#ddd;--dark-background:#383838;--blue:#63aee3;--error:#ff4e4e;--monaco:#1d1d1d;--input:#424242}html{font-family:Open Sans,sans-serif;background:#222;color:#ddd;color:var(--text)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-weight:300}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error{color:#ff4e4e;color:var(--error)}
/*# sourceMappingURL=main.237c4ac2.chunk.css.map */