body,ul,li{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}li{list-style-type:none}.container{background-color:var(--color-tone-2)}.title-container{display:flex;position:relative;border-bottom:1px solid var(--color-tone-3);padding:15px 20px;align-items:center;justify-content:center}.title-container .menu{width:100%}.title-container .title{font-size:32px;font-weight:bold;text-align:center;color:var(--color-tone-1)}.title-container .toolbar-container{width:100%}.title-container .toolbar{display:flex;gap:8px;justify-content:right}.title-container .toolbar li{display:flex;cursor:pointer}.tile-container{position:relative;justify-content:center;margin-top:10px}.tile-container ul{display:flex;gap:5px;align-items:center;justify-content:center;margin-bottom:5px}.tile-container li{width:48px;height:48px;transition:transform .6s;transform-style:preserve-3d}.tile-container li.flip{transform:rotateX(180deg)}.tile-container li div{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:32px;font-weight:bold;user-select:none}.tile-container li .front{backface-visibility:hidden;border:2px solid var(--color-tone-3)}.tile-container li .front.letter{animation:zoom-in-zoom-out .05s ease 1;color:var(--color-tone-1);border-color:var(--color-tone-4)}.tile-container li .back{backface-visibility:hidden;color:#fff;transform:rotateX(180deg)}.tile-container li .back.correct{background-color:var(--color-tone-5);border-color:var(--color-tone-5)}.tile-container li .back.wrong{background-color:var(--color-tone-6);border-color:var(--color-tone-6)}.tile-container li .back.found{background-color:var(--color-tone-7);border-color:var(--color-tone-7)}@keyframes zoom-in-zoom-out{0%{transform:scale(1, 1)}50%{transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}.keyboard-container{margin-top:10px}.keyboard-container ul{display:flex;gap:5px;align-items:center;justify-content:center;margin-bottom:8px}.keyboard-container li{display:flex;text-transform:uppercase;min-width:44px;min-height:60px;align-items:center;justify-content:center;font-weight:bold;font-size:20px;background-color:var(--color-tone-3);color:var(--color-tone-1);border-radius:4px;user-select:none;cursor:pointer}.keyboard-container li.keyboard-enter{font-size:12px;padding:0 12px}.keyboard-container li.keyboard-delete{padding:0 12px}.common-theme .keyboard-container li.correct{background-color:var(--color-tone-5);color:#fff}.common-theme .keyboard-container li.wrong{background-color:var(--color-tone-6);color:#fff}.common-theme .keyboard-container li.found{background-color:var(--color-tone-7);color:#fff}.shake{animation:shake .35s ease-in-out}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}40%{transform:translateX(-5px)}60%{transform:translateX(5px)}80%{transform:translateX(-5px)}90%{transform:translateX(5px)}100%{transform:translateX(0)}}.bounce{animation:bounce 1s ease 1}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-10px)}50%{transform:translateY(5px)}60%{transform:translateY(-5px)}80%{transform:translateY(2px)}100%{transform:translateY(0)}}.hide{visibility:hidden}.dialog.dialog-help .dialog-container{color:var(--color-tone-1);padding:32px;max-width:460px}.dialog.dialog-help h1{font-size:28px;font-weight:700;margin-top:29px;margin-bottom:4px;text-align:left;text-transform:capitalize}.dialog.dialog-help h2{font-size:20px;font-weight:500;line-height:24px;margin:0}.dialog.dialog-help .help-instructions{font-size:16px;line-height:20px;list-style-type:disc;font-weight:500;margin:15px 0}.dialog.dialog-help .help-instructions li{list-style-type:disc;margin-left:20px;margin-bottom:4px}.dialog.dialog-help .help-label{margin:0;font-size:16px;line-height:20px;font-weight:bold}.dialog.dialog-help .tile-container ul{justify-content:left}.dialog.dialog-help .tile-container li{width:32px;height:32px}.dialog.dialog-help .tile-container li div{font-size:1.45rem}.dialog.dialog-help .help-hint{margin-bottom:20px}.dialog.dialog-help .help-hint:last-child{margin-bottom:0}.dialog.dialog-help .help-letter{font-weight:bold}.dialog-settings .dialog-options li{display:flex;padding:16px 0;border-bottom:1px solid var(--color-tone-3);align-items:center}.dialog-settings .dialog-pref{flex-grow:1;padding-right:16px}.dialog-settings .dialog-label{color:var(--color-tone-1);font-size:18px}.dialog-settings .dialog-sublabel{font-size:12px;color:var(--color-dialog-text)}.dialog-settings .author{color:var(--color-dialog-text);font-size:12px;padding:16px 0}.dialog.dialog-stats .dialog-container{display:flex;align-items:center;flex-direction:column;padding-bottom:32px}.dialog.dialog-stats .stats-container{display:flex;flex-direction:column;width:320px;padding:55px 20px 0 20px;border-bottom:1px solid var(--color-tone-8)}.dialog.dialog-stats .stats-title{text-transform:uppercase;font-weight:700;font-size:14px;line-height:20px;margin-top:0;margin-bottom:10px;letter-spacing:.05em;padding-top:15px;align-self:center;width:265px;color:var(--color-tone-1)}.dialog.dialog-stats .stats-info{display:flex;flex-direction:row;gap:15px}.dialog.dialog-stats .stats-info ul{display:flex;flex-direction:column;align-items:center}.dialog.dialog-stats .stats-info-title{font-size:44px;font-weight:400;letter-spacing:.05em;font-variant-numeric:proportional-nums;line-height:34px;text-align:center;min-width:64px;color:var(--color-tone-1)}.dialog.dialog-stats .stats-info-subtitle{font-size:10px;line-height:14px;letter-spacing:.1em;text-align:center;color:var(--color-tone-1)}.dialog.dialog-stats .stats-graph-container{padding:0 15px 15px 15px}.dialog.dialog-stats .stats-graph-container li{display:flex;gap:5px;margin-bottom:5px}.dialog.dialog-stats .stats-graph-label{font-weight:bold;font-size:12px;line-height:18px;letter-spacing:.1em;color:var(--color-tone-1)}.dialog.dialog-stats .stats-bar-container{flex-grow:1}.dialog.dialog-stats .stats-bar{background-color:var(--color-tone-9);height:100%;color:#fff;font-weight:bold;font-size:12px;line-height:18px;text-align:right;padding:0 8px;min-width:8px}.dialog.dialog-stats .stats-bar-won{background-color:var(--color-tone-5)}.dialog.dialog-stats .share-container{margin-top:25px}.dialog.dialog-stats .share-button{display:flex;align-items:center;justify-content:center;gap:10px;width:142px;height:36px;background-color:var(--color-tone-5);color:#fff;border-radius:104px;border:none;font-weight:700;font-size:14px;line-height:16px;vertical-align:middle;cursor:pointer}.dialog.dialog-stats .share-button svg{color:#fff}.dialog{display:none;align-items:center;justify-content:center;background-color:var(--color-dialog-background);z-index:1;width:100%;height:100%;border:none}.dialog.dialog-open{display:flex}.dialog .dialog-container{position:relative;background-color:var(--color-tone-2);max-width:520px;width:90%;box-shadow:0 4px 23px 0 rgba(0,0,0,.2);border:1px solid var(--color-dialog-border);border-radius:8px;padding:16px;user-select:none;animation:fadeIn .2s}.dialog .dialog-container.fade-out{animation:fadeOut .2s}.dialog h1{font-size:16px;text-transform:uppercase;text-align:center;margin-bottom:15px;margin-top:0px;color:var(--color-tone-1)}.dialog button.dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:0;width:24px;height:24px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.toast{display:flex;justify-content:center;position:absolute;left:0;right:0;top:-15px;z-index:2}.toast-container{background-color:var(--color-tone-1);border-radius:4px;color:var(--color-tone-2);font-size:13px;padding:12px;font-weight:bold;opacity:0;visibility:hidden}.toast-container.fade-in{visibility:visible;opacity:1;transition:opacity .3s linear}.toast-container.fade-out{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s linear}.toggle{position:relative;display:block;width:32px;height:20px;min-width:32px;background-color:var(--color-tone-4);border:none;border-radius:999px;cursor:pointer}.toggle.disabled{opacity:.5}.toggle.on{background-color:var(--color-tone-5)}.toggle.on .knob{transform:translateX(calc(100% - 4px))}.toggle .knob{position:absolute;left:2px;top:2px;height:16px;width:50%;background:#fff;border-radius:8px;background-color:#fff;transform:translateX(0);transition:transform .3s}.light{--color-tone-1: #000;--color-tone-2: #fff;--color-tone-3: #d3d6da;--color-tone-4: #878a8c;--color-tone-5: #6aa967;--color-tone-6: #787c7e;--color-tone-7: #c9b45e;--color-tone-8: #dfdfdf;--color-tone-9: #787c7e;--color-dialog-background: rgba(255,255,255,0.5);--color-dialog-border: #f6f7f8;--color-dialog-text: #787c7e}.dark{--color-tone-1: #fff;--color-tone-2: #121213;--color-tone-3: #3a3a3c;--color-tone-4: #565758;--color-tone-5: #6aa967;--color-tone-6: #787c7e;--color-tone-7: #c9b45e;--color-tone-8: #424242;--color-tone-9: #3a3a3c;--color-dialog-background: rgba(0,0,0,0.5);--color-dialog-border: #1a1a1b;--color-dialog-text: #818384}.high-contrast{--color-tone-5: #f5793a;--color-tone-6: #787c7e;--color-tone-7: #85c0f9}@media only screen and (max-width: 425px){.keyboard-container{display:flex;flex-direction:column;margin-top:10px}.keyboard-container li{min-width:auto;width:8%}.content-container{display:flex;flex-direction:column;gap:10px;position:absolute;left:0;right:0;top:0;bottom:0}.title-container{padding:5px}.title-container .menu{width:38px}.title-container .title{font-size:26px}.title-container .toolbar{gap:5px}.title-container .toolbar li{position:relative;top:3px}.title-container svg{height:80%}.tile-container{display:flex;flex-direction:column;flex-grow:100;position:relative;gap:5px}.tile-container ul{position:relative;display:inline-flex;margin:0 30px}.tile-container li{width:100%;height:100%;max-height:70px;min-height:60px}.dialog.dialog-stats .stats-container{padding-top:0;padding-left:0}.dialog.dialog-stats .stats-title{align-self:initial;width:auto;padding-left:15px}.dialog.dialog-stats .stats-info-title{font-size:28px}.dialog.dialog-stats .stats-info{margin-bottom:15px;margin-left:15px;margin-right:15px;gap:10px}}/*# sourceMappingURL=wordle.css.map */