.nav.svelte-14wo3kn{background:#ddd;border-radius:5px 5px 0 0;height:40px;position:relative}.buttons.svelte-14wo3kn{white-space:nowrap;width:80px;padding:12px 10px 15px;position:absolute;top:0;left:0}.nav.svelte-14wo3kn .buttons:where(.svelte-14wo3kn) .button:where(.svelte-14wo3kn){float:left;border-radius:10px;width:13px;height:13px;margin-right:8px;display:block}.nav.svelte-14wo3kn .buttons:where(.svelte-14wo3kn) .red:where(.svelte-14wo3kn){background:#f55;border:1px solid #d22}.nav.svelte-14wo3kn .buttons:where(.svelte-14wo3kn) .orange:where(.svelte-14wo3kn){background:orange;border:1px solid #dd9500}.nav.svelte-14wo3kn .buttons:where(.svelte-14wo3kn) .green:where(.svelte-14wo3kn){background:#5f5;border:1px solid #2d2;margin-right:0}.frame.svelte-14wo3kn{color:#eee;min-height:inherit;background:#aaa;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:10px 12px 5px}p.svelte-14wo3kn{margin-bottom:10px;padding:8px 10px}p.warning.svelte-14wo3kn{color:#fff;vertical-align:middle;background:#c77;border-top:1px solid #bbb;border-bottom:1px solid #777;border-radius:4px}p.tip.svelte-14wo3kn{color:#777;vertical-align:middle;background:#ccc;border-top:1px solid #ddd;border-bottom:1px solid #999;border-radius:4px;margin-bottom:5px}.inputs.svelte-14wo3kn{padding:8px 10px 15px}input.svelte-14wo3kn{text-align:center;color:#333;border:none;border-radius:3px;width:55px;height:35px;padding:0 3px;font-size:17px;font-weight:400;display:inline-block}#firewall-diagram.svelte-14wo3kn{width:100%;height:200px;margin:auto;position:relative}#firewall-diagram.svelte-14wo3kn img:where(.svelte-14wo3kn){position:absolute;inset:0}.ip.svelte-14wo3kn{font-size:16px;font-weight:700;position:absolute}#ip-0.svelte-14wo3kn{top:320px;left:205px}#ip-1.svelte-14wo3kn{top:290px;left:260px}#ip-2.svelte-14wo3kn{top:255px;left:310px}#ip-3.svelte-14wo3kn{top:225px;left:360px}#ip-4.svelte-14wo3kn{top:195px;left:415px}