/* Wordle Solver (/wordle-solver and its language versions, bundle /vars/solver). Home look on top of the bundle CSS:
 * white inputs with coloured borders instead of saturated slabs, green length chips, green / white pill buttons. */
#root .controls__title{color:#14181f;font-weight:800}
#root .controls__body{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#root .controls__button{width:38px;height:38px;margin:0!important;border:1px solid #dbe1ee;border-radius:10px;background:#fff;color:#14181f;font-size:16px;font-weight:800;box-shadow:0 2px 0 rgba(15,23,42,.06)}
#root .controls__button:hover{background:#eef1f7}
#root .controls__button.active{border-color:#16a34a;background:#16a34a;color:#fff}

#root .card__caption{color:#14181f;font-weight:800}
#root .solver__row{gap:6px}
#root .cell{margin:0!important;border:2px solid #dbe1ee;border-radius:12px;background:#fff;color:#14181f;font-weight:800}
#root .cell.correct{border-color:#16a34a;background:#fff!important;color:#16a34a}
#root .cell.correct:focus{box-shadow:0 0 0 3px rgba(22,163,74,.18)}
#root .card__input{border:2px solid #dbe1ee!important;border-radius:12px;background:#fff!important;color:#14181f!important;font-weight:800;letter-spacing:.08em}
#root .card__item:nth-child(2) .card__input{border-color:#eab308!important;background:#fefce8!important;color:#a16207!important}
#root .card__item:nth-child(3) .card__input{border-color:#94a3b8!important;background:#f8fafc!important;color:#475569!important}
#root .card__input:focus{box-shadow:0 0 0 3px rgba(20,24,31,.08)}
#root .card__item:nth-child(2) .card__caption:before,#root .card__item:nth-child(3) .card__caption:before,#root .card__item:first-child .card__caption:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:3px;background:#16a34a;vertical-align:1px}
#root .card__item:nth-child(2) .card__caption:before{background:#eab308}
#root .card__item:nth-child(3) .card__caption:before{background:#94a3b8}

#root .card__top{gap:10px}
#root .card__button{margin-bottom:10px;padding:13px 28px;border:2px solid #16a34a;border-radius:999px;background:#16a34a;color:#fff;font-weight:800;box-shadow:0 2px 0 rgba(15,23,42,.10)}
#root .card__button:hover{background:#12833c;border-color:#12833c}
#root .card__button+span+.card__button{border-color:#dbe1ee;background:#fff;color:#14181f}
#root .card__button+span+.card__button:hover{background:#eef1f7}

#root .word__badge{border:1px solid #dbe1ee;border-radius:10px;background:#fff;color:#14181f;font-weight:800;letter-spacing:.06em}