@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Libre Franklin,Nunito,sans-serif;font-size:16px;margin:0 0 10px}@media (max-width:479px){body{font-size:15px}}button{font-family:inherit;font-size:inherit;line-height:inherit}*{box-sizing:border-box}body{text-align:center}body.dark{color:#e0e0e0}.hidden{display:none}.ad__container{display:flex;justify-content:center}#root{background-color:#fff}body.dark #root{background-color:#121212}.App-header{align-items:center;display:flex;height:37px;justify-content:space-between;margin:0 auto;max-width:650px;padding:0 10px;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.App-page{margin:10px auto;max-width:640px;width:100%}.App-title{align-items:center;background-color:transparent;border-bottom:1px solid #e0e0e0;border-radius:0;display:flex;font-size:26px;font-weight:800;height:56px;justify-content:center;max-width:650px;min-width:100%;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}body.dark .App-title{background:transparent;border-bottom-color:#333;color:#fff}.Row,.Row-letter{align-items:center;justify-content:center}.Row-letter{background-color:transparent;border:2px solid #d3d6da;border-radius:2px;color:#1a1a1b;display:flex;flex:1 1;font-weight:700;text-transform:uppercase}body.dark .Row-letter{border-color:#3a3a3c;color:#fff}.Row-current .Row-letter{border-color:#878a8c}body.dark .Row-current .Row-letter{border-color:#565758}.Row-locked-in .Row-letter{border:none}.Row-annotation{--webkit-margin-start:16px;-webkit-margin-start:16px;margin-inline-start:16px;text-align:start;width:5em}.App-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto}.App-container h1{margin-top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App-container hr{border:none;border-top:1px solid #c5c3c3;height:0;margin:15px;padding:0}.App-footer{font-size:80%;line-height:1.5;margin:-1rem 0 2rem}.App-about{font-size:15px;line-height:1.6;padding:4px 0 16px;text-align:left}.App-about p{margin:8px 0}.App-about hr{border:none;border-top:1px solid #e0e0e0;margin:14px 0}body.dark .App-about hr{border-top-color:#333}.about-example{border-collapse:separate;border-spacing:4px;margin:14px auto}.about-example td.Row-letter{background-color:transparent;border:2px solid #d3d6da;border-radius:3px;box-sizing:border-box;color:#1a1a1b;font-size:18px;font-weight:700;height:44px;line-height:44px;text-align:center;text-transform:uppercase;vertical-align:middle;width:44px}body.dark .about-example td.Row-letter{border-color:#3a3a3c;color:#fff}.about-example td.letter-correct{background-color:#6aaa64;border:none;color:#fff}.about-example td.letter-elsewhere{background-color:#c9b458;border:none;color:#fff}.about-example td.letter-absent{background-color:#787c7e;border:none;color:#fff}body.dark .about-example td.letter-correct{background-color:#538d4e}body.dark .about-example td.letter-elsewhere{background-color:#b59f3b}body.dark .about-example td.letter-absent{background-color:#3a3a3c}.App-about b{align-items:center;background-color:#787c7e;border-radius:3px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:22px;justify-content:center;letter-spacing:.05em;min-width:22px;padding:0 5px;text-transform:uppercase;vertical-align:middle}.App-about b.green-bg{background-color:#6aaa64}.App-about b.yellow-bg{background-color:#c9b458}body.dark .App-about b{background-color:#3a3a3c}body.dark .App-about b.green-bg{background-color:#538d4e}body.dark .App-about b.yellow-bg{background-color:#b59f3b}.App-button-bar{border:none;border-radius:30px;display:flex;height:35px;padding:0 10px}body.dark .App-button-bar{background:transparent}.App-button-bar-under{bottom:-35px;height:27px;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.App-button{align-items:center;background:#f0f0f0;border:1px solid #d3d6da;border-radius:20px;color:#1a1a1b;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;line-height:20px;margin:3px;min-height:35px;padding:4px 16px}body.dark .App-button{background:#2a2a2a;border-color:#444;color:#fff}.App-button:hover{background:#e5e5e5;border-color:#bbb;color:#1a1a1b}body.dark .App-button:hover{background:#3a3a3a;color:#fff}.App-button:disabled{background-color:#f0f0f0;border-color:#e0e0e0;color:#aaa}.App-button-marked{background-color:#6aaa64;border:none;color:#fff;font-size:.9em;font-weight:700;letter-spacing:.5px;line-height:11px;padding:4px 18px;text-align:center;white-space:nowrap}.App-button-marked:hover{border:none}.App-button-marked:hover,body.dark .App-button-marked{background-color:#538d4e;color:#fff}body.dark .App-button-marked:hover{background-color:#6aaa64}.App-button img,.App-button span{vertical-align:middle}#select-show-button{background-color:#6eb66c;color:#fff;font-weight:600}#select-show-button:disabled{background-color:#c3c3c3}.App-button-circle,.App-button-circle-fixed{align-items:center;background-color:#f0f0f0;border:1px solid #d3d6da;border-radius:50%;color:#1a1a1b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;height:35px;justify-content:center;margin:0 3px;padding:0;text-align:center;text-decoration:none!important;transition:background-color .15s;width:35px}.App-button-circle{height:32px;width:32px}body.dark .App-button-circle,body.dark .App-button-circle-fixed{background-color:#2a2a2a;border-color:#444;color:#fff}.App-button-circle-fixed:hover,.App-button-circle:hover{background-color:#6aaa64;border-color:#6aaa64;color:#fff}body.dark .App-button-circle-fixed:hover,body.dark .App-button-circle:hover{background-color:#538d4e;border-color:#538d4e}.App-button-circle-fixed:disabled,.App-button-circle:disabled{background-color:#6aaa64;border-color:#6aaa64;color:#fff;cursor:default;font-weight:700}body.dark .App-button-circle-fixed:disabled,body.dark .App-button-circle:disabled{background-color:#538d4e;border-color:#538d4e}.App-button-close{align-items:center;background:none;border:none;border-radius:50%;color:#1a1a1b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:8px;transition:background-color .15s;width:32px}.App-button-close:hover{background-color:#f0f0f0}body.dark .App-button-close{color:#fff}body.dark .App-button-close:hover{background-color:#2a2a2a}.App-button-close:after,.App-button-close:before{background-color:currentColor;border-radius:1px;content:" ";height:16px;left:50%;position:absolute;top:50%;width:2px}.App-button-close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.App-button-close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.App-ext-container{display:inline}#select_length{margin:4px;position:relative}#select_length>.App-button-circle{margin:0}#open_about>input,#open_generator>input,#open_settings>input{display:block;height:34px;width:34px}#open_language>input{display:block;height:26px;margin:3px;width:26px}.Game,h1{-webkit-user-select:none;-ms-user-select:none;user-select:none}.Game{padding-bottom:8px}.game__container-outer{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:10px;width:100%}.game__container-inner{flex:1 1 auto;overflow:hidden;width:100%}.game__boards{flex-direction:column;margin:auto;max-width:550px;padding-bottom:10px}.game__boards,.game__boards-row{display:flex;width:100%}.row__field{display:flex;flex:1 1;flex-direction:column;padding:.25rem}.row__field:focus{outline:none}:root{--adaptive-height:2.5vh;--adaptive-height-large:4.5vh;--adaptive-font:calc(1.8vh + 2.5px);--adaptive-font-large:calc(2vh + 4px)}.Row{box-sizing:border-box;display:flex;font-size:calc(1.8vh + 2.5px);font-size:var(--adaptive-font);height:2.5vh;height:var(--adaptive-height);margin:.125rem;width:100%}.Row-current{font-size:calc(2vh + 4px);font-size:var(--adaptive-font-large);height:4.5vh;height:var(--adaptive-height-large)}.Row-letter{border-radius:.25rem;font-size:inherit;height:100%;margin:.125rem;padding:0;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:20%}.keyboard__container{background-color:#fff;bottom:0;position:fixed;width:100%;z-index:9}.Game-keyboard{display:flex;flex-direction:column;margin:0 auto;max-width:550px;padding-bottom:.25rem;width:100%}.Game-keyboard-row{display:flex;flex-direction:row;justify-content:stretch}.Game-keyboard-button{align-items:center;background-color:#d3d6da;border-radius:4px;color:#1a1a1b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.02em;margin:3px;min-height:58px;text-decoration:inherit;text-transform:uppercase}body.dark .Game-keyboard-button{background-color:#818384;color:#fff}.Game-keyboard-button-wide{flex:2 1}.Game-keyboard-button:focus{outline:none}.letter-correct{background-color:#6aaa64;border:none;color:#fff!important}.letter-elsewhere{background-color:#c9b458;border:none;color:#fff!important}.letter-absent{background-color:#787c7e;border:none;color:#fff!important}body.dark .letter-correct{background-color:#538d4e}body.dark .letter-elsewhere{background-color:#b59f3b}body.dark .letter-absent{background-color:#3a3a3c}body.dark .keyboard__container{background-color:#121212}a,a:visited{color:#8080ff}a:active{color:#c7f}.Game-options{display:flex;justify-content:right;margin:0 auto;max-width:350px;min-height:42px;padding:4px}.Game-options-playing{justify-content:space-between}.Game-options .App-button{height:27px;margin:4px 3px 0;min-height:0}.Game-challenge-bar{align-items:center;display:flex;flex-direction:column;margin:3px;min-height:18px}.Game-challenge-bar button{width:340px}.Game-hint-bar{margin:5px}.Game-seed-info{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";display:flex;flex-direction:column;font-variant-numeric:tabular-nums;justify-content:center;margin:3px;opacity:.5}.Game-sr-feedback,.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.top-right{position:absolute;right:5px;top:5px}.emoji-link{font-size:125%;text-decoration:none}.top-right a+a{-webkit-margin-start:8px;margin-inline-start:8px}.link-button{background-color:#f0f0f0;border:1px solid #d3d6da;border-radius:20px;color:#1a1a1b;font-size:13px;font-weight:600;padding:4px 14px;text-decoration:none!important;transition:background-color .15s}.link-button:hover{background-color:#e5e5e5;color:#1a1a1b}body.dark .link-button{background-color:#2a2a2a;border-color:#444;color:#fff}body.dark .link-button:hover{background-color:#3a3a3a}.Share-icon{height:45px}.Share-icons-bar{margin:5px}.App-switch-checkbox{-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23878a8c'/%3E%3C/svg%3E");background-position:0;background-repeat:no-repeat;border:1px solid #d3d6da;border-radius:2em;cursor:pointer;height:2em;transition:background-position .15s ease-in-out,background-color .15s ease-in-out;width:4em}.App-switch-checkbox:checked{background-color:#6aaa64;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%;border-color:#6aaa64}body.dark .App-switch-checkbox{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23818384'/%3E%3C/svg%3E");border-color:#555}body.dark .App-switch-checkbox:checked{background-color:#538d4e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");border-color:#538d4e}.App-statistics{line-height:1.4;padding-bottom:10px;padding-top:10px}.stats-container{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;margin:5px 0 15px;padding:0}.stats-content{margin:0 auto;max-width:580px;padding:0 10px;width:100%}.chart-title{font-size:18px;font-weight:700;margin-bottom:10px}.stats-share-button{align-content:center;align-items:center;background:#f5f7fb;border:none;border-radius:7px;color:#363e52;cursor:pointer;display:inline-flex;display:flex;font-family:var(--font_family);font-size:14px;font-weight:700;justify-content:center;padding:8px 5px;text-decoration:none;width:100%}.stat-item{background:#f5f7fb;border-radius:12px;margin-bottom:6px;margin-left:0;min-height:80px;padding:12px 8px;text-align:center;width:calc(33% - 8px)}body.dark .stat-item{background:#1e1e1e;color:#fff}.stat-value{font-size:40px;font-weight:800}.stat-description{color:#5a5a5a;font-size:10px;letter-spacing:.05em;line-height:16px;text-transform:uppercase}body.dark .stat-description{color:#a0a0a0}.stats-chart{margin-top:15px}.stats-chart table{border-collapse:collapse;height:200px;width:100%}.stats-chart table tr{margin:10px}.stats-chart table .number{font-size:16px;padding-right:15px;vertical-align:middle}.stats-chart table .amount{font-size:16px;font-weight:700;padding-left:11px;vertical-align:middle}.stats-chart table td:nth-child(2){width:100%}.stats-chart table .percentage{background:#e7ebf2;border-radius:50px;color:#565d70;display:block;font-size:12px;font-weight:700;height:22px;line-height:22px;padding:0 10px;position:relative;width:100%}.stats-chart table td .percentage span{background:#6aaa64;border-radius:50px;color:#fff;font-size:12px;font-weight:700;height:100%;left:0;min-width:30px;padding:0 8px;position:absolute;text-align:right;top:0;width:0}.App-icon-container{display:flex}.page-icon{border-radius:50%;display:inline;margin-left:4px}.page-icon,.page-icon svg{cursor:pointer;height:34px;width:34px}.page-icon svg{align-content:center;align-items:center;background-color:transparent;border-radius:6px;color:#1a1a1b;display:flex;justify-content:center;padding:5px;transition:background-color .15s}.page-icon svg:hover{background-color:#f0f0f0;color:#1a1a1b}body.dark .page-icon svg{background-color:transparent;color:#fff}body.dark .page-icon svg:hover{background-color:#2a2a2a;color:#fff}.App-text-logo{align-content:center;align-items:center;background-color:transparent;border-radius:6px;color:#1a1a1b!important;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:34px;justify-content:center;margin-left:5px;padding:6px 10px;text-decoration:none;transition:background-color .15s}.App-text-logo:hover{background-color:#f0f0f0}body.dark .App-text-logo{background-color:transparent;color:#fff!important}body.dark .App-text-logo:hover{background-color:#2a2a2a}@media screen and (max-width:479px){.App-title{font-size:16px}}@media screen and (max-width:400px){#select_length{display:none}}@media screen and (min-width:1200px){.game__boards,.game__container-inner{max-width:100%}.game__boards{display:flex;flex-direction:row}}@media screen and (min-height:1024px){.Row{box-sizing:border-box;display:flex;margin:.125rem;width:100%}.Row,.Row-current{height:max(40px,2.5vh);height:max(40px,var(--adaptive-height))}}@media screen and (max-width:479px){.stat-value{font-size:34px}.stat-description{font-size:10px}.stat-item{min-height:100px}}.Top-window-content .App-button{width:100%}.Game-result-content{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:4px 0}.Game-result-content>span{color:#1a1a1b;font-size:18px;font-weight:600;text-align:center}body.dark .Game-result-content>span{color:#fff}.Game-result-ad-container{margin:0}.Game-result-answers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:4px 0 2px}.Game-result-answer{background:#f5f7fb;border:none;border-radius:8px;color:#1a1a1b;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.08em;padding:7px 14px;text-transform:uppercase}body.dark .Game-result-answer{background:#2a2a2a;color:#fff}.Game-result-link{color:#6aaa64;font-size:13px;font-weight:600;text-decoration:none}.Game-result-link:hover{text-decoration:underline}.Top-window-background{align-items:flex-start;background:rgba(0,0,0,.35);display:flex;height:100%;justify-content:center;left:0;padding:0 12px;position:fixed;top:0;width:100%;z-index:20}.Top-window-frame{background-color:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;margin:60px 0 20px;max-height:calc(100vh - 80px);max-width:420px;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:21}body.dark .Top-window-frame{background:#1e1e1e}.Top-window-title{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:64px;justify-content:center;letter-spacing:-.01em;padding:5px 48px;position:relative}body.dark .Top-window-title{background:#1e1e1e;border-bottom-color:#333;color:#fff}.Top-window-content{box-sizing:border-box;flex:1 1 auto;overflow-y:auto;padding:12px 24px 20px;width:100%}.Hint-background{align-items:flex-start;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.Hint-window{background-color:#fff;border-radius:10px;box-shadow:0 0 0 0 hsla(0,0%,100%,.5),0 0 40px rgba(0,0,0,.8);display:flex;flex-direction:column;margin:235px 5px 0;overflow:auto}body.dark .Hint-window{background-color:#a9a8a8;color:#363535}.Hint-content{flex-direction:column;font-size:16px;font-weight:700;justify-content:center;padding:20px;text-transform:uppercase}.Hint-content,.Timer-bar{align-items:center;display:flex}.Timer-time{color:#91adb8;font-weight:600;margin-right:5px;margin-top:3px}.Timer-button{display:block;height:34px;width:34px}.Settings{font-size:16px;padding:8px 0;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Settings hr{display:none}.Settings-setting{background:#f5f7fb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:6px 0;min-height:56px;padding:14px 70px 14px 16px;position:relative}body.dark .Settings-setting{background:#1e1e1e}.Settings-setting.Settings-setting--picker{align-items:center;padding:14px 16px}.Settings-setting input[type=range]{height:18px;width:50px}.Settings-setting input[type=radio]{margin-right:8px}.Settings-setting label{-webkit-margin-start:8px;margin-inline-start:8px}.Settings-param-title{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 2px}body.dark .Settings-param-title{color:#fff}.Settings-param-desc{color:#5a5a5a;font-size:13px;line-height:1.4;margin:0}body.dark .Settings-param-desc{color:#a0a0a0}@media (max-width:479px){.Settings-param-title{font-size:15px}.Settings-param-desc{font-size:12px}}.Settings-checkbox{align-items:center;display:flex;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.App-language>span{display:block;font-size:24px;margin:15px}.Lang-button{align-items:center;background-color:#f8f9fc!important;border-radius:8px;box-shadow:-6px -6px 14px hsla(0,0%,100%,.7),-6px -6px 10px hsla(0,0%,100%,.5),6px 6px 8px hsla(0,0%,100%,.08),6px 6px 10px rgba(0,0,0,.15);color:#3c4858!important;display:inline-flex;font-size:14px;font-weight:600;justify-content:space-around;letter-spacing:.5px;margin:12px;outline:0;padding:12px 20px;text-decoration:none;transition:.2s ease-in-out;width:180px}@media (max-width:710px){.Lang-button{font-size:12px;margin-top:5px;width:150px}.App-language>span{font-size:16px}}.Lang-button:hover{box-shadow:-2px -2px 6px hsla(0,0%,100%,.6),-2px -2px 4px hsla(0,0%,100%,.4),2px 2px 2px hsla(0,0%,100%,.05),2px 2px 4px rgba(0,0,0,.1)}.Lang-button:active{box-shadow:inset -2px -2px 6px hsla(0,0%,100%,.7),inset -2px -2px 4px hsla(0,0%,100%,.5),inset 2px 2px 2px hsla(0,0%,100%,.075),inset 2px 2px 4px rgba(0,0,0,.15)}body.dark .Lang-button{background-color:#70768f!important;box-shadow:-6px -6px 14px rgba(0,0,0,.7),-6px -6px 10px rgba(0,0,0,.5),6px 6px 8px rgba(0,0,0,.08),6px 6px 10px rgba(0,0,0,.15)}body.dark .Lang-button:hover{box-shadow:-2px -2px 6px rgba(0,0,0,.6),-2px -2px 4px rgba(0,0,0,.4),2px 2px 2px rgba(0,0,0,.05),2px 2px 4px rgba(0,0,0,.1)}body.dark .Lang-button:active{box-shadow:inset -2px -2px 6px rgba(0,0,0,.7),inset -2px -2px 4px rgba(0,0,0,.5),inset 2px 2px 2px rgba(0,0,0,.08),inset 2px 2px 4px rgba(0,0,0,.15)}.Lang-button>img{flex-grow:1;max-width:21px}.Lang-button>span{color:#000;flex-grow:5}.Generator-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.Generator-content>.App-button{margin:20px 0;width:100%}.Generator-content-text{font-size:20px;margin:10px}.Generator-content-text-small{font-size:14px;margin:10px}.Generator-random-text{font-size:15px;margin:5px}.Generator-content-input{border:1px solid #a3a3a3;border-radius:5px;font-size:18px;margin:0 0 10px;min-height:44px;padding:0 15px;width:80%}.Generator-random-checkbox{align-items:center;display:flex}.Generator-button-label,.Generator-button-random{height:auto;margin-left:2px;margin-right:2px;min-height:27px;min-width:27px;width:auto}.Generator-button-random{border-radius:13px;padding-left:7px;padding-right:7px}
/*# sourceMappingURL=octordle.css.map*/