:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#0079b6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:90%;padding:0 5%;height:130px}.header:has(.eye__apple__focus) a{color:red}.header a{font-size:18px;margin:10px;color:#07b}main.content{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.eye{width:80px;height:80px;border-radius:75% 15%;border:5px solid #0077bb;position:relative;transition:.3s;transform:rotate(45deg)}.eye__apple{position:absolute;border-radius:50%;width:25px;height:25px;border:4px solid #0089ce;background-color:#0079b6;transform:translate(-50%,-50%);transition:.3s;top:50%}.eye__apple__apple{position:fixed;left:50%;top:50%;width:75%;height:75%;border-radius:50%;border:2px solid inherit;background-color:#000;border:2px solid black;transform:translate(-50%,-50%);transition:.3s}.eye__apple__center{left:50%}.eye__apple__left{top:75%;left:25%}.eye__apple__right,.eye__apple__right .eye__apple__apple{top:25%;left:75%}.eye__apple__left .eye__apple__apple{top:75%;left:25%}.eye__apple__focus .eye__apple__apple{border-width:6px;background-color:red}.eye__apple__focus{left:50%;width:35px;height:35px;border-color:#a51900;background-color:#cc2000}.eye:has(>.eye__apple__focus){border-width:10px;border-color:#a51900;background-color:#ff1e1e}.bloodrop{transition:.3s;position:absolute;display:flex;right:60%;bottom:60%;transform:rotate(-45deg);opacity:0}.bloodrop svg path{fill:#a51900}.bloodrop svg{width:30px;height:42px}.eye:has(>.eye__apple__focus) .bloodrop{opacity:1;right:-45%;bottom:20%}input{border:none;width:100%;height:32px;transition:.3s;outline:none}label{font-size:26px}form{text-align:center}form>div{margin:15px}.eye:has(>.eye__apple__focus)~form input:focus{border:none;border-bottom:2px solid #cc2000}.eye~form input:focus{border-bottom:2px solid #0079b6}.errorMessage{color:#cc2000}h2{font-size:36px;margin:10px 0 0}.loginPage{display:flex;flex-direction:column;justify-content:center;align-items:center}.eye:has(>.eye__apple__focus)+h2>span.RedEyeSpan{color:#cc2000}.eye+h2>span.RedEyeSpan{color:#0079b6;transition:.3s}.packetsPage{width:100%;height:calc(100% - 130px);display:flex;margin-top:130px}.packetsPage>div{overflow-x:hidden;transition:.3s;scrollbar-color:#646cff #353535;scrollbar-width:bold;height:100%}.filterTape{width:20%;padding:0}.streams{width:30%}.tag-filter{width:100%;margin:0;padding:0;height:50%}.packetData{overflow-y:auto;background-color:#212121;width:50%}.packetData>pre{width:100%}#root:has(div.packetsPage){height:100vh}#root>div.section:has(div.packetsPage){height:100%}#root>div.section>main.content:has(>div.packetsPage){height:100%}#root:has(div.packetsPage) .header{transition:.3s;border-bottom:solid 3px #646cff}#root:has(div.packetsPage):has(.eye__apple__focus) .header{border-bottom:solid 3px #a51900}#root:has(div.packetsPage) .tag-filter{transition:.3s;border-bottom:solid 3px #646cff}#root:has(div.packetsPage):has(.eye__apple__focus) .tag-filter{border-bottom:solid 3px #a51900}#root:has(div.packetsPage) .filterTape{transition:.3s;border-right:solid 3px #646cff}#root:has(div.packetsPage):has(.eye__apple__focus) .filterTape{border-right:solid 3px #a51900}#root:has(div.packetsPage) .packetData{transition:.3s;border-left:solid 3px #646cff}#root:has(div.packetsPage):has(.eye__apple__focus) .packetData{border-left:solid 3px #a51900}.side-btn{width:50%;position:absolute;border-radius:100% 100% 0 0;background-color:#353535;font-size:16px}.bottom-side-btn{bottom:0;left:25%}.right-side-btn{right:4%;top:50%;transform:translate(50%) rotate(-90deg)}.left-side-btn{left:4%;top:50%;transform:translate(-50%) rotate(90deg)}.packetsPage>div:has(.side-btn){position:relative}#root:has(div.eye__apple__focus) .packetsPage>div{scrollbar-color:#a51900 #353535}.packetsPage button:hover{border:solid 3px #646cff}#root:has(div.eye__apple__focus) .packetsPage button:hover{border:solid 3px #a51900}.filterTape>div{text-align:center;overflow-y:auto}.clear-button{margin:10px;width:calc(100% - 20px);transition:.15s}.stream-card{border-radius:20px;background-color:#353535;height:50px;margin:10px;display:flex;align-items:center;justify-content:space-between;padding:10px;width:calc(100% - 40px);transition:.3s}.stream-card:hover{cursor:pointer;border-radius:10px;background-color:#424242}.row{display:flex;flex-direction:row}.center{display:flex;flex-direction:column}.info-block{color:#ccc}.tag{color:#fff;filter:hue-rotate(0deg);text-shadow:0 0 7px #f09,0 0 14px #f09,0 0 21px #f09,0 0 42px #f09,0 0 64px #f09;display:inline;margin:0 5px;font-size:1.25rem}.SQLInj{filter:hue-rotate(0deg)}.Flag{filter:hue-rotate(30deg)}.XSS{filter:hue-rotate(60deg)}.LFI{filter:hue-rotate(90deg)}.RCE{filter:hue-rotate(150deg)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stream-card>div.row{width:55%}.stream-card>div.row>p{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-arrow{font-size:30px;margin-right:10px}.danger{color:#cc2000}.common{color:#0079b6}.service-card{border-radius:20px;background-color:#353535;margin:10px;width:auto;padding:10px;transition:.3s;font-size:17px}.service-card:hover{cursor:pointer;border-radius:10px}.center-childs{justify-content:center;align-items:center}.d-inline-block{display:inline-block}.service-choosen{background-color:#ff9100}.packet-card{margin:10px;padding:15px;border-radius:4px;background-color:#353535;max-width:80%;border:1px solid #757575}.packet-orig{margin-right:auto;border-left:4px solid #2196F3}.packet-dest{margin-left:auto;border-left:4px solid #4CAF50}.packet-header{display:flex;align-items:center;margin-bottom:10px;font-size:.9em}.packet-dest .packet-header{color:#4caf50}.packet-orig .packet-header{color:#2196f3}.packet-id{margin-right:10px;font-weight:700;color:#212121}.packet-time{margin-right:10px}.packet-direction{padding:2px 8px;border-radius:4px;font-size:.8em}.packet-direction.orig{background-color:#a9b9c5;color:#0e4173}.packet-direction.dest{background-color:#99b19b;color:#055b09}.packet-body{padding:10px;background-color:#555;color:#fff;border-radius:4px;font-family:monospace;white-space:pre-wrap;word-break:break-all}