@font-face{font-family:Clear Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/clear-sans-all-700-normal.0a529a00.woff2) format("woff2"),url(/assets/clear-sans-all-700-normal.b16e36cc.woff) format("woff")}:root{--light-color-text: #1a1a1b;--light-color-text-tile: #ffffff;--light-color-line: #3a3a3c;--light-color-button: hsl(214, 9%, 74%);--light-color-button-hover: hsl(214, 9%, 84%);--light-color-bg: white;--light-color-letter-empty: #d3d6da;--light-color-letter-absent: #787c7e;--light-color-letter-yellow: #c9b458;--light-color-letter-green: #6aaa64;--dark-color-text: #d7dadc;--dark-color-text-tile: #d7dadc;--dark-color-line: #3a3a3c;--dark-color-button: hsl(240, 2%, 30%);--dark-color-button-hover: hsl(240, 2%, 40%);--dark-color-bg: #121213;--dark-color-letter-empty: #3a3a3c;--dark-color-letter-absent: #3a3a3c;--dark-color-letter-yellow: #b59f3b;--dark-color-letter-green: #538d4e}:root,:root[data-theme=light]{--color-text: var(--light-color-text);--color-text-tile: var(--light-color-text-tile);--color-line: var(--light-color-line);--color-button: var(--light-color-button);--color-button-hover: var(--light-color-button-hover);--color-bg: var(--light-color-bg);--color-letter-empty: var(--light-color-letter-empty);--color-letter-absent: var(--light-color-letter-absent);--color-letter-yellow: var(--light-color-letter-yellow);--color-letter-green: var(--light-color-letter-green)}@media (prefers-color-scheme: dark){:root{--color-text: var(--dark-color-text);--color-text-tile: var(--dark-color-text-tile);--color-line: var(--dark-color-line);--color-button: var(--dark-color-button);--color-button-hover: var(--dark-color-button-hover);--color-bg: var(--dark-color-bg);--color-letter-empty: var(--dark-color-letter-empty);--color-letter-absent: var(--dark-color-letter-absent);--color-letter-yellow: var(--dark-color-letter-yellow);--color-letter-green: var(--dark-color-letter-green)}}:root[data-theme=dark]{--color-text: var(--dark-color-text);--color-text-tile: var(--dark-color-text-tile);--color-line: var(--dark-color-line);--color-button: var(--dark-color-button);--color-button-hover: var(--dark-color-button-hover);--color-bg: var(--dark-color-bg);--color-letter-empty: var(--dark-color-letter-empty);--color-letter-absent: var(--dark-color-letter-absent);--color-letter-yellow: var(--dark-color-letter-yellow);--color-letter-green: var(--dark-color-letter-green)}*{box-sizing:border-box}:root{background-color:var(--color-bg);color:var(--color-text);font-family:Clear Sans,sans-serif;font-weight:700}body{margin:0;padding:0}button,a.button-link{display:block;appearance:none;border:none;font-family:inherit;font-weight:inherit;padding:0;background:none;background-color:var(--color-button);color:var(--color-text);border-radius:.2rem;padding:0 .5ch;text-decoration:none;white-space:nowrap}button:disabled{opacity:.5}button:hover,button:focus,a.button-link:hover,a.button-link:focus{background-color:var(--color-button-hover)}.icon-inline{height:1em;width:1em;display:inline-block;background-image:url(/assets/launch.4532f3a6.svg);background-size:100%}.icon-inline,:root[data-theme=light] .icon-inline{filter:none;opacity:.9}@media (prefers-color-scheme: dark){.icon-inline{filter:invert();opacity:.85}}:root[data-theme=dark] .icon-inline{filter:invert();opacity:.85}a{color:var(--color-text)}header{display:grid;margin-right:4rem;margin-left:4rem;min-height:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:1rem;padding:1ex 0;margin-bottom:1rem;border-bottom:1px solid var(--color-line)}footer{border-top:1px solid var(--color-line);min-height:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:2rem;padding:1ex 0}h1{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.2rem;font-size:2.25rem}.theme-toggle{width:2rem;height:2rem;background:none;background-size:100%;position:absolute;top:1rem;right:1rem;opacity:.8}button.theme-toggle:hover,button.theme-toggle:focus{opacity:1;background-color:#0000}.theme-toggle:disabled{opacity:.5}.theme-toggle,:root[data-theme=light] .theme-toggle{background-image:url(/assets/dark_mode.5e889cd7.svg)}@media (prefers-color-scheme: dark){.theme-toggle{background-image:url(/assets/light_mode.5d96a317.svg)}}:root[data-theme=dark] .theme-toggle{background-image:url(/assets/light_mode.5d96a317.svg)}.wordles-wrap{margin:0 4rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}.wordle{display:grid;grid-template-rows:1.3rem auto 3.7rem}.wordle .buttons,.wordle .labels{display:none}.wordle:hover .buttons,.wordle:hover .labels,.wordle.clicked .buttons,.wordle.clicked .labels{display:flex}.wordle .labels{font-size:1rem;line-height:1rem;justify-content:space-between}.wordle .buttons{gap:.4rem;padding-top:.4rem;align-content:flex-start;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap}.wordle .buttons button{font-size:1rem;min-width:5ch}.wordlegrid{grid-row:2;display:grid;grid-template:repeat(6,1fr) / repeat(5,1fr);user-select:none;gap:.2rem}.wordlegrid div{aspect-ratio:1;position:relative}@supports not (aspect-ratio: 1){.wordlegrid div:before{content:"";display:block;width:100%;padding-bottom:100%}}.wordlegrid div span{display:none}.wordlegrid.show-letters div span{display:grid;position:absolute;inset:0;font-size:1.3rem;text-transform:uppercase;place-content:center;color:var(--color-text-tile)}.wordlegrid div{background-color:none;border:1px solid var(--color-letter-empty)}.wordlegrid div.c0,.wordlegrid div.c1,.wordlegrid div.c2{border:none}.wordlegrid div.c0{background-color:var(--color-letter-absent)}.wordlegrid div.c1{background-color:var(--color-letter-yellow)}.wordlegrid div.c2{background-color:var(--color-letter-green)}
