.Confetti[data-v-4adf17d0],.Confetti[data-v-20764b93]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.CircleDiagram[data-v-6f10b7f1]{display:flex;flex:1;justify-content:center;align-items:center;width:100%;align-self:stretch}@media screen and (max-width:425px){.CircleDiagram[data-v-6f10b7f1]{width:auto}}.CircleDiagram canvas[data-v-6f10b7f1]{max-width:100%;animation-name:PopIn;animation-duration:.4s}.CircleDiagram canvas.final[data-v-6f10b7f1]{animation-fill-mode:forwards;animation-name:fadeInChart;animation-duration:1s}svg[data-v-f42dd11c]{height:20px;fill:#878a8c}.PlayingField[data-v-d4b99c54]{display:grid;grid-row-gap:5px;box-sizing:border-box;grid-template-rows:repeat(6,1fr)}@media screen and (max-width:425px){.PlayingField[data-v-d4b99c54]{width:auto}}.PlayingField__row[data-v-d4b99c54]{width:100%;justify-content:center;align-items:center;display:grid;grid-column-gap:5px}.PlayingField__row.rows-4[data-v-d4b99c54]{grid-template-columns:repeat(4,minmax(10px,60px))}.PlayingField__row.rows-5[data-v-d4b99c54]{grid-template-columns:repeat(5,minmax(10px,60px))}@media screen and (max-width:768px){.PlayingField__row.rows-4[data-v-d4b99c54]{grid-template-columns:repeat(4,minmax(10px,32px))}.PlayingField__row.rows-5[data-v-d4b99c54]{grid-template-columns:repeat(5,minmax(10px,32px))}}@media screen and (max-height:581px){.PlayingField__row.rows-4[data-v-d4b99c54]{grid-template-columns:repeat(4,minmax(10px,32px))}.PlayingField__row.rows-5[data-v-d4b99c54]{grid-template-columns:repeat(5,minmax(10px,32px))}}.PlayingField__block[data-v-d4b99c54]{border-radius:20px;box-sizing:border-box;border:4px solid var(--guess-blk-brd-color);aspect-ratio:1;background-color:var(--guess-blk-bkg-color);display:inline-block;position:relative}.PlayingField__block.incorrect[data-v-d4b99c54]{border-color:#36393b}.PlayingField__block.misplaced[data-v-d4b99c54]{border-color:#d4c200}.PlayingField__block.correct[data-v-d4b99c54]{border-color:#228b22}.PlayingField__block.filled[data-v-d4b99c54]{animation-name:PopIn-d4b99c54;animation-duration:.4s}.PlayingField__avarage[data-v-d4b99c54]{height:100%;overflow:hidden;background-color:var(--avg-blk-color);border:4px solid var(--guess-blk-brd-color);border-radius:20px;display:inline-block;aspect-ratio:1;text-align:center;text-align:-webkit-center;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (max-width:425px){.PlayingField__avarage span[data-v-d4b99c54]{font-size:8px}}@media screen and (max-height:581px){.PlayingField__avarage span[data-v-d4b99c54]{font-size:8px}}@keyframes PopIn-d4b99c54{0%{transform:scale(.9);opacity:0}40%{transform:scale(1.1);opacity:1}}.ColorField[data-v-50d1b2d5]{max-width:720px;width:100%}.ColorField__row[data-v-50d1b2d5]{display:flex;justify-content:center;align-items:center;margin-bottom:16px;gap:10px}@media screen and (max-width:768px){.ColorField__row[data-v-50d1b2d5]{margin-bottom:8px}}@media screen and (max-height:581px){.ColorField__row[data-v-50d1b2d5]{margin-bottom:8px}}.ColorField__row.end[data-v-50d1b2d5]{justify-content:flex-end}.ColorField__wrapper[data-v-50d1b2d5]{display:grid;gap:4px;grid-template-rows:auto;grid-template-columns:repeat(10,1fr)}@media screen and (max-width:620px){.ColorField__wrapper[data-v-50d1b2d5]{grid-template-columns:repeat(5,1fr)}}@media screen and (max-height:581px){.ColorField__wrapper[data-v-50d1b2d5]{grid-template-columns:repeat(10,1fr)}}.ColorField__action[data-v-50d1b2d5]{border-radius:20px;border:none;display:inline-block;margin:2px 2px;cursor:pointer;text-transform:uppercase;letter-spacing:2px;padding:10px 16px;color:var(--btn-text)}.ColorField__action.delete[data-v-50d1b2d5]{background-color:var(--color-red)}.ColorField__action.enter[data-v-50d1b2d5]{background-color:var(--btn-color)}@media screen and (max-width:768px){.ColorField__action[data-v-50d1b2d5]{padding:8px 12px;font-size:12px}}@media screen and (max-height:581px){.ColorField__action[data-v-50d1b2d5]{padding:8px 12px;font-size:12px}}.ColorField__color-button[data-v-50d1b2d5]{border:4px solid var(--clr-btn-color);display:inline-block;cursor:pointer;position:relative;border-radius:20px;width:64px;height:64px}@media screen and (max-width:768px){.ColorField__color-button[data-v-50d1b2d5]{width:38px;height:38px;border-radius:10px}}@media screen and (max-height:581px){.ColorField__color-button[data-v-50d1b2d5]{width:38px;height:38px;border-radius:10px}}.ColorField__color-button span[data-v-50d1b2d5]{display:none}.ColorField__color-button.disabled[data-v-50d1b2d5]{opacity:.5;pointer-events:none}.ColorField__color-button.disabled span[data-v-50d1b2d5]{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px}.Game[data-v-42d2f16d]{max-width:720px;width:100%}.Game__wrapper[data-v-42d2f16d]{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;flex-direction:row;max-width:720px}@media screen and (max-width:425px){.Game__wrapper[data-v-42d2f16d]{gap:10px}}@media screen and (max-height:581px){.Game__wrapper[data-v-42d2f16d]{gap:10px}}.Game[data-v-577417f2]{max-width:720px;width:100%}.Game__wrapper[data-v-577417f2]{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;flex-direction:row;max-width:720px}@media screen and (max-width:768px){.Game__wrapper[data-v-577417f2]{gap:10px}}@media screen and (max-height:581px){.Game__wrapper[data-v-577417f2]{gap:10px}}.Settings[data-v-8395b9de]{position:relative}.Settings__switch-level[data-v-8395b9de]{height:30px;display:flex;gap:10px}.Settings__hard[data-v-8395b9de],.Settings__normal[data-v-8395b9de]{border-radius:10px;width:100%;min-width:130px;background-color:grey;text-align:center;padding:0;height:100%;color:#fff;position:relative;border:none;text-transform:uppercase;letter-spacing:3px;padding-bottom:1px;cursor:pointer}.Settings__hard.active[data-v-8395b9de],.Settings__normal.active[data-v-8395b9de]{color:#151515;background-color:var(--active-case);cursor:auto}@media screen and (max-width:670px){.Settings__hard[data-v-8395b9de],.Settings__normal[data-v-8395b9de]{min-width:auto;padding:4px;font-size:10px;letter-spacing:1px}}.Header[data-v-443aef56]{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:8px 16px}.Header__title[data-v-443aef56]{font-weight:600;font-size:36px;line-height:1}@media screen and (max-width:991px){.Header__title[data-v-443aef56]{font-size:18px}}.Header button[data-v-443aef56]{font-size:40px;background:0 0;border:none;cursor:pointer;padding:0 4px;color:var(--btn-color)}@media screen and (max-height:581px){.Header button[data-v-443aef56]{font-size:24px}}@media screen and (max-width:768px){.Header__title[data-v-443aef56]{font-size:14px}.Header button[data-v-443aef56]{font-size:16px;padding:0}}@media screen and (max-width:425px){.Header__title[data-v-443aef56]{font-size:10px}}.Modal-mask[data-v-0ea2baf2]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.Modal-container[data-v-0ea2baf2]{max-width:800px;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.Modal-header[data-v-0ea2baf2]{text-align:center;font-size:24px;font-weight:700}.Modal-close[data-v-0ea2baf2]{background:0 0;border:none;cursor:pointer;float:right;font-size:22px;position:absolute;right:30px;border-radius:10px;transition:background .3s ease}.Modal-close[data-v-0ea2baf2]:hover{background:hsla(0,0%,46.3%,.2)}.Modal__text[data-v-0385ec7e]{width:100%}.Modal__chart-container[data-v-0385ec7e]{display:flex;align-items:center;justify-content:center;margin-bottom:18px}.Modal__chart-container p[data-v-0385ec7e]:first-of-type{text-align:right}.Modal__chart-flex[data-v-0385ec7e]{display:flex;align-items:center;gap:8px}.Modal__chart-block[data-v-0385ec7e]{box-sizing:border-box;border:4px solid #878a8c;padding:20px 20px;background-color:#d3d3d3;display:inline-block;margin:2px 2px;position:relative;border-radius:10px}.Modal__chart-block.incorrect[data-v-0385ec7e]{border-color:#36393b}.Modal__chart-block.misplaced[data-v-0385ec7e]{border-color:#d4c200}.Modal__chart-block.correct[data-v-0385ec7e]{border-color:#228b22}.Modal__chart-block[data-v-0385ec7e]:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;border-radius:6px;border:2px solid var(--guess-blk-color)}.Modal__chart-guess[data-v-0385ec7e]{display:grid;justify-content:center;grid-template-columns:200px minmax(125px,200px);grid-template-rows:.5fr 1fr;text-align:center}.Modal__chart-guess p[data-v-0385ec7e]{margin:0 0 8px 0}.Modal__chart-guess-button[data-v-0385ec7e]{color:#000;position:relative;height:48px;width:48px;border:0;background-color:#ededed;border-radius:50%;display:inline-block;text-align:center}@media screen and (max-width:768px){.Modal__text[data-v-0385ec7e]{font-size:12px;margin:8px 0}.Modal__chart-container[data-v-0385ec7e]{margin-bottom:10px}.Modal__chart-block[data-v-0385ec7e]{padding:10px 10px;border-width:2px}.Modal__chart-guess-button[data-v-0385ec7e]{height:20px;width:20px;font-size:4px}}@media screen and (max-height:581px){.Modal__text[data-v-0385ec7e]{font-size:12px;margin:8px 0}.Modal__chart-container[data-v-0385ec7e]{margin-bottom:10px}.Modal__chart-block[data-v-0385ec7e]{padding:10px 10px;border-width:2px}.Modal__chart-guess-button[data-v-0385ec7e]{height:20px;width:20px;font-size:4px}}.Modal__wrapper[data-v-9d8c0c1c]{padding:40px 0;display:flex;justify-content:center;gap:16px}.Modal__label[data-v-9d8c0c1c],.Modal__stats[data-v-9d8c0c1c]{text-align:center;font-size:36px;color:var(--txt-color)}.Modal__label[data-v-9d8c0c1c]{font-size:20px}@media screen and (max-width:768px){.Modal__wrapper[data-v-9d8c0c1c]{padding:20px 0}.Modal__label[data-v-9d8c0c1c],.Modal__stats[data-v-9d8c0c1c]{font-size:24px}.Modal__label[data-v-9d8c0c1c]{font-size:16px}}.Modal__footer[data-v-85c7f152]{text-align:center}.Modal__text[data-v-85c7f152]{width:100%;font-size:24px}.Modal__text.center[data-v-85c7f152]{text-align:center}.Modal__chart-guess[data-v-85c7f152]{display:flex;align-items:center;justify-content:center}.Modal__chart-block[data-v-85c7f152]{box-sizing:border-box;border:4px solid #878a8c;padding:20px 20px;background-color:#d3d3d3;display:inline-block;margin:2px 2px;position:relative;border-radius:10px}.Modal__action[data-v-85c7f152]{background:var(--color-green);border-radius:10px;border:none;min-width:160px;display:inline-block;cursor:pointer;text-transform:uppercase;letter-spacing:2px;padding:16px 24px;color:var(--btn-text);opacity:1;transition:opacity .3s ease}.Modal__action[data-v-85c7f152]:hover{opacity:.6}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bkg-color);color:var(--txt-color);font-family:Montserrat,sans-serif}[data-theme=dark]{--bkg-color:#22241f;--txt-color:#dedcd9;--share-txt-color:#dedcd9;--ttl-bot-color:#43474a;--btn-color:#1c1c1e;--modal-bkg-color:#222425;--box-shdw-color:#fefefe;--active-case:#dedcd9;--btn-text:#dedcd9;--guess-blk-color:#222425;--rvl-blk-border:#878a8c;--avg-blk-color:#43474a;--guess-blk-bkg-color:#878a8c;--guess-blk-brd-color:#5d5d5d;--backdrop-color:rgba(66,60,90,0.5019607843137255);--color-red:#ff3b30;--color-green:#30d158;--backdrop-shadow:0 10px 15px rgba(0,0,0,0.2)}[data-theme=dark],[data-theme=light]{--clr-btn-color:#111;--modal-brd-color:#888}[data-theme=light]{--bkg-color:#fff;--txt-color:#000;--share-txt-color:#fff;--ttl-bot-color:#d3d3d3;--btn-color:#f2f2f7;--modal-bkg-color:#fefefe;--box-shdw-color:#000;--active-case:#fff;--btn-text:#43474a;--guess-blk-color:#fff;--rvl-blk-border:#111;--avg-blk-color:#ededed;--guess-blk-bkg-color:#d3d3d3;--guess-blk-brd-color:#878a8c;--backdrop-color:hsla(0,0%,100%,0.49019607843137253);--color-red:#ff453a;--color-green:#34c759;--backdrop-shadow:0 10px 15px rgba(0,0,0,0.3)}.backdrop{background-color:var(--backdrop-color);border-radius:20px;-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px);padding:1rem;position:relative;box-shadow:var(--backdrop-shadow)}@media screen and (max-width:768px){.backdrop{padding:.5rem}}@media screen and (max-height:581px){.backdrop{padding:.5rem}}.App__top{display:flex;justify-content:space-between;gap:30px}@media screen and (max-width:670px){.App__top{gap:6px}}#app{display:flex;flex-direction:column;padding:20px;min-height:100vh}@media screen and (max-width:768px){#app{padding:10px}}main{flex:1;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:20px}@media screen and (max-width:768px){main{padding-top:0;gap:10px}}[data-theme=light] #app{background-image:url(../img/light-bg.24a4175f.jpg)}[data-theme=dark] #app,[data-theme=light] #app{background-position:50%;background-repeat:no-repeat;background-size:cover}[data-theme=dark] #app{background-image:url(../img/dark-bg.d4bb1397.jpg)}