body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hop-list-container{height:100vh;position:absolute;right:0;top:0;transition:transform .4s ease-in-out;width:320px;z-index:100}.hop-list-container.closed{transform:translateX(320px)}.hop-list-container.open{transform:translateX(0)}.hop-list-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:-3px 0 10px #00000080;color:#fff;font-family:Arial,sans-serif;height:100%;overflow-y:auto;width:100%}.hop-list-content,.hop-list-handle{background-color:#000c;border-left:1px solid #ffffff1a}.hop-list-handle{align-items:center;border-bottom:1px solid #ffffff1a;border-radius:8px 0 0 8px;border-top:1px solid #ffffff1a;box-shadow:-3px 0 10px #0000004d;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;left:-40px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px}.hop-list-handle:hover{background-color:#000000e6}.handle-icon{color:#4285f4;font-size:1.2rem;margin-bottom:8px}.handle-label{color:#fff;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;transform:rotate(180deg);writing-mode:sideways-rl}.hop-list-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.hop-list-header h3{font-size:1.2rem;font-weight:500;margin:0}.hop-count{background:#ffffff1a;border-radius:12px;font-size:.85rem;opacity:.7;padding:3px 8px}.hop-list{padding:10px 0}.hop-item{display:flex;padding:10px 20px}.hop-marker{align-items:center;display:flex;flex-direction:column;margin-right:15px;min-width:24px}.hop-point{background-color:#0064ff;border-radius:50%;height:12px;width:12px}.hop-point.start{background-color:#0f0;height:14px;width:14px}.hop-point.end{background-color:#ff6464;height:14px;width:14px}.hop-line{background-color:#fffc;height:100%;margin-top:4px;min-height:30px;width:2px}.hop-line.unknown{background-color:#ff3232cc}.hop-details{flex:1 1}.hop-location{align-items:center;display:flex;flex-wrap:wrap;font-weight:500;margin-bottom:4px}.hop-tag{border-radius:4px;font-size:.7rem;font-weight:700;margin-right:8px;padding:2px 6px;text-transform:uppercase}.start-tag{background-color:#0f03;color:#0f0}.end-tag{background-color:#ff646433;color:#ff6464}.hop-ip{font-size:.85rem;opacity:.7}.unknown-hops-indicator{background-color:#ff32321a;border-radius:4px;color:#ff6464e6;display:inline-block;font-size:.75rem;margin-top:4px;padding:3px 8px}
/*# sourceMappingURL=main.cf0c6f90.css.map*/