:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hive-yellow: #fdc333;--background-grey: #363636;--tax-colour: #71972c;--super-colour: #33a2c6;--tax-colour: #ea9f21}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{margin:0 auto;padding:0;text-align:center;background-color:#fff;color:#000;--hive-yellow: #fdc333;--background-grey: #363636;--tax-colour: #71972c;--super-colour: #33a2c6;--tax-colour: #ea9f21}#root{width:100%;height:auto;margin-top:0;display:flex}.global-div{display:flex;flex-wrap:nowrap;flex-direction:row;gap:20px;width:100%;margin:0 auto;padding:10px;max-width:1920px}body{margin:0;padding:0;display:flex;min-height:0;text-align:center;overflow:visible}@media not (min-width:1520px){.global-div{flex-direction:column;align-items:center}body{overflow:visible}.summary-div{display:flex;flex-direction:column;align-items:center}#chart-section{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:0px}}#income-div{flex:1 1 auto;max-width:600px;min-width:0;box-sizing:border-box}#summary-div{flex:1 1 auto;max-width:1400px;min-width:0;box-sizing:border-box}input:focus,button:focus{outline:none}#summary-table{max-width:1400px}@media not (max-width:1520px){#chart-section{gap:350px}}#chart-section{display:flex;width:100%;max-width:1000px;overflow:visible;justify-content:left;flex-wrap:wrap}.big-table-row{display:flex;flex-direction:row}.big-table-cell{margin-left:4%;display:flex;flex-direction:column}#salary-cell{max-width:300px}#resetButton{border:solid 2px black}#resetButton:hover{transition:all .3s ease-in-out;background-color:var(--hive-yellow);color:#000;border:solid 2px var(--hive-yellow)}.annual-pay-div{background-color:var(--hive-yellow);color:#000;font-weight:700;height:50px;font-size:25px;text-align:left;width:100%}.payroll-chart{display:flex;justify-content:center;align-items:center}*{box-sizing:border-box}.dropdown-container{width:100%;border:1px solid rgb(54,54,54);cursor:pointer;margin:auto;overflow:hidden;transition:max-height .7s cubic-bezier(.4,0,.4,1);min-width:0}.dropdown-container .dropdown-label{text-align:left;padding:12px 15px;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.summary-label{color:#000;font-size:25px;font-weight:700;text-align:left;padding:15px}#summary-table{table-layout:fixed;width:100%;border-collapse:collapse;word-wrap:break-word}#summary-table td{border:none}.summary-tab{width:100%;height:50px;background-color:var(--hive-yellow)}.summary-tab-amount{color:#000;font-size:25px;font-weight:700;text-align:right;padding:15px}.coloured-dot-div{width:15px}.dropdown-container .dropdown-details{max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}.dropdown-details.expanded{max-height:500px}.dropdown-container .dropdown-details p{padding:15px;margin:0;line-height:1.6;color:#555;background-color:#fff;border-top:1px solid #cecece}.finance-dropdown-name{text-align:left;width:100%}.dropdown-subdiv.expanded{max-height:500px}.finance-dropdown-amount{text-align:right}select>option{background-color:#fff;color:var(--hive-yellow)}.dropdown{padding:10px 0 5px;background-color:#0000;display:flex;justify-content:left;align-items:center;color:#000;width:100%;max-width:550px}@media(max-width:1520px){.dropdown{max-width:600px}}.dropdown-button{background-color:#000;color:var(--hive-yellow);transition:background-color .2s,color .2s;border:none;border-radius:0;margin-right:10px}.dropdown-table td{padding:0;vertical-align:middle}.dropdown-table{width:100%;max-width:780px;table-layout:fixed;border-collapse:collapse;padding:0}.dropdown-subdiv{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background-color:#0000;color:#fff}.dropdown-sub-rows{width:100%}.dropdown-header{width:100%;background-color:var(--background-grey)}.finance-dropdown-header-amount{text-align:right;padding:15px;color:#fff;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;font-size:20px}.coloured-dot-TaxableIncome{width:20px;height:60px;border-radius:20px;background-color:#71972c;margin:5px 5px 5px 10px;text-align:left}.coloured-dot-Superannuation{width:20px;height:60px;border-radius:20px;background-color:#33a2c6;margin:5px 5px 5px 10px}.coloured-dot-TotalTaxes{width:20px;height:60px;border-radius:20px;background-color:#ea9f21;margin:5px 5px 5px 10px}.coloured-dot-Basesalary{width:20px;height:40px;border-radius:20px;background-color:#71972c;margin:5px 5px 5px 0}.coloured-dot-Bonuspay{width:20px;height:40px;border-radius:20px;background-color:#5f7e25;margin:5px 5px 5px 0}.coloured-dot-IncomeTax{width:20px;height:40px;border-radius:20px;background-color:#ea9f21;margin:5px 5px 5px 0}.coloured-dot-MedicareLevy{width:20px;height:40px;border-radius:20px;background-color:#81d100;margin:5px 5px 5px 0}.coloured-dot-Division293{width:20px;height:40px;border-radius:20px;background-color:#ea5a21;margin:5px 5px 5px 0}.coloured-dot-StudentLoan{width:20px;height:40px;border-radius:20px;background-color:#d100b5;margin:5px 5px 5px 0}.coloured-dot-LITO{width:20px;height:40px;border-radius:20px;background-color:#815912;margin:5px 5px 5px 0}.income-table{width:100%;text-align:left;color:#fff;font-size:20px;transition:background-color .3s ease;border-collapse:collapse;padding:0;min-width:724px}.income-table-header{font-weight:700;font-size:20px;width:100%;height:50px;background-color:var(--hive-yellow);color:#000;text-align:center}.income-table-header-amount{text-align:left;padding:12px 15px;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;background-color:gray}.income-table-header-name{text-align:left;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;background-color:gray;display:flex;align-items:center;gap:4px;font-weight:700}.income-table-name{text-align:left;padding:5px 15px;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;background-color:var(--background-grey);display:flex;align-items:center;gap:4px}.income-table-amount{text-align:left;padding:12px 15px;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.income-table-category{text-align:center;background-color:var(--background-grey)}.income-table-header-category{background-color:gray;text-align:center;width:100%;margin:0}.income-table-takehome-row{background-color:var(--hive-yellow);color:#000;font-size:25px;font-weight:700;text-align:center;text-align:left}.income-table-takehome-cell{padding:12px 15px;text-align:center}.income-table-takehome-label{padding:12px 15px;text-align:left}:root{--hive-yellow: #fdc333;--background-grey: #363636;--tax-colour: #71972c;--super-colour: #33a2c6;--tax-colour: #ea9f21}.switch{position:relative;display:inline-block;width:40px;height:24px;margin:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--background-grey);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--hive-yellow)}input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translate(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch-title{text-align:left;font-weight:700}.switch-desc{font-style:italic}.large-form{margin:2px 10px 10px;font-size:30px;background:none;border:none}.large-form-box{color:#000;text-align:left;width:100%;height:100px;margin-bottom:10px;background-color:gray;max-width:550px}.large-dark-form-box{color:#fff;text-align:left;background-color:var(--background-grey);width:100%;height:10vh;margin-bottom:10px;max-width:550px}@media(max-width:1520px){.large-dark-form-box{max-width:600px}}.large-dark-form-box p{margin:5px;font-size:20px;font-weight:700;color:var(--hive-yellow);padding:0}.large-form-box p{margin:5px;font-size:20px;font-weight:700;color:#000;padding:0}.large-dark-form-box-header{background-color:#000;height:40px;padding:1px;margin-bottom:12px}.large-form-box-header{background-color:var(--hive-yellow);height:40px;padding:1px;margin-bottom:12px}.large-form,.large-dark-form{color:#fff;margin:2px 10px 10px;font-size:30px;background:none;border:none;width:90%;max-width:600px;border-bottom:2px solid var(--hive-yellow)}.background-gradient{position:absolute;height:100px;margin-top:150px;margin-right:40px}.tax-band-bar{position:relative}.overlay-bar{background-color:#0a0a0a80;position:absolute;top:0;height:100%}.vertical-line{position:absolute;top:-60%;width:1px;height:160%;background-color:#000;z-index:1}.tax-band-arrow{position:absolute;top:90%;font-size:30px}.tax-band-info{margin:5px}.band-header{top:-150px;position:absolute}