@import"https://fonts.googleapis.com/css?family=Roboto";@import"https://fonts.googleapis.com/css?family=Share+Tech+Mono";@import"https://fonts.googleapis.com/css?family=VT323";@import"https://fonts.googleapis.com/css?family=Macondo";@import"https://fonts.googleapis.com/css?family=Bad+Script";#root{--font-mono: "Share Tech Mono";--font-crazy: "Monofett";--color-darkblue: #6096B4;--color-blue: #93BFCF;--color-gray: #BDCDD6;--color-tan: #EEE9DA;--color-purple: #9A4EBE;background-color:var(--color-darkblue);height:100vh}#root .app{min-width:1280px;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Macondo;font-size:16px;scrollbar-width:thin;box-sizing:border-box}#root .app button{border-radius:10px;padding:.5rem;border:none;cursor:pointer;background-color:#fff;font-size:1rem;transition:.2s all}#root .app button:hover{background-color:#f0eacf80}#root .app button:active{transform:scale(.95)}#root .app .home{position:relative;height:100vh}#root .app .home .home-content{position:absolute;top:40%;transform:translateY(-70%)}#root .app .home .home-content .welcome{color:#fff;font-size:6rem;margin-bottom:20px}#root .app .home .home-content .overview{color:#fff;font-size:1.2rem;font-size:1.8rem;margin-bottom:50px;line-height:2.5rem}#root .app .home .home-content .overview .highlight{border-bottom:2px solid var(--color-gray)}#root .app .home .home-content .initiate-bin-button{padding:20px;min-width:10px;min-height:80px;font-size:3rem;transition:.2s all;font-family:Macondo}#root .app .home .home-content .initiate-bin-button:hover{background-color:var(--color-tan)}#root .app .home .home-content .loading{margin-top:20px;color:#fff;font-size:20px}#root .app .bin .box{box-shadow:#110c2e26 0 48px 100px;background-color:#fff;border-radius:20px;font-family:var(--font-mono)}#root .app .bin .header{font-size:1.5rem}#root .app .bin .top{padding:20px;margin-bottom:50px;font-size:1.7rem;text-align:center}#root .app .bin .top .url{padding-left:10px;text-decoration:underline var(--color-darkblue);font-size:1.4rem}#root .app .bin .top .copy{position:relative;border:1px solid var(--color-darkblue);background-color:#fff;padding:12px;font-size:1.1rem;margin-left:40px}#root .app .bin .top .copy:hover{color:var(--color-purple);cursor:pointer}#root .app .bin .top .copy .copy-notification{position:absolute;margin-left:20px}#root .app .bin .content{display:flex;justify-content:space-between;gap:30px}#root .app .bin .content .left{width:30%;padding:20px;height:70vh;overflow-y:scroll}#root .app .bin .content .left .logs{min-width:200px;display:flex;flex-direction:column}#root .app .bin .content .left .logs .search{margin:20px 0;position:relative}#root .app .bin .content .left .logs .search .search-icon{position:absolute;bottom:5px}#root .app .bin .content .left .logs .search .search-input{padding:5px;text-indent:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid black;width:70%}#root .app .bin .content .left .logs .search .search-input:focus{outline:none}#root .app .bin .content .left .logs .log-rows{max-height:100%;overflow-y:scroll}#root .app .bin .content .left .logs .log-row{font-family:var(--font-mono);font-size:1.1rem;padding:5px;border-bottom:1px solid gray;display:flex;flex-direction:row;position:relative}#root .app .bin .content .left .logs .log-row:hover{background-color:#0000000d;cursor:pointer}#root .app .bin .content .left .logs .log-row.active{background-color:#c39bd380}#root .app .bin .content .left .logs .log-row .log-row-timestamp{margin-right:20px;color:gray;padding:10px 0}#root .app .bin .content .left .logs .log-row .log-row-method{margin-right:20px;color:#5499c7;font-weight:800;padding:10px 0}#root .app .bin .content .left .logs .log-row .log-row-path{position:absolute;padding:10px 0;right:0;text-align:left;min-width:170px;max-width:170px;overflow-x:scroll}#root .app .bin .content .left .logs .delete-all-logs-button{width:100%;margin-top:.25rem;border:4px solid var(--color-gray)}#root .app .bin .content .right{width:60%;padding:20px}#root .app .bin .content .right .bin-interface{text-align:left;position:relative}#root .app .bin .content .right .bin-interface .bin-interface-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid black;padding-bottom:10px;margin-bottom:20px}#root .app .bin .content .right .bin-interface .bin-interface-top h2{padding-bottom:10px}#root .app .bin .content .right .bin-interface .bin-interface-top .bin-interface-buttons{display:flex;gap:10px}#root .app .bin .content .right .bin-interface .bin-interface-top .bin-interface-buttons .bin-interface-button{padding:8px;border:1px solid var(--color-blue)}#root .app .bin .content .right .bin-interface .bin-interface-top .bin-interface-buttons .bin-interface-button .generate-test-event-button{background-color:var(--color-blue);color:#fff;font-size:1.2rem}#root .app .bin .content .right .bin-interface .bin-interface-top .bin-interface-buttons .bin-interface-button .copy-code:hover{cursor:pointer;color:red}#root .app .bin .content .right .bin-interface .options{display:flex;justify-content:space-around;margin-bottom:20px}#root .app .bin .content .right .bin-interface .options .option{cursor:pointer;padding:10px}#root .app .bin .content .right .bin-interface .options .option:hover{border-bottom:1px solid gray}#root .app .bin .content .right .log-info{text-align:left;position:relative}#root .app .bin .content .right .log-info h2{font-size:1.3rem}#root .app .bin .content .right .log-info .back{position:absolute;top:0;right:0;cursor:pointer;font-size:1.2rem}#root .app .bin .content .right .log-info .back .hover{color:red}#root .app .bin .content .right .log-info .info{display:flex;margin:10px 0}#root .app .bin .content .right .log-info .section{color:gray;font-size:1.1rem;min-width:100px}#root .app .bin .content .right .log-info .details{display:flex;gap:20px}#root .app .bin .content .right .log-info .details .method{color:#5499c7}#root .app .bin .content .right .log-info .body{width:100%;max-height:50vh;overflow-y:auto}#root .app .bin .content .right .log-info .clickable{cursor:pointer;text-decoration:underline;transition:color .3s ease}#root .app .bin .content .right .log-info .clickable:hover{color:#2980b9}#root .app .bin .content .right .log-info .scrollable-table-container{max-height:300px;overflow-y:auto}#root .app .bin .content .right .log-info .scrollable-table-container .headers-table{width:100%;border-collapse:collapse;margin-top:10px}#root .app .bin .content .right .log-info .scrollable-table-container .headers-table th,#root .app .bin .content .right .log-info .scrollable-table-container .headers-table td{border:1px solid #ddd;padding:8px;text-align:left}#root .app .bin .content .right .log-info .scrollable-table-container .headers-table th{background-color:#f2f2f2}#root .app .bin .content .right .log-info .scrollable-table-container .headers-table tbody tr:nth-child(2n){background-color:#f9f9f9}.delete-row-button{margin-left:auto;position:relative}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-industrialgray: #CFCDCA}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}