.debug-indicators{position:absolute;right:.1em;top:3.5em}.debug-indicators span{display:block}.top-links{list-style-type:none;margin:0;position:absolute;right:2em;top:1em}.top-links li{float:left}.top-links a,.top-links button{display:inline-block;padding:5px 10px}.settings-container{display:inline-block;padding:20px}.settings-container button{text-decoration:none}.settings-container button svg{margin-right:3px}.settings-container .inner{border-radius:5px;padding:15px 20px;width:500px}.settings-container h3{margin-top:0}.settings-container .description{font-size:.85em;margin:0;opacity:.8;padding:0 0 0 40px}.settings-container .setting{margin-bottom:10px}.record-info{background-color:#121212;border-top:1px solid #e3e3e3;bottom:0;margin:0 auto;padding:10px 0;position:relative;text-align:center;width:80%}.cookie-disclaimer{background:green;border-radius:5px;bottom:0;color:#fff;margin:5px;padding:10px 10px 0;position:fixed}.cookie-disclaimer .button{border-color:#fff!important;color:#fff}.cookie-disclaimer p{margin-bottom:10px;margin-top:0}body{margin:0;overflow:hidden;padding:0}.app-root,body,html{height:100%}.app-root{font-family:Verdana;font-size:.8em;margin:0;overflow:auto;padding:0 30px;position:relative}code{font-size:1.2em;font-weight:700}.icon{margin-right:5px;vertical-align:middle}.header-cmd{color:#c5c5c5}.mono{font-family:monospace;font-size:1.3em}.button{border:1px solid #fff;border-radius:5px;display:inline-block;padding:10px;padding:5px;text-decoration:none}.button svg{margin:0 5px 0 0}.button-large{padding:10px}.button:hover{background:#fff3}.expressionInput{background:#0000;border:none;border-bottom:1px solid #ffffff80;outline:none;padding:3px 3px 5px 15px;width:600px;z-index:100}.hidden{display:none}.result{margin:10px 10px 30px}.result .input{margin-bottom:10px}.result .content{padding-left:10px}.result .cur{margin-right:5px}.input-string{margin-right:10px}.hashLink{margin-left:8px;margin-right:0;padding:0;text-decoration:none;visibility:hidden}a.hashLink{font-size:1.1em}.hashLink .icon{margin:0}.hashLink:hover{background:none;text-decoration:underline}.result:hover .hashLink{visibility:visible}.expression{font-family:monospace;font-size:1.7em}.expression button{font-family:monospace;font-size:.9em}.expression .label{font-weight:700;padding-right:5px;text-align:right}.expression .bin{letter-spacing:3px}.expression .info{color:teal;font-size:.9em}.expression .byte{margin:0 3px}.expression-result td{border-top:1px dotted gray}.expression .prefix{display:none;font-size:.9em;font-weight:400}.expression .other{font-size:.9em}.expression .sign{padding-right:5px;text-align:right}.flipable{cursor:pointer;opacity:1}.flipable:hover{opacity:.8}.hex .prefix{display:inline}.indicator{background:#0000;border:none;color:#00000040;cursor:pointer;padding:0 5px;vertical-align:middle}.expanded{display:block}.collapsed{display:none}.error{color:maroon}.soft{opacity:.7}.small-text{font-size:.8em}#view{padding:10px}.cur{color:#d3d3d3}button.link-button{text-decoration:underline}.settings-button{margin-left:-20px}.undo button{margin-left:5px;opacity:.4;padding:0}.solid-border{border:1px solid #fffc;border-radius:5px}.solid-border-soft{border:1px solid #ffffff80;border-radius:5px}.zero{opacity:.5}.dim-extra-bits .extra-bit{opacity:.1}.light,.light .solid-background{background:#fafafa}.light .header-cmd{color:#919191}.light a,.light a:visited,.light button{color:#222}.light .indicator{color:#ddd}.light .on{color:#121212}.light .prefix{color:#888}.light .other{color:#bbb}.light .hashLink,.light .hashLink:visited{color:#aaa}.light .hashLink:hover{color:#888}.light ul.top-links li:hover{background:#ddd}.light .error{color:#da586d}.light button.btn{color:#000}.light button.btn:hover{background:#ddd}.light button.btn:disabled{background-color:inherit;color:#888}.light .accent1{color:green}.light .expressionInput{border-bottom:1px solid #00000080}.light .button{border:1px solid gray}.light .button:hover{background:#0003}.light .donate-result-view .paypal-button,.light .solid-border{border:1px solid gray}.light .accent1-border{border-color:green}.dark{color:#fff}.dark,.dark .solid-background{background:#121212}.dark .expression,.dark .expressionInput,.dark a,.dark a:visited,.dark button{color:#fff}.dark .indicator{color:#555}.dark .on{color:#fff}.dark .prefix{color:#999}.dark .other{color:#777}.dark .hashLink,.dark .hashLink:visited{color:#555}.dark .hashLink:hover{color:#999}.dark ul.top-links li:hover{background:#333}.dark .error{color:#da586d}.dark button.btn{color:#fff}.dark button.btn:hover{background:#333}.dark button.btn:disabled{background-color:inherit;color:#999}.dark .accent1{color:#3cb371}.dark .accent1-border{border-color:#3cb371}.midnight{color:#fff}.midnight,.midnight .solid-background{background:#2c3e50}.midnight .header-cmd{color:#7ea3b5!important}.dark a:visited,.midnight .expression,.midnight .expressionInput,.midnight a,.midnight button{color:#fff}.midnight .indicator{color:#85a0ad}.midnight .on{color:#fff}.midnight .prefix{color:#85a0ad}.midnight .other{color:#9fbac7}.midnight .accent-background{background-color:#3b5268}.midnight .hashLink,.midnight .hashLink:visited{color:#85a0ad}.midnight .hashLink:hover{color:#9fbac7}.midnight ul.top-links li:hover{background:#132537}.midnight .error{color:#da586d}.midnight .changelog .item-new .date{font-weight:700}.midnight button.btn{color:#fff}.midnight button.btn:hover{background:#132537}.midnight button.btn:disabled{background-color:inherit;color:#85a0ad}.midnight .accent1{color:#3cb371}.midnight .accent1-border{border-color:#3cb371}button{background:none;border:none;cursor:pointer}button:focus{outline:0}@media (max-width:800px){.debug-indicators,.top-links .link-text{display:none}.app-root{padding:10px}}.social-container{bottom:20px;position:fixed;right:20px}@media (max-width:500px){.expressionInput{width:400px}.top-links a{display:inline-block;padding:5px 10px}}@media (max-width:450px){.expressionInput{width:350px}}#output{padding:30px}.input-p{display:inline;margin-right:-10px;margin-top:3px;opacity:.5;position:absolute;z-index:101}.ip-address-info{display:none;font-size:.85em;padding-top:1em;vertical-align:middle}.subnet-view .description{text-align:right;vertical-align:middle}.subnet-view td{padding-right:15px}.subnet-view{margin-bottom:20px}.subnet-view .part{border-bottom:1px solid}.subnet-view button{margin:0 3px}.subnet-view .ip-address-col{min-width:8.5em}.vpc-view .description{text-align:right;vertical-align:middle}.vpc-view{margin-bottom:20px}.vpc-view .host-part{color:coral}.vpc-view .subnet-part{color:#3cb371}.vpc-view .decimal-part{margin-left:10px}.vpc-view .part{border-bottom:1px solid}.vpc-view .address-space button{margin:0}.vpc-view .address-space{font-size:1.2em;vertical-align:middle}.vpc-view .address-space-label{font-size:.8em;vertical-align:center}.vpc-view button{margin:0 3px}.vpc-view .address-container{margin:20px 0}.vpc-view .tooltip-icon{margin-left:5px}.tooltip-holder{display:inline;position:relative}.tooltip-holder .tooltip-icon{opacity:.5;vertical-align:middle;z-index:0}.tooltip-holder .tooltip{border-radius:5px;display:none;font-size:.9em;margin-left:5px;padding:10px;position:absolute;width:300px;z-index:10}.tooltip-holder .tooltip p{margin-bottom:0}.tooltip-holder .tooltip .tooltip-header{font-weight:700;margin-bottom:5px}.tooltip-holder:hover .tooltip,.tooltip:hover{display:inline}.donate-result-view .copy-button{margin-left:10px}.donate-result-view .qrcode-container{background:#fff;display:inline-block;padding:10px}.donate-result-view .section{margin-top:20px}.help ul{list-style-type:none;margin:.2em 0 0 10px;padding:0}.help li{margin-bottom:5px;padding:1px}.help code,.help code a{color:#3cb371}.light .help code,.light .help code a{color:green}.help p{margin-top:.5em}.help .section{padding:1em}.help .panel-container{overflow:hidden}.help .left-panel{float:left;margin-right:1em}.help .right-panel{float:left}.help .section-title{font-size:1.1em;font-weight:700}.help .important-note{display:inline-block;margin-top:5px;padding:5px}@media (min-width:1024px){.left-panel,.right-panel{width:45%}}.changelog .item{margin-top:2em}.changelog .item-new .date{font-weight:700;text-decoration:underline}.changelog li{padding:5px 0}
/*# sourceMappingURL=main.902207ed.css.map*/