.co-wordle-main-wrapper{background-color:var(--co-blue);padding:50px}.co-wordle{max-width:var(--page-width);margin:0 auto}.co-wordle-title{text-align:center;margin-bottom:20px}.co-wordle-sub-title{text-align:center;margin-bottom:40px}.co-wordle .game-container{text-align:center}.co-wordle .game{display:grid;gap:10px;margin-bottom:30px}.co-wordle .row{display:flex;gap:10px;justify-content:center}.co-wordle .tile{display:flex!important;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;font-weight:700;text-align:center;line-height:1.1em;border:2px solid #728ad6;background:transparent;color:#fff;text-transform:uppercase;border-radius:6px;transition:background .3s,border-color .3s}.co-wordle .tile.correct{background:#538d4e;border-color:#538d4e}.co-wordle .tile.present{background:#b59f3b;border-color:#b59f3b}.co-wordle .tile.absent{background:#3a3a3c;border-color:#3a3a3c}.co-wordle #keyboard{display:flex;flex-direction:column;gap:8px;align-items:center}.co-wordle .keyboard-row{display:flex;gap:6px;justify-content:center}.co-wordle .keyboard-row *{font-family:var(--co-font-2);line-height:var(--co-font-2-line-height);letter-spacing:var(--co-font-2-letter-spacing);font-weight:var(--co-font-2-weight-normal);font-style:var(--co-font-2-style-normal)}.co-wordle .keyboard-row:nth-child(2){margin-left:20px}.co-wordle .keyboard-row:nth-child(3){margin-left:40px}.co-wordle #keyboard button{padding:12px;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;background:#728ad6;color:#fff;text-transform:uppercase;min-width:40px;transition:background .2s}.co-wordle #keyboard button:hover{background:#5d76c6}.co-wordle #keyboard button.wide{min-width:70px}.co-wordle #message{margin-top:20px;font-size:1.2rem;font-weight:700;color:var(--co-white)}@media screen and (max-width: 575px){.co-wordle-main-wrapper{padding:30px 20px}.co-wordle-title{margin-bottom:20px}.co-wordle .tile{width:50px;height:50px;font-size:28px}.co-wordle #keyboard button{padding:10px;min-width:30px}.co-wordle #keyboard button.wide{min-width:30px}}@media screen and (max-width: 450px){.co-wordle-main-wrapper{padding:20px 15px}.co-wordle-title{margin-bottom:20px}.co-wordle .tile{width:40px;height:40px;font-size:20px}.co-wordle #keyboard button{padding:8px;min-width:25px}.co-wordle #keyboard button.wide{min-width:25px}}@media screen and (max-width: 380px){.co-wordle .tile{width:35px;height:35px;font-size:20px}.co-wordle #keyboard button{padding:5px;min-width:20px}.co-wordle #keyboard button.wide{min-width:20px}}@media screen and (max-width: 340px){.co-wordle .tile{width:35px;height:35px;font-size:20px}.co-wordle #keyboard button{padding:3px;min-width:15px}.co-wordle #keyboard button.wide{min-width:15px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/co-styles-component-wordle.css.map */