.header[data-v-7a9c4165]{flex:none;display:flex;flex-flow:row nowrap;background-color:var(--header-color);height:42px;line-height:42px;color:var(--header-font-color);box-shadow:0 5px 5px 1px var(--shadow-color);z-index:2;justify-content:space-between}.backdrop[data-v-7a9c4165]{top:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%}h1[data-v-7a9c4165]{color:teal;border:none;padding:0}.nav-icon[data-v-7a9c4165]{padding:10px}.modal.sale[data-v-7a9c4165]{background:#dc143c;color:#fff}.modal.sale h1[data-v-7a9c4165]{color:#fff}.nav-bar a[data-v-7a9c4165],a[data-v-7a9c4165]:active,a[data-v-7a9c4165]:focus,a[data-v-7a9c4165]:hover,a[data-v-7a9c4165]:link,a[data-v-7a9c4165]:visited{color:var(--header-font-color);text-decoration:none}.sidebar[data-v-5a0db3ac]{flex:0 0 10%;display:flex;flex-direction:column;justify-content:flex-start;background:var(--side-nav-color)}.sidebar .item[data-v-5a0db3ac]{flex:0 1 auto}.sidebar a[data-v-5a0db3ac],a[data-v-5a0db3ac]:active,a[data-v-5a0db3ac]:focus,a[data-v-5a0db3ac]:hover,a[data-v-5a0db3ac]:link,a[data-v-5a0db3ac]:visited{color:var(--side-nav-font-color);text-decoration:none}.footer[data-v-ebfd206e]{order:5;background:var(--secondary-color);z-index:2;height:32px}.footer span[data-v-ebfd206e]{display:inline-block;vertical-align:middle;color:#00f}body,html{margin:0;height:100%;min-height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--font-color);display:block;min-width:100%;height:100%}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}:root[data-theme=light]{--primary-color:#003566;--secondary-color:#014280;--font-color:#302f2f;--elevation-3-color:#bfbfbf;--elevation-2-color:#ccc;--elevation-1-color:#cfcfcf;--elevation-0-color:#ddd;--header-color:#003566;--header-font-color:#fff;--side-nav-color:#fff;--side-nav-font-color:#302f2f;--shadow-color:rgba(0,0,0,0.14)}:root[data-theme=dark]{--primary-color:#0d2b47;--secondary-color:#181e2e;--font-color:#e7e7e7;--elevation-3-color:#303030;--elevation-2-color:#242424;--elevation-1-color:#181818;--elevation-0-color:#121212;--header-color:#0d2b47;--header-font-color:#e7e7e7;--side-nav-color:#242627;--side-nav-font-color:#e7e7e7;--shadow-color:rgba(0,0,0,0.3)}:root[color-mode=dark] .dark--hidden,:root[color-mode=light] .light--hidden{display:none}.window{flex-flow:column nowrap;justify-content:space-between;font-weight:700;text-align:center;background:var(--elevation-0-color)}.sidenav-pane,.window{display:flex;height:100%}.sidenav-pane{flex-flow:row nowrap;justify-content:space-around}.pane{display:flex;flex-flow:column nowrap;align-items:center}.spacer-small{flex:1 0}.spacer-med{flex:2 0}.home[data-v-191f5c92]{color:var(--font-color)}.toolpane[data-v-4704b1e2]{display:flex;flex-flow:row nowrap}.toolbox[data-v-4704b1e2]{background:var(--elevation-2-color);box-shadow:3px 2px 9px rgba(0,0,0,.6);-moz-box-shadow:3px 2px 9px rgba(0,0,0,.6);-webkit-box-shadow:3px 2px 9px rgba(0,0,0,.6);-o-box-shadow:3px 2px 9px rgba(0,0,0,.6);border-radius:15px}.spacer-lt[data-v-4704b1e2],.spacer-rt[data-v-4704b1e2]{flex-grow:1}.tool-subtitle[data-v-4704b1e2]{padding:0 10px 0 10px}.tool-output[data-v-4704b1e2]{display:flex;justify-content:space-between;padding:0}.tool-row[data-v-4704b1e2]{display:flex;justify-content:space-evenly}.tool-grid[data-v-4704b1e2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));-moz-column-gap:1.25em;column-gap:1.25em;padding:0 30px}.input-field[data-v-4704b1e2]{text-align:left}.input-label[data-v-4704b1e2]{padding-left:.3em}.octet-title[data-v-4704b1e2]{padding-left:47px;padding-right:46px}.binhex[data-v-4704b1e2]{width:690px;background-color:#828d9e;text-align:center}.octet[data-v-4704b1e2]{padding-left:32px;padding-right:32px}.hexadec[data-v-4704b1e2],.octet[data-v-4704b1e2]{font-family:Courier New,Courier,monospace;-webkit-margin-before:0;margin-block-start:0}.hexadec[data-v-4704b1e2]{letter-spacing:4.55em;text-align:center;margin-left:35px!important}.binary-col[data-v-4704b1e2]{font-size:12px;word-spacing:-3px}.binary-col[data-v-4704b1e2],.binary[data-v-4704b1e2]{font-family:Courier New,Courier,monospace;font-style:normal;font-weight:400;margin:0;line-height:150%}.binary[data-v-4704b1e2]{margin-left:0;font-size:18px;letter-spacing:-1px}.bit[data-v-4704b1e2]{display:inline-block;font-family:Courier New,Courier,monospace;margin:0;padding-right:1px;font-size:18px;line-height:150%}.net-bit[data-v-4704b1e2]{background-color:#87cefa}.host-bit[data-v-4704b1e2]{background-color:#20b2aa}hr[data-v-4704b1e2]{width:95%}