.cardRightSide{width:100%;gap:50px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;padding:20px;border-radius:20px}.cardRightSide h3{font-weight:500;font-size:2rem}.cardRightSide p{font-weight:500;font-size:1.2rem}.colorPicker,.textColorPicker{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-radius:10px;padding:10px;background-color:var(--white);border:1px solid var(--border-color)}.colorPicker{position:absolute;bottom:-230px;right:-1px}.textColorPicker{position:absolute;bottom:100px;right:-10px}.card-container{width:100%;padding:30px;flex-direction:column}.card-container,.container-wrapper{display:flex;gap:20px}.text-color-section label{font-size:.9rem;font-weight:500}.background-color-section,.text-color-section{width:100%}.background-color-section .input-wrapper,.text-color-section .input-wrapper{position:relative;z-index:1}.background-color-section .input-wrapper input,.text-color-section .input-wrapper input{font-size:1rem}.text-color-section .input-wrapper input{margin-top:10px;width:100%;border:1px solid var(--border-color);padding:10px;border-radius:10px;outline:none}.background-color-section label{font-size:.9rem;font-weight:500}.background-color-section .input-wrapper input{margin-top:10px;width:100%;border:1px solid var(--border-color);padding:10px;border-radius:10px;outline:none}.background-color-section .input-wrapper button,.text-color-section .input-wrapper button{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);position:absolute;top:17px;right:8px}.contrast-heading{font-size:.9rem;font-weight:500}.contrast-ratio-display{gap:5px;display:flex;margin-top:10px;flex-direction:column}.contrast-ratio-display .ratio-value{font-size:3rem;font-weight:700}.contrast-ratio-display .contrast-info .ratio-value-wrapper{display:flex;gap:5px;font-weight:600;font-size:.9rem;flex-direction:column;text-align:center}.stars-display{display:flex;gap:3px;font-size:1.1rem}.star-symbol{display:flex;gap:3px;font-size:.9rem}.contrast-info{align-items:center;padding:30px;border-radius:10px 10px 0 0}.contrast-info,.text-rating-section{display:flex;justify-content:space-between;gap:5px}.large-text-rating,.small-text-rating{display:flex;font-weight:600;align-items:center;font-size:.9rem;justify-content:space-between;width:100%;padding:20px;border-radius:0 0 10px 10px}.contrast-info.poor-contrast,.large-text-rating.poor-contrast,.small-text-rating.poor-contrast{background-color:var(--poor-contrast-bg);color:var(--poor-contrast-color)}.contrast-info.good-contrast,.large-text-rating.good-contrast,.small-text-rating.good-contrast{background-color:var(--good-contrast-bg);color:var(--good-contrast-color)}.contrast-info.very-good-contrast,.large-text-rating.very-good-contrast,.small-text-rating.very-good-contrast{background-color:var(--very-good-contrast-bg);color:var(--very-good-contrast-color)}