/* Crosswordle (/crosswordle, Next.js bundle /vars/crosswordle). Replaces the bundle's base sheet
 * vars/crosswordle/fa1743bee4fd8c77.css, which reset html, body, *, img, svg and a sitewide; everything here is
 * scoped to #__next (the game and its modals, which portal into it). Home look: white rounded tiles, light keys,
 * green/yellow/slate states, pill buttons, light theme only. */
:root{--green:#16a34a;--darkendGreen:#12833c;--yellow:#eab308;--darkendYellow:#ca8a04;--orange:#fb923c;--blue:#60a5fa;--red:#dc2626;
  --spacing:15px;--spacing-sm:10px;
  --color-tone-1:#14181f;--color-tone-2:#55606f;--color-tone-3:#8a94a6;--color-tone-4:#dbe1ee;--color-tone-5:#eef1f7;--color-tone-6:#f7f8fa;--color-tone-7:#fff;
  --color-error:var(--red);--opacity-50:rgba(247,248,250,.5);--opacity-75:rgba(247,248,250,.8);--opacity-80:rgba(247,248,250,.85);
  --color-background:#fff;--color-present:var(--yellow);--color-correct:var(--green);--color-absent:#94a3b8;--tile-text-color:#fff;
  --key-text-color:#14181f;--key-evaluated-text-color:#fff;--key-bg:#e7ebf3;--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);
  --key-bg-absent:var(--color-absent);--modal-content-bg:#fff}
.colorblind{--color-correct:var(--orange);--color-present:var(--blue);--key-bg-present:var(--color-present);--key-bg-correct:var(--color-correct);--color-error:#16a34a}
@media screen and (max-height:700px){:root{--spacing:10px;--spacing-sm:5px}}

#__next{position:relative;isolation:isolate;margin:0 auto;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-tone-1);-webkit-font-smoothing:antialiased}
#__next *,#__next *:before,#__next *:after{box-sizing:border-box}
:where(#__next) *{margin:0}
:where(#__next) :is(canvas,img,picture,svg,video){display:block;max-width:100%}
:where(#__next) :is(button,input,select,textarea){font:inherit}
:where(#__next) a{color:var(--color-tone-1)}
#__next .Ads_adUnit__ikh7T{display:none}

#__next .Header_container__TjEgM{border-bottom:0;padding:4px 6px 0}
#__next .Header_container__TjEgM h1{margin:0;padding:6px 0;font-size:24px!important;line-height:1.2;font-weight:900;letter-spacing:.04em;color:#14181f}
#__next .Header_icons__AQ3cy{width:80px;gap:6px}
#__next .Header_icon__M8qQX{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px;margin:0!important;padding:0;border:1px solid #dbe1ee;border-radius:10px;background:#fff}
#__next .Header_icon__M8qQX:hover{background:#eef1f7}
#__next .Header_icon__M8qQX svg{width:20px;height:20px}
#__next .Header_headerLinks__rNpyu{margin-top:8px}
#__next .Header_headerLinks__rNpyu>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:0}
#__next .Header_headerLinks__rNpyu a{padding:3px 12px;border:1px solid #dbe1ee;border-radius:999px;background:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;color:#14181f}
#__next .Header_headerLinks__rNpyu a[data-active=true]{border-color:#16a34a;background:#16a34a;color:#fff;text-decoration:none}

#__next .Grid_grid__Hgn7i{width:min(340px,calc(100vw - 24px));gap:6px;padding:12px 2px}
#__next .Grid_row__v6wrt{gap:6px}
#__next .Grid_tile__VWsmc{border:2px solid transparent;border-radius:12px;font-size:30px;line-height:1;font-weight:800}
#__next .Grid_tile__VWsmc[data-state=empty]{border-color:var(--color-absent);background:var(--color-absent)}
#__next .Grid_tile__VWsmc[data-state=tbd]{border-color:#dbe1ee;background:#fff;color:#14181f}
#__next .Grid_tile__VWsmc[data-state=correct]{border-color:var(--color-correct)}
#__next .Grid_tile__VWsmc[data-state=present]{border-color:var(--color-present)}
#__next .Grid_tile__VWsmc[data-state=absent]{border-color:var(--color-absent)}
#__next .Grid_tile__VWsmc[data-selected=true]{outline:3px solid #14181f;outline-offset:2px}
#__next .Grid_tile__VWsmc[data-selected=true][data-error]{outline-color:var(--color-error)}
#__next .Grid_tile__VWsmc[data-error]:after{border-top-right-radius:10px}
@media (max-height:700px){#__next .Grid_grid__Hgn7i{width:min(310px,calc(100vw - 24px))}#__next .Grid_tile__VWsmc{font-size:26px}}

#__next .Keyboard_container__ADg1N{max-width:500px;margin:0 auto;padding:8px 6px}
#__next .Keyboard_row__CQd5C{margin-bottom:8px}
#__next .Keyboard_keyboard__3Xnga button{height:48px;margin-right:6px;border-radius:10px;box-shadow:0 2px 0 rgba(15,23,42,.10);font-size:17px;font-weight:800}
#__next .Keyboard_keyboard__3Xnga .Keyboard_oneandhalf__V9x0P{background:#d7e3f6;font-size:13px}
#__next .Keyboard_keyboard__3Xnga .Keyboard_emoji__bydWk{font-size:22px}
#__next .Keyboard_keyboard__3Xnga button[data-state]{box-shadow:none}
@media (max-width:520px){
  #__next .Keyboard_keyboard__3Xnga button{height:52px;margin-right:5px;border-radius:8px}
  #__next .Header_container__TjEgM h1{font-size:20px!important}
  #__next .Header_icons__AQ3cy{width:72px;gap:4px}
  #__next .Header_icon__M8qQX{width:34px!important;height:34px}
}

#__next .AppButtons_button__8p7qI,#__next .AppButtons_errorDetailsButton__6Xlcd{border-radius:999px;padding:5px 14px}
#__next .AppButtons_button__8p7qI{border-color:#dbe1ee;background:#fff}
#__next .App_errorBanner__qHeoU,#__next .CellError_cellError__QLIUO{border-radius:12px}
#__next .Toast_toast__MdX0g>div{border-radius:999px;font-weight:700}

#__next .ReactModal__Overlay{position:absolute!important;z-index:30;background:var(--opacity-75)!important}
#__next .ReactModal__Content{border:0!important;border-radius:18px!important;padding:18px!important;box-shadow:0 18px 50px rgba(15,23,42,.25)}
#__next .Modal_header__06a4S h2,#__next .nux_header__0B7l4 h2{font-size:22px;font-weight:900;color:#14181f}
#__next .nux_header__0B7l4 svg,#__next .Modal_header__06a4S svg{cursor:pointer}
#__next .nux_body__aF4D2{font-size:16px}
#__next .nux_grid___DgFS{width:100%;max-width:300px}
#__next .nux_body__aF4D2 blockquote{border-left-color:#dbe1ee;border-radius:2px}
#__next .nux_footerNext__6Vm7g{display:inline-block;padding:4px 16px;border-radius:999px;background:#16a34a;color:#fff;text-decoration:none}
#__next .SettingsModal_settingsRow__u0ait,#__next .SettingsModal_settingsCredits__xblMZ{border-bottom-color:#eef1f7}
#__next .ShareModal_shareSnippet__mr7Nw{border-color:#dbe1ee;border-radius:12px}
#__next .ShareModal_shareButton__dghkh{border:0;border-radius:999px;padding:8px 16px}
#__next .PuzzleSolved_contents__rvP0u{border:0;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.25)}
#__next .PuzzleSolved_button__ZKd37{border:1px solid #dbe1ee;border-radius:999px;background:#fff;padding:6px 14px}
#__next .PuzzleSolved_primaryButton__7vIQ7{border-color:#16a34a;background:#16a34a;color:#fff}

#wp-cw-hint{margin:8px auto 0}
