@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html[data-theme=dark]{--theme-100: hsl(237deg, 100%, 8%);--theme-200: hsl(239deg, 96%, 10%);--theme-inverted-100: hsl(238deg, 100%, 95%);--theme-inverted-200: hsl(239deg, 96%, 90%)}html[data-theme=light]{--theme-100: hsl(238deg, 100%, 95%);--theme-200: hsl(239deg, 96%, 90%);--theme-inverted-100: hsl(237deg, 100%, 8%);--theme-inverted-200: hsl(239deg, 96%, 10%)}.tooltip{position:relative}.tooltip .tooltip-text{position:absolute;pointer-events:none;padding:.5em 1em;width:max-content;scale:0;transform-origin:bottom;border-radius:.25em;bottom:calc(var(--bottom, 3rem) + 1rem);background-color:var(--theme-200);transition:scale .25s}.tooltip.left .tooltip-text,.tooltip.right .tooltip-text{transform:initial}.tooltip.left .tooltip-text{left:0}.tooltip.middle .tooltip-text{left:50%;transform:translate(-50%)}.tooltip.right .tooltip-text{left:initial;right:0}.tooltip:hover .tooltip-text{scale:1}.input{background-color:var(--theme-200);color:var(--theme-inverted-100);font-weight:700;font-size:20px;text-align:center;letter-spacing:1.25px;border:none;outline:none;padding:.75em 0;border-radius:.25em;width:100%}.input::placeholder{color:var(--theme-inverted-200)}.input::-webkit-inner-spin-button{opacity:0}.date-input{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-200);font-size:20px;padding:.75em;border-radius:.25em;transition:outline .2s}.date-input .invalid-tooltip{position:absolute;top:-2.5em;opacity:0;transform:translateY(100%);font-size:.8em;font-weight:700;background-color:maroon;color:red;padding:.25em 1.25em;border-radius:100000px;transition:opacity .2s,transform .2s}.date-input .invalid-tooltip.show{transform:translateY(0);opacity:1}.date-input .input-wrapper{position:relative}.date-input .input-wrapper:not(:last-of-type):after{content:"";position:absolute;right:8px;width:2px;border-radius:1000000px;height:100%;background-color:var(--theme-inverted-100)}.date-input input{background-color:transparent;color:var(--theme-inverted-100);font-size:1em;font-weight:700;text-align:center;letter-spacing:1.25px;border:none;width:100%;transition:color .2s}.date-input input::placeholder{color:var(--theme-inverted-200)}.date-input input::-webkit-inner-spin-button{opacity:0}.date-input input:focus{outline:none}.date-input .date-picker-button{display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--theme-inverted-100);border:none;outline:none;cursor:pointer}.date-input.invalid{outline:2px solid red}.date-input.invalid input{color:red}.button{display:flex;justify-content:center;align-items:center;border:none;outline:none;background-color:#fdf74e;color:#000229;font-size:20px;font-weight:900;text-transform:uppercase;cursor:pointer;border-radius:.25em;padding:.5em 1.25em;letter-spacing:1.25px;transition:background-color .2s}.button:hover{background-color:#e3dc02}.button:active{background-color:#cac302}.button.text{background-color:transparent;color:#fdf74e}.button.text:hover{background-color:#80808059}.button.text:active{background-color:#80808066}.button.toggle{background-color:transparent;color:#fdf74e}.button.toggle[data-toggled=true]{background-color:#fdf74e59}.button.toggle[data-toggled=false]:hover{background-color:#80808059}.button.toggle[data-toggled=false]:active{background-color:#80808066}.switch{--switch-width: 2.75rem;--switch-height: 1rem;--switch-track-color: var(--theme-200);--switch-thumb-color: var(--theme-inverted-100);--switch-icon-color: var(--theme-200);position:relative;width:var(--switch-width);height:var(--switch-height);cursor:pointer;isolation:isolate;border:none;background-color:transparent}.switch .switch-track{background-color:var(--switch-track-color);width:100%;height:100%;border-radius:1000rem}.switch .switch-thumb{position:absolute;top:0;width:var(--switch-height);height:var(--switch-height);background-color:var(--switch-thumb-color);scale:1.5;border-radius:1000rem;transition:left .25s}.switch .switch-thumb svg{fill:var(--switch-icon-color);width:100%;height:100%;scale:.75}.switch[data-checked=true] .switch-thumb{left:calc(100% + var(--switch-height) * -1)}.switch[data-checked=false] .switch-thumb{left:0}.toggles-container{position:relative}.toggles-menu{display:flex;flex-direction:column;gap:2.5rem;padding:1rem;left:0;position:absolute;background-color:var(--theme-200);width:max-content;bottom:5rem;border-radius:.25rem;transform-origin:bottom;transition:scale .25s}.toggles-menu[data-expanded=true]{scale:1}.toggles-menu[data-expanded=false]{scale:0}.toggles-menu>div{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:1rem}.toggles-menu-button{display:flex;justify-content:center;align-items:center;background-color:var(--theme-200);font-size:1.5rem;padding:.2em 1.25em;cursor:pointer;outline:none;border:none;border-radius:1000rem}.toggles-menu-button svg{font-size:2em;fill:var(--theme-inverted-100);transition:.25s rotate}@media (max-width: 600px){.toggles-menu{left:-25%;translate:-25% 0}}.time-remaining{background-color:var(--theme-200);padding:.5em;border-radius:1000rem;font-size:1.75rem;font-weight:700;letter-spacing:1.5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif!important}body{background-color:var(--theme-100);color:var(--theme-inverted-100);height:100vh;overflow-x:hidden}#root{display:grid;grid-template-rows:min-content 1fr min-content;height:100%}.container{max-width:1100px;width:80%;margin:0 auto}.hidden{display:none!important}.header{text-align:center;padding:1rem}.main{display:flex;flex-direction:column;justify-content:center;align-items:center}.main .calculations-grid{display:grid;place-content:center;grid-template-columns:repeat(2,1fr)}.main .calculations-section{display:grid;place-content:center;text-align:center;gap:3rem}.main .calculation-heading{letter-spacing:1.2px}.main .calculations-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--theme-200);font-weight:700;gap:1rem;padding:2rem;border-radius:.25rem}.main .desired-date-input{width:250px}.main .fire-icon{color:#fdf74e}.main .result{display:flex;justify-content:center;align-items:center;font-size:1.75rem}.main .multiplier{font-size:1.25rem;color:#fdf74e}.main .calculate-button{margin-top:5rem}.footer{display:grid;grid-template-columns:max-content 1fr max-content;place-items:center;padding:1rem 2rem}.footer .footer-toggles{display:flex;width:100%}.footer .footer-toggles>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.footer .footer-toggles>div p{margin-bottom:1rem}@media (max-width: 860px){.footer-toggles{flex-direction:column;gap:1.25rem}}@media (max-width: 600px){.calculations-grid{grid-template-columns:initial!important;gap:5rem}.footer{grid-template-columns:initial;gap:2rem;margin-top:3rem}}