.instructions{box-sizing:border-box;color:var(--color-white);height:calc(100vh - 270px);max-height:420px;overflow-y:auto;padding:10px;width:350px}.instructions a{color:inherit;font-weight:700;text-decoration:underline}.instructions ol{margin:0;padding:0 0 0 20px}.instructions ol li{margin-bottom:20px}.instructions ul{margin:0;padding:0 0 0 20px}.instructions ul li{margin-bottom:5px}.instructions__span__padding{border-radius:3px;display:inline-block;padding:2px}.instructions__button{border:0;border-radius:200px;font-weight:700;padding:7px 0;vertical-align:middle}.instructions__button span{display:inline-block;margin-left:10px}.instructions__button--share{background-color:var(--color-green);color:#fff;width:130px}.results{grid-gap:5px;box-sizing:border-box;display:grid;grid-template-rows:repeat(6,1fr);height:calc(100vh - 260px);max-height:420px;overflow-y:auto;padding:10px;scroll-behavior:smooth;width:350px}@supports (-webkit-touch-callout:none){.results{height:calc(100vh - 320px)}}.results__row{grid-gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.results__row__letter{align-items:center;border:0;box-sizing:border-box;color:var(--color-white);display:inline-flex;font-size:2rem;font-weight:700;justify-content:center;line-height:2em;margin:0;padding:0;text-transform:uppercase;vertical-align:middle;width:100%}.keyboard,.results__row__letter{-webkit-user-select:none;user-select:none}.keyboard{height:200px;margin:0 8px}.keyboard__row{display:flex;margin:0 auto 8px;touch-action:manipulation;width:100%}.keyboard__row--100{width:100%}.keyboard__row--90{width:90%}.keyboard__row__button{-webkit-tap-highlight-color:rgba(0,0,0,.3);align-items:center;border:0;border-radius:4px;color:var(--color-white);display:flex;font-family:inherit;font-weight:700;height:58px;justify-content:center;margin:0 6px 0 0;padding:0;text-transform:uppercase;-webkit-user-select:none;user-select:none}.keyboard__row__button--010{flex:1 1}.keyboard__row__button--015{flex:1.5 1}.ReactModal__Overlay{background-color:#00000080!important;opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.modal__content{background-color:var(--color-black);border:none;border-radius:1rem;bottom:auto;color:#fff;height:calc(100% - 2rem);left:50%;max-width:475px;padding:20px;position:relative;right:auto;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem)}.modal__content--settings{max-height:520px}.modal__content--title{font-size:16px;font-weight:700;letter-spacing:.5px;text-align:center}.modal__content--item{align-items:center;border-bottom:1px solid var(--color-dark-gray);display:flex;justify-content:space-between;padding:16px 0}.modal__content--item a{color:var(--color-gray)}.modal__content--item-settings{padding-right:8px}.modal__content--item-settings-title{font-size:18px}.modal__content--item-settings-description{color:var(--color-gray);font-size:12px;line-height:16px}.modal__button{background:#0000;border:0;color:var(--color-white)}.modal__button--close{position:absolute;right:10px;top:10px}*,:after,:before{--color-black:#121213;--color-dark-gray:#3a3a3c;--color-gray:#818384;--color-gold:#b59f3b;--color-green:#538d4e;--color-white:#fff;box-sizing:border-box;font-family:Arial,sans-serif}body,html{height:100%}body{background-color:var(--color-black);margin:0;overflow-y:hidden;padding:0}button{cursor:pointer}svg{vertical-align:middle}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--color-dark-gray)}::-webkit-scrollbar-track{background:var(--color-black)}#root{height:calc(100% - 50px)}.header{border-bottom:1px solid var(--color-dark-gray);font-size:37px;font-weight:700;height:50px;padding:5px;text-align:center}.header,.header__button{color:var(--color-white)}.header__button{background:#0000;border:0}.header__button--settings{position:absolute;right:5px;top:10px}.board{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:500px;width:100%}.board__results{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow:hidden}.margin--0{margin:0}.margin-top--20{margin-top:20px}.margin-right--40{margin-right:40px}.padding--10{padding:10px}.bold{font-weight:700}.center{text-align:center}.small{font-size:.8rem}.medium{font-size:1.3rem}.background--excluded{background-color:var(--color-dark-gray)}.background--neutral{background-color:var(--color-gray)}.background--included{background-color:var(--color-gold)}.background--exact{background-color:var(--color-green)}.button__toggle--container{display:flex;justify-content:space-between}.button__toggle{background:var(--color-gray);border:none;border-radius:999px;display:block;height:20px;position:relative;width:32px}.button__toggle--on{background:var(--color-green)!important}.button__toggle--knob{background:var(--color-white);border-radius:8px;display:block;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transform:translateX(0);transition:transform .3s;width:50%}.button__toggle--on .button__toggle--knob{transform:translateX(calc(100% - 4px))}
/*# sourceMappingURL=main.3756b7c1.css.map*/