.breakdance .bde-section-20984-100 .section-container{display:flex;flex-direction:column;gap:1rem}.breakdance .bde-section-20984-100 .section-container{padding-bottom:clamp(1.5000rem,1.0714rem + 2.1429vw,3.0000rem);;padding-top:clamp(1.5000rem,1.0714rem + 2.1429vw,3.0000rem);}.breakdance .bde-heading-20984-108{font-family:"Nunito Sans",sans-serif;font-size:clamp(1.5000rem,1.0714rem + 2.1429vw,3.0000rem);;font-weight:300}.breakdance .bde-code-block-20984-107{width:100%;color:var(--bde-palette-black-944e4479-3397-409d-ace0-98821c6a812a-3);font-family:"Nunito Sans",sans-serif}:root{--color-primary-dark:#1f2937;--color-primary-light:#4b5563;--color-blue-bg:#eff6ff;--color-blue-border:#bfdbfe;--color-green-bg:#f0fdf4;--color-green-border:#dcfce7;--color-text-blue:#1d4ed8;--color-text-green:#047857;--color-output-bg:#1f2937;--color-output-fg-alt:#fcd34d}.calculator-container{width:100%;margin:0 auto;background-color:#fff;border-radius:0.75rem;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.08);border:1px solid #e0e0e0}.mt-8{margin-top:2rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.pb-2{padding-bottom:0.5rem}.text-3xl{font-size:1.875rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gray-800{color:var(--color-primary-dark)}.text-gray-700{color:#374151}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-red-400{color:#f87171}.hidden{display:none!important}.settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.settings-grid{grid-template-columns:1fr 1fr}}.input-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.input-grid{grid-template-columns:1fr 1fr}}.input-base{padding:0.5rem 2.5rem 0.5rem 0.5rem;border:1px solid #d1d5db;border-radius:0.5rem;width:100%;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.input-base:focus{outline:2px solid transparent;outline-offset:2px;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-group-blue,.input-group-green{padding:1.5rem;border-radius:0.5rem}.input-group-blue{background-color:var(--color-blue-bg);border:1px solid var(--color-blue-border)}.input-group-blue .input-base:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-group-green{background-color:var(--color-green-bg);border:1px solid var(--color-green-border)}.input-group-green .input-base:focus{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.unit-select-base{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236B7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.5em 1.5em;padding-right:2.5rem;height:2.5rem;border-radius:0.5rem;border:1px solid #d1d5db;width:100%}.result-box{background-color:var(--color-output-bg);color:#fff;padding:1.5rem;border-radius:0.75rem;border:1px solid #374151}.result-code{position:relative}.result-code code{display:block;background-color:#374151;padding:0.75rem;border-radius:0.25rem;font-family:monospace;font-size:0.875rem;word-wrap:break-word;user-select:all;vertical-align:middle!important}.copy-button{position:absolute;top:0.25rem;right:0.25rem;background-color:#4b5563;color:#fff;font-size:0.75rem;font-weight:600;font-family:'Nunito Sans';padding:0.25rem 0.5rem;border-radius:0.25rem;transition:background-color 0.15s;cursor:pointer;border:none}.copy-button:hover{background-color:#6b7280}code{color:#fff}h1.generator-heading{font-size:clamp(1.15rem,0.68rem + 2.35vw,3.5rem)}h2.text-xl.font-semibold.mb-3,h3.text-lg.font-semibold.mb-2{color:#fff!important}h2.input-heading,h2.config-heading,h2.results-heading{font-size:clamp(1.2rem,1.2rem + 0.5vw,2.2rem);color:#000!important;font-family:'Nunito Sans'}h2.results-heading,h3.clamp-code{font-size:clamp(1.2rem,1.2rem + 0.5vw,2.2rem);color:#fff!important;font-family:'Nunito Sans'}p{font-family:'Nunito Sans';color:#000!important;font-weight:300;font-size:clamp(1.0000rem,0.9714rem + 0.1429vw,1.1000rem)}span.value-text{font-family:'Nunito Sans';color:#fff!important;font-weight:300;font-size:clamp(1.0000rem,0.9714rem + 0.1429vw,1.1000rem)}#formula-breakdown{display:flex;gap:0!important}