body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--body-main-color:transparent;--body-primary-color:#2b2b2b;--body-secondary-color:#0d0d0d;--diagram-symbol-color:#2b2b2b;--diagram-label-path-color:#2b2b2b;--diagram-label-prob-color:#2b2b2b;--diagram-label-disabled-color:grey;--diagram-node-color:#fff;--diagram-node-disabled-color:grey;--diagram-active-color:red;--diagram-text-color:#fff;--table-row-hover-color:#ffffff4d;--text-color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.5)}:not(path,span){box-sizing:border-box;transition:background-color .25s,color .25s,border .25s,fill .25s,stroke .25s}#root,body,html{height:100%;min-height:100%}body{font-family:sans-serif;font-weight:100;margin:0}.app{background:transparent;background:var(--body-main-color);min-height:100%;padding:1rem 1rem 2rem}h1,label,p{color:#fff;color:var(--text-color)}button{background:linear-gradient(-180deg,#ffdc73,#febf01);border:3px solid #dca602;border-radius:10px;cursor:pointer;display:block;font-size:10pt;font-weight:700;left:0;outline:none;padding:10px 5px;right:0;text-align:center;text-shadow:1px 1px hsla(0,0%,100%,.7);white-space:nowrap;width:100%}button:hover{border-color:#febf01}button:active{background:#febf01}.app-header{background:#0d0d0d;background:var(--body-secondary-color);border:2px solid #2b2b2b;border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);justify-content:space-between;margin:1rem 0;overflow:hidden;padding:0 8px;width:100%}.app-header,.app-header .header-main{align-items:center;display:flex}.app-header .header-author{margin-bottom:2rem;margin-top:0}.app-header .header-author a{color:#fff;color:var(--text-color);font-weight:700;margin:0 .2rem;text-decoration:underline}.app-header .header-title{margin-bottom:.5rem}.app-header .theme-btn{fill:#fff;fill:var(--text-color);align-items:center;background:#2b2b2b;background:var(--body-primary-color);border:1px solid #2b2b2b;border:1px solid var(--body-primary-color);border-radius:100%;box-shadow:0 0 0 1px rgba(0,0,0,.16);display:flex;height:64px;justify-content:center;margin-left:15px;margin-right:2rem;min-width:64px;width:64px}.app-header .theme-btn svg{fill:inherit}.app-header .logo{fill:#fff;fill:var(--text-color);flex-basis:100px;height:100px;margin-right:15px;min-width:100px;width:100px}.huffman-tree{background:var(--body-secondary-color);border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);margin:1rem 0;width:100%}.huffman-tree .tree-content svg{width:100%}.huffman-tree .tree-content svg g{cursor:hand;-webkit-user-select:none;-ms-user-select:none;user-select:none}.huffman-tree .tree-content svg rect{transition:fill .25s}.huffman-tree .tree-content svg line{transition:stroke .25s,stroke-width .25s}.huffman-tree .tree-header{align-items:center;background-color:var(--body-primary-color);border-bottom:1px solid #b0b0b0;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:0 1rem}.tree-header .header-controls{align-items:center;display:flex;gap:.5rem}.tree-control-button{align-items:center;display:flex;justify-content:center;padding:0;width:auto}select{background:linear-gradient(-180deg,#ffdc73,#febf01);border:3px solid #dca602;border-radius:10px;padding:4px 5px}.empty-tab{padding:1rem 2rem;text-align:center}.huffman-table{background:var(--body-secondary-color);border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);margin:1rem 0;overflow:auto;width:100%}.huffman-table .table-header{align-items:center;background-color:var(--body-primary-color);border-bottom:1px solid #b0b0b0;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:0 1rem}.table-content{border:2px solid var(--body-scondary-color);margin:.5rem}table{border-collapse:collapse;box-shadow:0 0 20px rgba(0,0,0,.1);overflow:hidden;width:100%}th{padding:15px;text-align:left}td{background-color:hsla(0,0%,100%,.2);color:var(--text-color);padding:6px 15px}thead th{background:linear-gradient(-180deg,#ffdc73,#febf01);border:3px solid #dca602}tbody tr{border-bottom:3px solid #dca602;border-left:3px solid #dca602;border-right:3px solid #dca602}tbody tr:hover{background-color:var(--table-row-hover-color)}tbody td{position:relative}tbody td:hover:before{background-color:hsla(0,0%,100%,.2);bottom:-9999px;content:"";left:0;position:absolute;right:0;top:-9999px;z-index:-1}.transmission-flow{background:var(--body-secondary-color);border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);margin:1rem 0;width:100%}.bits-channel{display:flex;justify-content:space-between;margin-bottom:.5rem;position:relative;width:100%}.bits-channel p{margin:0}.bits-channel p span{background-color:#9acd32;margin:1px}.channel-flow{align-items:center;background-color:#fff;border:2px solid #eff2f5;border-radius:1rem;display:flex;margin:0 1rem;overflow-x:hidden;overflow-y:hidden;padding:1rem}.huffman-comparison .tree-header{align-items:center;background-color:var(--body-primary-color);border-bottom:1px solid #b0b0b0;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:0 1rem}.tree-content{border:2px solid var(--body-scondary-color);margin:.5rem}.edit-channel{background-color:var(--body-primary-color);border:1px solid #d6d8da;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.16);color:var(--text-color);font-family:monospace;font-size:16px;height:10rem;margin-bottom:.5rem;max-width:100%;min-height:10rem;min-width:100%;overflow-x:hidden;resize:both}.edit-channel:focus{border:1px solid #000}span{white-space:inherit}.hilary{display:flex;gap:1rem}.comparison-info{padding:0 1rem}.navigation-bar{background:var(--body-secondary-color);border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);margin:1rem 0;overflow:hidden;width:100%}.navigation-bar ul{display:flex;flex-wrap:wrap;margin:0;padding:0;width:100%}@media (max-width:567px){.navigation-bar ul{flex-direction:column}}.navigation-bar ul li{fill:var(--text-color);align-items:center;border-radius:1rem;cursor:pointer;display:flex;flex:1 1;justify-content:center;text-align:center;transition:background-color .25s}.navigation-bar ul li.active{background:var(--body-primary-color)}.navigation-bar ul li p{margin-left:.5rem}.navigation-bar ul li svg{fill:inherit}.huffman-input .input-box .input-header{align-items:center;background-color:var(--body-primary-color);border-bottom:1px solid #b0b0b0;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:0 1rem}.huffman-input .input-box .input-content{margin:.5rem}.huffman-input .input-box{background-color:var(--body-secondary-color);border:2px solid var(--body-primary-color);border-radius:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.16);margin:1rem 0;padding:0 0 .25rem;width:100%}.huffman-input .input-drag-drop-area{align-items:center;background:#fff;border:4px dashed #acaaa5;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:2rem;width:100%}.huffman-input .input-drag-drop-area svg{height:64px;width:64px}textarea{background-color:var(--body-primary-color);border:0;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.16);color:var(--text-color);font-size:16px;margin-bottom:.5rem;max-width:100%;min-height:10rem;min-width:100%}.custom-file-input{align-items:center;color:#533e00;display:inline-block;display:flex;gap:.5rem;padding:.5rem 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.custom-file-input input{visibility:hidden;width:100px}.custom-file-input:before{background:linear-gradient(-180deg,#ffdc73,#febf01);border:3px solid #dca602;border-radius:10px;color:#000;content:"Open from file";cursor:pointer;display:block;font-size:10pt;font-weight:700;left:0;outline:none;padding:5px 2px;position:absolute;right:0;text-align:center;text-shadow:1px 1px hsla(0,0%,100%,.7);white-space:nowrap}.custom-file-input:hover:before{border-color:#febf01}.custom-file-input:active:before{background:#febf01}
/*# sourceMappingURL=main.4aa597f2.css.map*/