.columns-container{display:flex;gap:2rem;width:100%;max-width:1800px;flex-wrap:nowrap;margin:2em auto auto}.colour-selection{background-color:var(--secondary-background);padding:25px;border-radius:8px;border:1px solid var(--border);color:var(--text);transition:all .3s ease;margin-bottom:1em}h2{margin-bottom:1rem}h3{font-size:1rem;margin-top:1.5rem;font-weight:700}.colour-options{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5em}.colour-input{flex:1 1}.input{display:flex;align-items:center;position:relative;margin-top:.5em}input[type=text]{width:100%;font-family:Mulish,sans-serif;font-size:.9em;line-height:1.5;letter-spacing:.05em;border:1px solid var(--border);color:var(--text);border-radius:5px;transition:all .3s ease;box-sizing:border-box;margin:auto;padding:10px 50px 10px 20px}.example-container,input[type=text]{background-color:var(--secondary-background)}.example-container{padding-bottom:2em}.sample-text{text-align:center;font-size:1.5rem;font-weight:700;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.sample-text p{margin:0}.right-column{background-color:var(--secondary-background);padding:25px;border-radius:8px;border:1px solid var(--border);transition:all .3s ease;min-width:50%}.contrast-ratio{font-size:1.5rem;font-weight:700;padding-bottom:0}.result-item{display:flex;flex-direction:column;margin-bottom:.5em;border-radius:8px;padding:10px}.result-item p{margin:0}.result-category{justify-content:space-between}.fail-icon,.pass-icon,.result-category,.result-status{display:flex;align-items:center}.fail-icon,.pass-icon{width:18px;height:18px;margin-left:10px;fill:currentColor;justify-content:space-between}.pass{background-color:rgba(39,174,96,.15);color:#27ae60;border:1px solid #27ae60}.fail{background-color:rgba(231,76,60,.15);color:#e74c3c;border:1px solid #e74c3c}.pass-icon{fill:#27ae60}.fail-icon{fill:#e74c3c}@media (max-width:900px){.columns-container{flex-direction:column;gap:1em}.left-column{margin-bottom:1em}.right-column{margin-bottom:0}.result-grid{grid-template-columns:1fr}.example-container{padding-bottom:0}.colour-options{flex-direction:column}}