.carbon-calculator{width:100%;top:50%;min-height:75vh;margin:0 auto 6rem;width:90%;background:rgba(56,56,56,.65);padding:7rem;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);background-size:99%;color:white;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.category-selection{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;gap:1.5rem;position:relative;top:6vh}.category-name{font-size:2rem;font-weight:700;text-align:center;color:#ffffff;position:relative;top:3vh;font-family:var(--font-secular-one),sans-serif}.category-button{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:.75rem;width:9vw;max-width:100%;height:9vw;transition:all .3s ease;cursor:pointer}.category-button:hover{transform:scale(1.1)}.category-button .icon{width:60%;height:auto;transition:transform .2s ease}.category-button:hover .icon{transform:translateY(-5px)}.category-icon{display:flex;justify-content:center;align-items:center;margin-top:-5rem;margin-bottom:-2rem}.category-icon-image{width:70px;height:70px;object-fit:contain}.question-container{display:flex;flex-direction:column;gap:1.5rem}.question-title{font-size:1.6rem;color:#ffffff;position:relative;top:5vh}.slider-navigation{position:relative;top:1vh;display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:.5rem;opacity:1}.slider-container{width:70%;padding:0 1rem}.question,.slider-container{display:flex;flex-direction:column;align-items:center}.question{gap:.5rem;width:100%}.question-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.question-labels{display:flex;justify-content:space-between;width:100%;margin-bottom:1.5rem}.question-label{font-size:1rem;color:#9ca3af}.question-label.active{color:#4ade80;font-weight:700}.slider{width:100%;height:1.3rem;appearance:none;background:#4b5563;border-radius:.5rem;outline:none;box-shadow:0 0 15px 5px rgba(226,241,45,.2)}.slider::-webkit-slider-thumb{appearance:none;width:2.5rem;height:2.5rem;border-radius:50%;background:url(/icon.png) no-repeat 50%;background-size:cover;cursor:pointer;border:none;box-shadow:0 0 15px 5px rgba(45,241,71,.3)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px 8px rgba(45,241,71,.4)}.slider-value{margin-top:1rem;font-size:1.125rem}.category-progress-container{height:.25rem;background-color:rgba(255,255,255,.1);border-radius:9999px;overflow:hidden;margin-top:0;width:100%}.category-progress-bar{height:100%;background-color:#31FFF3;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.results-container{text-align:center;margin-top:0;padding-top:0;position:relative;top:-3rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.footprint-value{font-size:1.875rem;font-weight:700;color:#4ade80}.fun-facts{display:flex;flex-direction:column;gap:.5rem}.fun-facts,.percentile-text{margin-top:1rem;font-size:.875rem;color:#d1d5db}.percentile-text{text-align:center}.chart-description{font-size:.875rem;margin-top:-3rem;color:#d1d5db;text-align:center}.charts-section{display:flex;gap:1.5rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.chart-group{flex:1;min-width:20rem;max-width:38rem;min-height:10rem;display:flex;flex-direction:column}.chart-container{flex:1;padding:1rem}.bar-container,.chart-container{min-width:0;background-color:rgba(255,255,255,.05);border-radius:.75rem;margin-top:1rem;height:16rem}.bar-container{flex:1.5;padding:0}@media (max-width:768px){.charts-side-by-side{flex-direction:column}.bar-container,.chart-container{width:100%}}.reset-button{margin-top:1.5rem;margin-bottom:-5rem;width:100%;background-color:rgba(255,255,255,.1);color:white;padding:.5rem 0;border-radius:.5rem;transition:background-color .3s ease}.reset-button:hover{background-color:rgba(255,255,255,.2)}.nav-button{width:5vw;height:5vw;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:1;transition:opacity .2s ease}.nav-icon{color:white;transition:all .2s ease}.nav-icon:hover{color:#49AB45}.calculate-button{position:relative;margin:1rem auto;padding:1.2rem 1rem;border-radius:.8rem;color:black;font-family:var(--font-inter),sans-serif;font-weight:600;font-size:18px;text-align:center;text-decoration:none;transition:all .5s ease;border:none;overflow:hidden;z-index:2;box-shadow:0 0 15px 5px rgba(226,241,45,.3);letter-spacing:-.8px;width:100%;max-width:300px}.calculate-button:before{background:linear-gradient(90deg,rgb(65,255,72),#00BCB1)}.calculate-button:hover{box-shadow:0 0 25px 10px rgba(226,241,45,.4)}.calculate-button:before{content:"";position:absolute;inset:0;transition:all .5s ease;z-index:-1;background:linear-gradient(90deg,#41FF48,#00BCB1)}.calculate-button:hover:before{background:linear-gradient(90deg,rgba(65,255,72,.8),rgba(0,188,177,.8))}.calculate-button span{position:relative;z-index:1}.country-select-button{margin-top:.6rem;align-self:center;padding:.2rem .6rem;font-size:.875rem;border-radius:.375rem;background-color:#3b82f6;color:white;border:none;cursor:pointer;font-weight:500;transition:background-color .3s ease}.country-select-button:hover{background-color:#2563eb}.country-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:flex-end}.country-selector-container{width:24rem;height:100vh;background-color:#1f2937;padding:1.25rem;overflow-y:auto;box-shadow:-.125rem 0 .625rem rgba(0,0,0,.2);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;border-radius:.375rem}.country-selector-container.open{transform:translateX(0)}.country-selector-header{display:flex;justify-content:space-between;align-items:center;position:relative}.country-selector-title{margin:0;font-size:1.125rem;font-weight:600;color:white;text-align:center}.close-button{position:absolute;top:-1rem;right:-.5rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:white}.close-button:hover{color:#41FF48}.search-container{padding:1rem 1.25rem;border-bottom:1px solid #374151}.search-input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;background-color:white;color:#111827}.search-input::placeholder{color:#9ca3af}.countries-list{padding:0 1.25rem;margin-top:1rem}.country-item label{display:flex;align-items:center}.country-checkbox{margin-right:1rem}.select-all-container{margin-top:1rem}