: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;--yellow-tone-1: #ecb944;--yellow-tone-5: #a69370;--yellow-tint-5: #ffdc91;--income-table-backing: #6d6d6d;--income-subtable-backing: #3f3f3f;--grey: #575757;--dark-grey: #272727;--toggle-button-background: #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;overflow:hidden}@keyframes spinAnimation{0%{rotate:0deg}to{rotate:360deg}}#root{width:100%;height:auto;margin-top:0;display:flex}.global-div{display:flex;flex-wrap:nowrap;flex-direction:column;width:100%;margin:0 auto;padding:10px;max-width:1920px}#hive_logo{width:40px;height:40px;animation-name:spinAnimation;animation-duration:1s;animation-iteration-count:1;margin:auto 5px}body{margin:0;padding:0;display:flex;min-height:0;text-align:center;overflow:visible}@media not (min-width:1280px){.global-div{flex-direction:column;align-items:center}body{overflow:visible}.summary-div{display:flex;flex-direction:column;align-items:center}#income-div{flex-direction:column}#summary-section{display:flex;width:100%;align-items:flex-start;flex-direction:column;justify-content:center;align-items:center}#hive-benefits-cell{flex-direction:column}.flex-cell{margin:0 5px}.hive-shine{font-size:24px}#hive_logo{width:30px;height:30px}#mortage-link-box{width:95%}}@media not (max-width:1280px){.flex-cell{margin:0 5px}.chart-block{padding:0 80px 0 20px}#summary-section{display:flex;width:100%;align-items:flex-start}#hive-benefits-cell{flex-direction:row}.pretax-savings{font-size:24px}#mortage-link-box{width:fit-content}}#mortage-link-box{display:flex;background-color:var(--hive-yellow);margin:10px 0;padding:6px;justify-content:center;transition:.3s all ease;border-radius:40px}#mortage-link{color:#000;font-size:18px}#mortage-link:hover{text-decoration:underline}#summary-section{display:flex;width:100%}#income-div{flex:1 1 auto;box-sizing:border-box;display:flex}.flex-cell{display:flex;justify-content:center;width:100%}#summary-div{flex:1 1 auto;width:100%;box-sizing:border-box;margin:0 0 0 50px}input:focus,button:focus{outline:none}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;margin-bottom:15px}#summary-table{width:100%;min-width:600px;border-collapse:collapse}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.payroll-options{font-size:24px}.pretax-savings{font-size:20px}#mortage-input{display:flex;flex-direction:column}}.chart-block{flex:0 1 auto;display:block;align-items:baseline;min-width:300px;flex-direction:row}.pretax-savings{color:var(--hive-yellow);font-weight:700}#chart-section{display:flex;width:100%;max-width:1400px;overflow:visible;justify-content:left;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;padding:20px}#hive-benefits{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}#hive-benefits-cell{display:flex;justify-content:flex-start;margin-left:auto;margin-right:auto;width:100%;background-color:#000}.benefits-table-cell{vertical-align:top;display:table-cell}.big-table-row{display:flex;flex-direction:row}.big-table-cell{display:flex;flex-direction:column;width:100%;justify-content:baseline;margin:10px 5px}#salary-cell{max-width:300px}#payroll-button{color:#000;font-weight:700;background-color:var(--hive-yellow);border:var(--hive-yellow) 4px solid;border-radius:20px;padding:5px;margin:10px;transition:all .2s}#payroll-button:hover{color:var(--hive-yellow);font-weight:700;background-color:#000;border:var(--hive-yellow) 4px solid;border-radius:20px;padding:5px;margin:10px}#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}.hive-shine{text-decoration:none;display:inline-block;margin:5px 0 0;color:var(--hive-yellow)}.payroll-options{text-decoration:none;display:inline-block;margin:2px 0;padding:5px;color:var(--hive-yellow)}#benefits-table{width:100%}#savings-cell{padding-right:20px;text-align:right}.hive-benefits-div{display:flex;flex-direction:column;align-items:center;padding-top:10px;font-size:22px}.hive-subheader{text-decoration:none;display:inline-block;color:var(--hive-yellow);font-style:italic;font-size:15px;margin:0;padding:0}#hive-benefits{--c: #fdc333;--b: 11px;--g: 5px;border-radius:20px;padding:5px;--_g: #0000 25%, var(--c) 0;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i, 200%) 0 /200% var(--_i, var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat;transition:.3s,background-position .3s;cursor:pointer}#hive-benefits:hover,#hive-benefits.open{--_i: 100%;transition:.3s,background-size .3s .3s}.dropdown.row-drop.Payroll{--c: var(--hive-yellow);--b: 10px;--g: 15px;padding:calc(var(--g));--_g: #0000 25%, var(--c) 0;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i, 200%) 0 /200% var(--_i, var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat;transition:.3s,background-position .3s;border-radius:20px;cursor:pointer}.dropdown.row-drop.Payroll:hover{--_i: 100%;transition:.3s,background-size .3s .3s;border-radius:20px}.dropdown.row-drop.Payroll.open{--_i: 100%;transition:.3s,background-size .3s .3s;border-radius:0}*{box-sizing:border-box}.dropdown-container{width:100%;border:1px solid rgb(54,54,54);margin:auto;overflow:hidden;transition:max-height .7s ease;min-width:0}.income-table-takehome-cell{padding:12px 15px;text-align:center}.label{padding:12px 15px;text-align:left}.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}.income-table-text{-webkit-user-select:text;user-select:text}.summary-label{color:#000;font-size:25px;font-weight:700;text-align:left;padding:15px}#summary-table{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-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{padding:10px 0 0;background-color:#0000;display:flex;justify-content:left;align-items:center;color:#000;width:100%}.dropdown-subdiv.Benefits{max-height:20px}.dropdown-subdiv{max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out;background-color:#0000;color:#fff;width:100%}.dropdown-subdiv.expanded{max-height:910px;cursor:default}.expand-subdiv-vertical.expanded{max-height:500px;padding:10px 5px 5px}.expand-subdiv-horizontal.expanded{max-width:500px}.expand.WorkDeductables,.expand.NovatedLease,.expand.SuperSalary,.expand.MortageRepayments{color:var(--hive-yellow)}.finance-dropdown-amount{text-align:right}select>option{background-color:#fff;color:var(--hive-yellow)}.expand{padding:5px 0;display:flex;justify-content:left;align-items:left;width:100%;flex-direction:column;margin:10px 0}#mortage-dropdown{display:flex;flex-direction:column}#mortage-input{display:flex}.dropdown-button{color:#fff;transition:all .5s,color .2s;border:none;border-radius:0;height:70px;width:20px;padding:5px;font-size:10px}.dropdown-button.Benefits{border-radius:20px 0 0;padding-top:25px}.dropdown-spacer{color:#fff;transition:background-color .2s,color .2s;border:none;border-radius:0;height:70px;width:20px;font-size:10px;margin:0;flex-shrink:0;height:auto;align-self:stretch;cursor:default}.grey{background-color:var(--income-table-backing)}.black{background-color:#000}.dark-grey{background-color:var(--income-subtable-backing)}.yellow{background-color:var(--hive-yellow)}.pale-yellow{background-color:var(--yellow-tone-1)}.dropdown-button div{margin:0}.switch-desc{text-align:left}.dropdown-contents-div.Benefits{max-width:100%;border-radius:20px 20px 0 0;transition:.5s ease;flex-direction:row;display:flex;align-items:center;justify-content:center}.dropdown-table td{padding:0;vertical-align:middle}.dropdown-table{width:100%;table-layout:fixed;border-collapse:collapse;padding:0}.expand-subdiv-horizontal{max-width:0;overflow:hidden;transition:max-width .3s ease-in-out;background-color:#0000;color:#fff;position:absolute;margin:30px 0 0 55px;white-space:nowrap}.expand-subdiv-vertical{max-height:0px;overflow:hidden;transition:all .3s ease-in-out;background-color:#272727;color:#fff;white-space:nowrap;padding:0 5px;align-items:center;display:flex}.expand-subdiv p{position:absolute}.dropdown-sub-rows{width:100%}.dropdown-header{width:100%;background-color:var(--income-subtable-backing)}.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-ConcessionalVoluntary,.coloured-dot-Non-ConcessionalVoluntary{width:20px;height:40px;border-radius:20px;background-color:#256f88;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}.coloured-dot-EmployerContribution{width:20px;height:40px;border-radius:20px;background-color:#35a0c4;margin:5px 5px 5px 0}.coloured-dot-NetSalary{width:20px;height:40px;border-radius:20px;background-color:var(--hive-yellow);margin:5px 5px 5px 0}.coloured-dot-VoluntaryContribution{width:20px;height:40px;border-radius:20px;background-color:#256f88;margin:5px 5px 5px 0}.coloured-dot-NovatedLease.Pre-Tax.Payment,.coloured-dot-NovatedLease.Payment{width:20px;height:40px;border-radius:20px;background-color:#ff7300;margin:5px 5px 5px 0}.coloured-dot-WorkDeductables{width:20px;height:40px;border-radius:20px;background-color:#00b300;margin:5px 5px 5px 0}.coloured-dot-MortageRepayments{width:20px;height:40px;border-radius:20px;background-color:#a30101;margin:5px 5px 5px 0}.income-table td,.sub-table-header,.income-table-header td,.income-table-header-category td,.income-table-name td{border-collapse:collapse;padding:0;margin:0;border-spacing:0;width:25%}.income-table-takehome-row td{padding:10px;width:20%}.big-income-cell td{padding:0}.sub-sub-table-header{width:100%;table-layout:fixed;border-collapse:collapse;padding:0;margin:0;border-spacing:0}.sub-sub-table-header td{width:25%}.dropdown.row-drop{padding:0 0 10px;width:100%;align-items:stretch}.sub-table-header{width:100%;table-layout:fixed;border-collapse:collapse}.dropdown-button{flex-shrink:0;height:auto;align-self:stretch;font-size:large;text-align:center;vertical-align:middle}.income-table-header td,.sub-table-header td{width:25%}.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;table-layout:fixed}.dropdown.row-drop{cursor:default;width:100%;text-align:left;color:#fff;font-size:20px;transition:background-color .3s ease;border-collapse:collapse;padding:0}.income-table-header{font-weight:700;font-size:20px;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:var(--income-table-backing)}.dropdown-subdiv.Benefits{border-radius:0 0 20px 20px}.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:var(--income-table-backing);display:flex;align-items:center;gap:4px;font-weight:700;margin-right:0;min-width:400px}.income-table-name{text-align:left;padding:5px 15px 5px 6px;color:#fff;font-size:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;background-color:var(--income-subtable-backing);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(--income-subtable-backing)}.income-table-header-category{background-color:var(--income-table-backing);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:left;width:100%;text-align:center}.income-takehome-table{width:100%;border-collapse:collapse}.mortage-table{border-collapse:collapse;color:#fff}.mortage-table-header td{font-weight:700;font-size:30px}.value{font-size:22px;font-weight:600}.mortage-table td{padding:8px;color:#000}.mortage-table-header{font-size:20px}.sub-benefit-box{text-align:center;color:var(--hive-yellow)}#savings-box{background-color:#000;border-radius:30px;border:5px solid var(--hive-yellow);padding:5px;margin-top:15px}#savings-header{font-weight:700;font-size:30px;color:var(--hive-yellow)}#benefits-box{display:flex;flex-direction:row;align-items:center;justify-content:center}#benefits-box p{font-size:20px;margin:5px}.mortage-body td{text-align:center;color:#000}.selected-freq{background-color:var(--hive-yellow);font-weight:700}.unselected-freq{background-color:var(--yellow-tone-5)}.selected-val{font-weight:700}:root{--hive-yellow: #fdc333;--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}.toggle-table{border-bottom:#fdc333 2px solid}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-button-background);-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}.toggle-box{width:10%}.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:var(--yellow-tone-5)}.large-form-box-header.work-hours p{min-width:133px}.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 0 0 5px;margin-bottom:12px}.large-form-box.week-or-fortnight{border-radius:20px 20px 20px 0}.large-form-box.pay-cycle,.large-form-box.salary{border-radius:20px}.large-form-box-header.salary,.large-form-box-header.pay-cycle{border-radius:20px 20px 0 0}.large-form-box-header.work-hours{border-radius:20px 0 0}.large-form-box.work-hours{border-radius:20px 0 0 20px}.large-form-box-header.week-or-fortnight{border-radius:0 20px 0 0}.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)}.medium-form{margin:2px 10px 10px;font-size:20px;background:none;border:none}.medium-form-box{color:#000;text-align:left;width:100%;height:70px;background-color:var(--yellow-tone-5);max-width:500px}.medium-form{color:#fff;margin:2px 10px 10px;font-size:26px;background:none;border:none;width:90%;max-width:500px;border-bottom:2px solid var(--hive-yellow)}.medium-form-box p{margin:0 0 0 5px;font-size:16px;font-weight:700;color:#000;padding:0}.medium-form-box-header{background-color:var(--hive-yellow);height:25px;padding:1px;margin-bottom:2px}.background-gradient{position:absolute;height:100px}.tax-band-bar{position:relative;margin-top:5px}.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{margin-bottom:130px;text-align:center;position:static}.band-header h2{margin:0}#payroll-options{display:flex;flex-direction:column;align-items:center;justify-content:center}#root{display:flex;justify-content:center}