@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&family=Instrument+Serif:ital@0;1&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:"Instrument Sans",sans-serif}::selection{background-color:hsla(50,70%,60%,.3);color:#fff}::-moz-selection{background-color:hsla(50,70%,60%,.3);color:#fff}.wrapper{margin:0 auto;background-color:#0f0f0f;min-height:100vh}.header{position:relative;width:100%;height:50vh;max-height:760px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:32px 0 24px 0}.header .title{font-size:16px;text-transform:uppercase;letter-spacing:1.6px;font-weight:500;text-align:center;z-index:1}.header h1{font-size:40px;font-weight:400;text-align:center;font-family:"Instrument Serif",serif;margin:0 auto;z-index:1;font-size:clamp(35px,5vw,64px);width:95%}@media screen and (min-width: 768px){.header h1{max-width:1400px}}.header .gradient-screen{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(15, 15, 15, 0), rgb(15, 15, 15))}.header img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;filter:grayscale(0.8) hue-rotate(50deg)}main{display:flex;flex-direction:column;gap:24px;max-width:95%;margin:0 auto}@media screen and (min-width: 768px){main{gap:32px;width:90%;max-width:1400px;margin:0 auto;padding-bottom:56px}}.container{max-width:1440px;width:100%;margin:0 auto;background-color:hsla(0,0%,100%,.1);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px}@media screen and (min-width: 768px){.container{border-radius:24px;padding:56px;gap:40px}}section{display:flex;flex-direction:column;gap:0px}@media screen and (min-width: 768px){section{gap:8px}}.input-container{display:flex;flex-direction:column;gap:0px}@media screen and (min-width: 768px){.input-container{gap:8px}}label{font-weight:500;color:#fff;margin-bottom:12px;font-size:14px}@media screen and (min-width: 768px){label{font-size:18px}}input[type=text],input[type=number],select{width:100%;font-weight:400;font-family:"Instrument Sans",sans-serif;background-color:hsla(0,0%,100%,.1);border:2px solid rgba(0,0,0,0);letter-spacing:.005em;border-radius:8px;color:#fff;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;font-feature-settings:"tnum" 1,"lnum" 1;padding:12px;font-size:16px}@media screen and (min-width: 768px){input[type=text],input[type=number],select{padding:24px;font-size:24px}}input[type=text]::placeholder,input[type=number]::placeholder,select::placeholder{color:hsla(0,0%,100%,.2)}input[type=text]:focus,input[type=text]:active,input[type=number]:focus,input[type=number]:active,select:focus,select:active{background-color:hsla(0,0%,100%,.2);border:2px solid rgba(0,0,0,0);outline:none;box-shadow:0 0 0 4px hsla(50,70%,60%,.5)}input[type=text]:hover:not(:focus):not(:active),input[type=number]:hover:not(:focus):not(:active),select:hover:not(:focus):not(:active){border-color:hsla(0,0%,100%,.1)}input[type=number],input[type=text]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=text]::-webkit-outer-spin-button,input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-container{position:relative}select{appearance:none;background-image:url("../img/caret-down.svg");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px;cursor:pointer}@media screen and (min-width: 768px){select{background-position:right 24px center;background-size:40px 40px}}select option{background-color:#000;color:#fff;padding:12px}section:first-child{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width: 768px){section:first-child{grid-template-columns:1fr;gap:24px}}.results-section{background-color:hsl(50,10%,32%);text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:32px 24px;font-size:32px;transition:all .3s ease;gap:16px}.results-section.placeholder{opacity:.7}.results-section.placeholder .tax-amount{color:hsla(0,0%,100%,.6)}.results-section.placeholder .results-description{color:hsla(0,0%,100%,.5)}.results-section.placeholder .donate-button{opacity:.6;pointer-events:none}@media screen and (min-width: 768px){.results-section{border-radius:16px;padding:64px;gap:24px}}.results-section .results-header{color:hsl(50,70%,60%);font-size:12px;font-weight:500;letter-spacing:.125em;text-transform:uppercase;margin:0}@media screen and (min-width: 768px){.results-section .results-header{font-size:16px}}.results-section .tax-amount{color:#fff;font-size:56px;font-weight:400;font-family:"Instrument Serif",serif;line-height:1;white-space:nowrap}@media screen and (min-width: 480px){.results-section .tax-amount{font-size:84px}}@media screen and (min-width: 768px){.results-section .tax-amount{font-size:125px}}@media screen and (min-width: 1024px){.results-section .tax-amount{font-size:156px}}.results-section .tax-amount .per-year{font-size:18px;text-transform:uppercase}@media screen and (min-width: 480px){.results-section .tax-amount .per-year{font-size:28px}}@media screen and (min-width: 768px){.results-section .tax-amount .per-year{font-size:56px}}@media screen and (min-width: 1024px){.results-section .tax-amount .per-year{font-size:80px}}.results-section .results-description{color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.5}@media screen and (min-width: 768px){.results-section .results-description{font-size:18px}}.results-section .results-description a{color:#fff;text-decoration:underline}.results-section .results-description a:hover{color:#fff;text-decoration:underline}.results-section .donate-button{background-color:hsl(50,70%,60%);color:#000;border:none;border-radius:6px;padding:16px 16px;font-size:16px;font-weight:500;font-family:"Instrument Sans",sans-serif;cursor:pointer;transition:all .3s ease;display:inline-block;text-decoration:none;margin-top:4px}.results-section .donate-button::selection{background-color:rgba(0,0,0,.2);color:#000}.results-section .donate-button::-moz-selection{background-color:rgba(0,0,0,.2);color:#000}@media screen and (min-width: 768px){.results-section .donate-button{font-size:24px}}.results-section .donate-button:hover{background-color:hsla(50,70%,60%,.9);transform:translateY(-2px);text-decoration:none;box-shadow:0 16px 24px -8px rgba(0,0,0,.2);color:#000}.results-section .donate-button:focus{background-color:hsla(50,70%,60%,.9);text-decoration:none;color:#000;outline:2px solid hsla(50,70%,60%,.5);outline-offset:2px}.results-section .donate-button:active{transform:translateY(0);color:#000}.action-section{display:block;transition:all .3s ease}.action-section h2{color:#fff;font-weight:400;font-family:"Instrument Serif",serif;font-size:32px;margin:0 0 8px 0}@media screen and (min-width: 768px){.action-section h2{font-size:48px;margin:0 0 16px 0}}.action-section .action-items{display:flex;flex-direction:column;gap:16px}.action-section .action-accordion{border-radius:8px;overflow:hidden;transition:all .3s ease}.action-section .action-item{display:flex;align-items:center;padding:16px;background-color:hsla(0,0%,100%,.05);gap:16px;cursor:pointer;transition:background-color .3s ease}@media screen and (min-width: 768px){.action-section .action-item{padding:24px;gap:24px}}.action-section .action-item:hover{background-color:hsla(0,0%,100%,.1)}.action-section .action-icon{margin-left:auto;width:24px;height:24px;position:relative;flex-shrink:0}.action-section .action-icon .plus-icon,.action-section .action-icon .minus-icon{position:absolute;top:0;left:0;width:24px;height:24px;transition:opacity .3s ease,transform .3s ease}.action-section .action-icon .plus-icon{opacity:1;transform:rotate(0deg)}.action-section .action-icon .minus-icon{opacity:0;transform:rotate(-90deg)}.action-section .action-accordion.expanded .action-icon .plus-icon{opacity:0;transform:rotate(90deg)}.action-section .action-accordion.expanded .action-icon .minus-icon{opacity:1;transform:rotate(0deg)}.action-section .action-content{max-height:0;overflow:hidden;background-color:hsla(0,0%,100%,.03);transition:max-height .3s ease,padding .3s ease;padding:0 24px}.action-section .action-content.expanded{max-height:500px;padding:24px}.action-section .action-content p{color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.5;margin:0 0 16px 0}@media screen and (min-width: 768px){.action-section .action-content p{font-size:16px}}.action-section .action-content ul{list-style:none;padding:0;margin:0}.action-section .action-content ul li{margin-bottom:8px}.action-section .action-content ul li:last-child{margin-bottom:0}.action-section .action-content ul li a{color:hsl(50,70%,60%);text-decoration:none;font-size:14px}@media screen and (min-width: 768px){.action-section .action-content ul li a{font-size:16px}}.action-section .action-content ul li a:hover{text-decoration:underline}.action-section .action-content ul li strong{color:#fff}.action-section .action-number{width:40px;height:40px;border-radius:50%;border:2px solid hsl(50,70%,60%);color:hsl(50,70%,60%);background-color:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;font-family:"Instrument Sans",sans-serif;flex-shrink:0}.action-section .action-text{color:#fff;font-weight:400;font-family:"Instrument Sans",sans-serif;line-height:1.3;font-size:16px}@media screen and (min-width: 768px){.action-section .action-text{font-size:24px}}.sources-section{border-top:1px solid hsla(0,0%,100%,.05);padding-top:32px}.sources-section h2{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.125em;font-weight:500;margin-bottom:8px;opacity:.5}.sources-section ol{list-style-type:decimal;padding-left:20px;margin:0;opacity:.3}.sources-section ol li{font-size:14px;line-height:1.25;margin-bottom:8px;color:#fff}.sources-section ol li:last-child{margin-bottom:0}.sources-section ol li a{color:#fff;text-decoration:underline}.sources-section ol li a:hover{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#141414;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:16px}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background-color:hsla(0,0%,100%,.05);border-radius:16px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(0.9) translateY(20px);transition:transform .3s ease}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0)}@media screen and (min-width: 768px){.modal-content{border-radius:24px}}.modal-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;background-color:hsla(0,0%,100%,.05);border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#fff}@media screen and (min-width: 768px){.modal-header{padding:32px 40px 20px;border-top-left-radius:24px;border-top-right-radius:24px}.modal-header h2{font-size:28px}}.modal-close{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease}.modal-close:hover{background-color:hsla(0,0%,100%,.1)}.modal-close:focus{outline:2px solid rgba(235,157,102,.5);outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:0 24px 24px;margin-bottom:16px;padding-right:30px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) rgba(0,0,0,0)}@media screen and (min-width: 768px){.modal-body{padding:0 40px 40px}}@media screen and (min-width: 768px){.modal-body{padding-right:46px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:6px;margin:8px 8px 32px 0}@media screen and (min-width: 768px){.modal-body::-webkit-scrollbar-track{margin:8px 8px 48px 0}}.modal-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:6px;transition:background .2s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.modal-body::-webkit-scrollbar-thumb:active{background:hsla(0,0%,100%,.35)}.modal-body::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.math-section{margin-bottom:32px}.math-section:first-child{margin-top:24px}@media screen and (min-width: 768px){.math-section:first-child{margin-top:32px}}.math-section:last-child{margin-bottom:0}.math-section h3{font-size:20px;font-weight:600;margin:0 0 20px 0;color:#fff;padding-bottom:0}.math-section.sources h3{color:hsla(0,0%,100%,.8)}.math-section.sources ul{margin:0;padding-left:20px}.math-section.sources ul li{margin-bottom:8px;color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.5}.math-section.sources ul li:last-child{margin-bottom:0}.math-section.sources ul li a{color:#eb9d66;text-decoration:none}.math-section.sources ul li a:hover{text-decoration:underline}.calculation-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;gap:16px}.calculation-row.total{padding:16px 0;border-top:1px solid hsla(0,0%,100%,.15);border-bottom:1px solid hsla(0,0%,100%,.15);margin:12px 0}.calculation-row.total .calc-label,.calculation-row.total .calc-value{font-weight:600;font-size:16px}.calc-label{color:hsla(0,0%,100%,.9);font-size:14px;flex:1;min-width:0}.calc-value{color:#fff;font-weight:500;font-size:14px;text-align:right;white-space:nowrap}.calc-detail{color:hsla(0,0%,100%,.7);font-size:13px;text-align:right;white-space:nowrap;font-family:monospace}@media screen and (min-width: 768px){.calc-detail{font-size:14px}}@media screen and (max-width: 768px){.calculation-row{flex-direction:column;gap:4px}.calculation-row .calc-value,.calculation-row .calc-detail{text-align:left}.modal-overlay{padding:8px}.modal-content{max-height:95vh}}/*# sourceMappingURL=screen.css.map */