:root{--tooltip-bg-light: #fff;--tooltip-text-light: #000000;--tooltip-arrow-light: #fff;--tooltip-bg-dark: #fff;--tooltip-text-dark: #000;--tooltip-arrow-dark: #fff}.tooltip{background-color:var(--tooltip-bg-light);color:var(--tooltip-text-light);padding:5px 10px;border-radius:5px;font-size:14px;max-width:110px;text-align:center;word-wrap:break-word;white-space:normal;z-index:10;transition:opacity .3s ease;position:relative}.tooltip[data-popper-placement^=top] .tooltip-arrow{bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--tooltip-arrow-light) transparent transparent transparent}.tooltip[data-popper-placement^=bottom] .tooltip-arrow{top:-5px;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--tooltip-arrow-light) transparent}.tooltip[data-popper-placement^=left] .tooltip-arrow{right:-5px;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--tooltip-arrow-light)}.tooltip[data-popper-placement^=right] .tooltip-arrow{left:-5px;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--tooltip-arrow-light) transparent transparent}.tooltip .tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.app-wrapper--dark .tooltip{background-color:var(--tooltip-bg-dark);color:var(--tooltip-text-dark);border-color:#000;border-width:1px;border-style:solid}.app-wrapper--dark .tooltip[data-popper-placement^=top] .tooltip-arrow{border-color:var(--tooltip-arrow-dark) transparent transparent transparent}.app-wrapper--dark .tooltip[data-popper-placement^=bottom] .tooltip-arrow{border-color:transparent transparent var(--tooltip-arrow-dark) transparent}.app-wrapper--dark .tooltip[data-popper-placement^=left] .tooltip-arrow{border-color:transparent transparent transparent var(--tooltip-arrow-dark)}.app-wrapper--dark .tooltip[data-popper-placement^=right] .tooltip-arrow{border-color:transparent var(--tooltip-arrow-dark) transparent transparent}root{--bg-color-light: #EFEFF4;--bg-color-dark: #0F0F0F;--text-color-light: #000000;--text-color-dark: #ffffff;--cell-bg-color-light: #dce4e6;--cell-bg-color-dark: #272727;--cell-border-color-dark-active: #ffffff;--cell-border-color-light-active: #000000;--cell-border-color-light: #bfbfc3;--cell-border-color-dark: #878787;--cell-border-color-filled: #878787;--key-submit-color: #C5FF66;--absent-color-light: #c0c0c3;--absent-color-dark: #6f6f6f;--absent-color-text-dark: #c6c6c6;--absent-color-text-light: #e6e6e7;--disabled-color: #696969;--correct-color: #69F387;--present-color: #FEF866;--error-color: #ff7777}.win-screen{color:var(--text-color-light);display:flex;flex-direction:column;justify-content:center;align-items:center}.win-screen-stats-wrapper{height:239px;display:flex;flex-direction:column;justify-content:center;margin-top:32px}.win-screen-main-image{width:100%;height:100%}.win-screen__content{text-align:center}.win-screen-time-title{padding-bottom:5px;text-align:left}.win-screen__trophy{margin-bottom:4px}.win-sreen-button-wrapper{display:flex;justify-content:center;flex-direction:column}.win-title{margin:0 0 10px;font-weight:600;text-transform:uppercase;font-size:40px;color:var(--text-color-light)}.win-screen__stats{display:flex;justify-content:center;margin-bottom:24px}.win-screen__stat{width:100%;margin-left:8px;padding:16px;background:var(--cell-bg-color-light);border-radius:12px;display:flex;flex-direction:column}.win-screen__stat:first-child{margin-left:0}.win-screen-time-text{text-align:left;font-size:24px;font-weight:500}.win-screen__button:hover{opacity:.8}.win-screen__button:last-child{margin-bottom:0}.win-screen__button{text-align:center;max-width:358px;border-radius:12px;color:var(--text-color-light);background-color:var(--key-submit-color);max-height:56px;padding:16px;margin:0 0 10px;border:none;cursor:pointer;font-size:16px;font-weight:500}.win-screen__button--grey{background-color:var(--cell-bg-color-light);color:var(--text-color-light)}.app-wrapper--compact-height .win-screen__content{padding:0 8px}.app-wrapper--compact-height .win-screen-stats-wrapper{height:200px;margin-top:32px}.app-wrapper--compact-height .win-screen__stats{margin-bottom:16px}.app-wrapper--compact-height .win-screen__button{margin-top:8px;margin-bottom:8px}.app-wrapper--compact-height .win-title{font-size:32px}.app-wrapper--compact-height .win-screen-time-text{font-size:20px}@media (max-height: 700px){.win-screen__content{padding:0 8px}.win-screen-stats-wrapper{height:200px;margin-top:32px}.win-screen__stats{margin-bottom:16px}.win-screen__button{margin-top:8px;margin-bottom:8px}.win-title{font-size:32px}.win-screen-time-text{font-size:20px}}@media (max-height: 650px){.win-screen__content{padding:0 8px}.win-screen-stats-wrapper{height:194px;margin-top:16px}.win-screen__stats{margin-bottom:0}.win-sreen-button-wrapper{flex-direction:row}.win-screen__button{margin-top:8px;margin-bottom:0;width:100%;margin-right:4px}.win-screen__button:last-child{margin-left:4px;margin-right:0}.win-title{font-size:28px}.win-screen-time-text{font-size:18px}}.app-wrapper--medium-height .win-screen-stats-wrapper{height:200px;margin-top:32px}.app-wrapper--small-height .win-screen-stats-wrapper{height:194px;margin-top:16px}.app-wrapper--small-height .win-screen__content,.app-wrapper--medium-height .win-screen__content{padding:0 8px}.app-wrapper--small-height .win-screen__stats,.app-wrapper--medium-height .win-screen__stats{margin-bottom:0}.app-wrapper--small-height .win-sreen-button-wrapper,.app-wrapper--medium-height .win-sreen-button-wrapper{flex-direction:row}.app-wrapper--small-height .win-screen__button,.app-wrapper--medium-height .win-screen__button{margin-top:8px;margin-bottom:0;margin-right:4px;width:100%}.app-wrapper--small-height .win-screen__button:last-child,.app-wrapper--medium-height .win-screen__button:last-child{margin-left:4px;margin-right:0}.app-wrapper--small-height .win-title,.app-wrapper--medium-height .win-title{font-size:28px}.app-wrapper--small-height .win-screen-time-text,.app-wrapper--medium-height .win-screen-time-text{font-size:18px}.app-wrapper--dark .win-screen{color:var(--text-color-dark)}.app-wrapper--dark .win-screen__content{background:var(--bg-color-dark)}.app-wrapper--dark .win-screen__stat{background:var(--cell-bg-color-dark)}.app-wrapper--dark .win-screen__button{background:var(--key-submit-color);color:var(--text-color-light)}.app-wrapper--dark .win-screen__button--grey{background:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .win-title{color:var(--key-submit-color)}.how-to-play{padding-right:0;padding-left:44px;font-family:Arial,sans-serif}.example-title{margin-bottom:0}.feedback-text{margin-top:32px}.example-text{font-size:14px;color:var(--cell-border-color-light);margin-top:8px;margin-bottom:8px}.legend-text{margin:0}.how-to-play--title{margin:0;font-size:34px;font-weight:400}.how-to-play h2{font-size:24px;margin-bottom:20px}.how-to-play ol{padding-left:20px;list-style-type:none}.how-to-play li{margin-bottom:20px;position:relative}.step-number{position:absolute;left:-60px;top:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--cell-border-color-light);color:var(--text-color-light);display:flex;justify-content:center;align-items:center;font-size:23px}.example-word span.correct{border-color:transparent}.example-word,.example-feedback{display:flex;justify-content:start;margin-top:10px}.example-word span,.example-feedback span{display:flex;justify-content:center;align-items:center;width:35px;height:30px;line-height:40px;border:1px solid var(--cell-border-color-light);border-radius:7px;text-align:center;font-size:14px;font-weight:700;margin-right:4px}.example-word span:last-child,.example-feedback span:last-child{margin-right:0}.example-feedback span.correct{background-color:var(--correct-color);border-color:transparent}.example-feedback span.present{background-color:var(--present-color);border-color:transparent}.example-feedback span.absent{background-color:var(--absent-color-light);color:var(--absent-color-text-light);border-color:transparent}.legend{margin-top:24px;list-style-type:none;padding-left:0;margin-bottom:32px}.legend li{display:flex;align-items:center;margin-bottom:12px}.legend span{display:flex;justify-content:center;align-items:center;width:14px;height:14px;line-height:20px;margin-right:10px;text-align:center;font-size:10px;font-weight:700}.got-it-button{display:block;width:100%;padding:16px;font-size:18px;font-weight:700;background:var(--key-submit-color);color:var(--text-color-light);border:none;border-radius:12px;cursor:pointer;margin-top:43px;max-height:56px;font-weight:500}.got-it-button:hover{opacity:.8}.app-wrapper--dark .example-feedback span.absent{background-color:var(--absent-color-dark);color:var(--absent-color-text-dark)}.app-wrapper--dark .step-number{border-color:var(--cell-border-color-);color:var(--text-color-dark)}.legend-text,.feedback-text,.example-title{font-weight:400;line-height:26px;font-size:18px}.app-wrapper--compact-height .how-to-play--title{font-size:28px}.app-wrapper--compact-height .legend li,.app-wrapper--compact-height .example-text{font-size:12px}.app-wrapper--compact-height .legend-text,.app-wrapper--compact-height .feedback-text,.app-wrapper--compact-height .example-title{font-size:14px}.app-wrapper--compact-height .got-it-button{margin-top:25px}.app-wrapper--compact-height .feedback-text{margin-top:20px}.app-wrapper--compact-height .legend{margin-bottom:20px}.app-wrapper--compact-height .how-to-play-wrapper{padding:0}.app-wrapper--compact-height .step-number{font-size:20px;left:-52px;width:28px;height:28px}@media (max-height: 700px){.how-to-play--title{font-size:28px}.legend li,.example-text{font-size:12px}.legend-text,.feedback-text,.example-title{font-size:14px}.got-it-button{margin-top:25px}.feedback-text{margin-top:20px}.legend{margin-bottom:20px}.how-to-play-wrapper{padding:0}.step-number{font-size:20px;left:-52px;width:28px;height:28px}}@media (max-height: 600px){.got-it-button{margin-top:20px}}.app-wrapper--small-height .got-it-button{margin-top:20px}:root{--bg-color-light: #EFEFF4;--bg-color-dark: #0F0F0F;--text-color-light: #000000;--text-color-dark: #ffffff;--cell-bg-color-light: #dce4e6;--cell-bg-color-dark: #272727;--cell-border-color-dark-active: #ffffff;--cell-border-color-light-active: #000000;--cell-border-color-light: #bfbfc3;--cell-border-color-dark: #878787;--cell-border-color-filled: #878787;--key-submit-color: #C5FF66;--absent-color-light: #c0c0c3;--absent-color-dark: #6f6f6f;--absent-color-text-dark: #c6c6c6;--absent-color-text-light: #e6e6e7;--disabled-color: #696969;--correct-color: #69F387;--present-color: #FEF866;--error-color: #ff7777}body{margin:0;padding:0;font-family:Arial,sans-serif}.how-to-screen-button{background-color:var(--cell-bg-color-light);border:none;border-radius:50%;cursor:pointer;position:absolute;right:16px;font-size:20px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.how-to-screen-button :hover{opacity:.8}.app-animation{display:absolute;bottom:0}.app-header{display:flex;justify-content:center;align-items:baseline;position:relative;width:100%}.app-wrapper{width:100%;min-height:100vh;height:100vh;display:flex;padding:5px 16px;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--bg-color-light);color:var(--text-color-light);transition:background-color .3s,color .3s;position:relative}.app-title{margin-top:5px;font-size:20px;font-weight:500;text-align:center;margin-bottom:25px;width:100%}.word-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:8px}.word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;justify-content:center}.word-cell{width:54px;height:48px;border:1px solid var(--cell-border-color-light);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;text-transform:uppercase;transition:background-color .3s,color .3s,border-color .3s}.app-wrapper .word-row--empty .word-cell--filled{border-color:var(--cell-border-color-filled)}.app-wrapper .word-cell--empty{border-color:var(--cell-border-color-light-active)}.word-row--empty .word-cell{background-color:var(--cell-bg-color-light);border-color:transparent}.correct,.present,.absent{border-color:transparent}.correct{background-color:var(--correct-color);color:var(--text-color-light)}.present{background-color:var(--present-color);color:var(--text-color-light)}.absent{background-color:var(--absent-color-light);color:var(--absent-color-text-light)}.keyboard{margin-top:32px;display:flex;flex-direction:column;align-items:center;width:100%}.keyboard-row{display:flex;justify-content:center;width:100%;margin-bottom:8px}.keyboard-row:before,.keyboard-row:after{content:"";flex:0 0 auto}.keyboard-row:nth-child(2):before,.keyboard-row:nth-child(2):after{width:30.5px}.keyboard-row:nth-child(3):before,.keyboard-row:nth-child(3):after{width:67.5px}.keyboard-row:last-child{margin-top:8px;margin-bottom:0}.key{flex:1;height:45px;margin:2px;padding:0;background-color:var(--cell-bg-color-light);display:flex;align-items:center;justify-content:center;border:none;color:var(--text-color-light);font-weight:500;font-size:18px;cursor:pointer;border-radius:8px;transition:background-color .3s,color .3s;min-width:30px;max-width:34px}.key:disabled{background-color:var(--cell-bg-color-light);color:var(--disabled-color);cursor:not-allowed}.key-type--backspace{flex:1 1 80px;max-width:80px;font-size:0;height:56px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33341 7.33337L2.66675 16L9.33341 24.6667H29.3334V7.33337H9.33341Z' stroke='%23000000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12.6666L20.6667 19.3333' stroke='%23000000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6667 12.6666L14 19.3333' stroke='%23000000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.key-type--submit{flex:1 1 286px;max-width:286px;border-radius:12px;color:var(--text-color-light);height:56px;background-color:var(--key-submit-color)}.key--not-a-word{flex:1 1 286px;max-width:286px;border-radius:12px;color:var(--text-color-light);height:56px;background-color:var(--error-color)}.key:hover{opacity:.8}.key:active{opacity:.6}.key--correct{background-color:var(--correct-color);color:var(--text-color-light)}.key--present{background-color:var(--present-color);color:var(--text-color-light)}.key--absent{background-color:var(--absent-color-light);color:var(--absent-color-text-light)}.app-wrapper--dark{background-color:var(--bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .word-row--empty .word-cell{background-color:var(--cell-bg-color-dark);border-color:transparent}.app-wrapper--dark .word-row--filled .word-cell{border-color:transparent}.app-wrapper--dark .word-cell{border-color:var(--cell-border-color-dark-active)}.app-wrapper--dark .word-cell.word-cell--filled{border-color:var(--cell-border-color-filled)}.app-wrapper--dark .key{background-color:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .key:hover{opacity:.8}.app-wrapper--dark .key:active{opacity:.6}.app-wrapper--dark .key-type--submit{color:var(--text-color-light);background-color:var(--key-submit-color)}.app-wrapper--dark .key--not-a-word{color:var(--text-color-dark);background-color:var(--error-color)}.app-wrapper--dark .how-to-screen-button{background-color:var(--cell-bg-color-dark)}.app-wrapper--dark .absent{background-color:var(--absent-color-dark);color:var(--absent-color-text-dark)}.app-wrapper--dark .key:disabled{background-color:var(--cell-bg-color-dark);color:var(--disabled-color);cursor:not-allowed}.app-wrapper--dark .key--correct{background-color:var(--correct-color);color:var(--text-color-light)}.app-wrapper--dark .key--present{background-color:var(--present-color);color:var(--text-color-light)}.app-wrapper--dark .key-type--backspace{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.33341 7.33337L2.66675 16L9.33341 24.6667H29.3334V7.33337H9.33341Z' stroke='%23ffffff' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 12.6666L20.6667 19.3333' stroke='%23ffffff' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6667 12.6666L14 19.3333' stroke='%23ffffff' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.app-wrapper--dark .key--absent{background-color:var(--absent-color-dark);color:var(--absent-color-text-dark)}.app-wrapper--mobile{padding:5px 8px}.app-wrapper--mobile .key{-webkit-tap-highlight-color:transparent;outline:none}.app-wrapper--mobile .key:focus{outline:none}.app-wrapper--mobile button{-webkit-tap-highlight-color:transparent;outline:none}.app-wrapper--mobile button:focus{outline:none}.app-wrapper--compact-height .word-cell{border-radius:10px;width:50px;height:44px}.app-wrapper--compact-height .key{width:30px;height:32px}.app-wrapper--compact-height .key-type--backspace{width:80px;height:56px}.app-wrapper--compact-height .key--not-a-word,.app-wrapper--compact-height .key-type--submit{width:256px;height:56px}@media (min-height: 650px) and (max-height: 700px){.word-cell{border-radius:10px;width:50px;height:44px}.key{width:30px;height:32px}.key-type--backspace{flex:1 1 80px;max-width:80px;height:56px}.key--not-a-word,.key-type--submit{flex:1 1 256px;max-width:256px;height:56px}}@media (min-height: 600px) and (max-height: 650px){.word-cell{border-radius:10px;width:44px;height:40px}.key{width:30px;height:32px}.key-type--backspace{width:80px;height:56px}.key--not-a-word,.key-type--submit{width:256px;height:56px}}.app-wrapper--medium-height .word-cell{border-radius:10px;width:44px;height:40px}.app-wrapper--medium-height .key{width:30px;height:32px}.app-wrapper--medium-height .key-type--backspace{width:80px;height:56px}.app-wrapper--medium-height .key--not-a-word,.app-wrapper--medium-height .key-type--submit{width:256px;height:56px}@media (max-height: 600px){.keyboard{margin-top:16px}.app-title{margin-bottom:12px}.word-cell{border-radius:10px;width:34px;height:30px;font-size:18px}.key{width:30px;height:32px}.key-type--backspace{width:80px;height:50px}.key--not-a-word,.key-type--submit{width:256px;height:50px}}.app-wrapper--small-height .keyboard{margin-top:16px}.app-wrapper--small-height .app-title{margin-bottom:12px}.app-wrapper--small-height .word-cell{border-radius:10px;width:34px;height:30px;font-size:18px}.app-wrapper--small-height .key{width:30px;height:32px}.app-wrapper--small-height .key-type--backspace{width:80px;height:50px}.app-wrapper--small-height .key--not-a-word,.app-wrapper--small-height .key-type--submit{width:256px;height:50px}.back-button{border:none;border-radius:50%;cursor:pointer;position:absolute;left:16px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.back-button :hover{opacity:.8}.app-wrapper--dark .back-button{background-color:var(--cell-bg-color-dark)}.banner-wrapper{display:block;width:100%;margin-top:32px}.banner{display:flex;flex-direction:column;font-size:20px;align-items:center;justify-content:center;text-align:center;background-color:var(--cell-border-color-dark-active);border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:background-color .3s,color .3s}.banner-title{margin:0 0 10px;font-size:20px;color:var(--text-color-light)}.banner-text{margin:0 0 20px;font-size:18px;color:var(--text-color-light);display:flex;align-items:center;gap:8px}.banner button{padding:10px 20px;font-size:20px;background-color:var(--key-submit-color);color:var(--text-color-light);border:none;width:100%;border-radius:12px;cursor:pointer;transition:background-color .3s,color .3s}.banner button:hover{opacity:.8}.app-wrapper--dark .banner{background-color:var(--cell-bg-color-dark)}.app-wrapper--dark .banner-title,.app-wrapper--dark .banner-text{color:var(--text-color-dark)}.app-wrapper--dark .banner button{background-color:var(--key-submit-color);color:var(--text-color-light)}:root{--bg-color-light: #EFEFF4;--bg-color-white: #Ffffff;--bg-color-dark: #0F0F0F;--text-color-light: #000000;--text-color-dark: #ffffff;--cell-bg-color-light: #dce4e6;--cell-bg-color-dark: #272727;--cell-border-color-dark-active: #ffffff;--cell-border-color-light-active: #000000;--cell-border-color-light: #bfbfc3;--cell-border-color-dark: #878787;--cell-border-color-filled: #878787;--key-submit-color: #C5FF66;--absent-color-light: #c0c0c3;--absent-color-dark: #6f6f6f;--absent-color-text-dark: #c6c6c6;--absent-color-text-light: #e6e6e7;--disabled-color: #696969;--correct-color: #69F387;--present-color: #FEF866;--error-color: #ff7777;--lose-color: #FF6B35}.calendar-wrapper{width:100%;max-width:358px}.calendar-header-balance{display:flex;align-items:center;gap:5px}.calendar{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color-white);border-radius:16px;padding:24px}.word-calendar .MuiPickersDay-root{color:var(--text-color-light);font-size:14px;font-weight:400}button.MuiPickersDay-root{border-radius:6px;color:var(--text-color-light);font-size:14px;font-weight:400}.day-wrapper{position:relative}.day-wrapper:before{content:"";position:absolute;left:8px;top:6px;width:24px;height:24px;border-radius:6px;z-index:0}.day-wrapper--continue:before{border:2px solid var(--correct-color);width:20px;height:20px;background-color:var(--bg-color-white)}.day-wrapper--today:before{border:2px solid var(--correct-color);width:20px;height:20px;background-color:var(--bg-color-white)}.day-wrapper--win:before{background-color:var(--correct-color)}.day-wrapper--lose:before{background-color:var(--lose-color)}.day-wrapper--skip:before{background-color:var(--present-color)}button.Mui-selected.MuiPickersDay-root.MuiButtonBase-root,.day-wrapper button.selected.MuiPickersDay-root{will-change:background-color;color:var(--text-color-light);background-color:var(--bg-color-white);border:1px solid var(--cell-border-color-light-active);border-radius:40px}.MuiPickersCalendarHeader-label{font-size:24px;font-weight:400}button.MuiPickersDay-root.MuiButtonBase-root{border:none}.calendar-button{display:block;width:100%;padding:16px;font-size:18px;background:var(--key-submit-color);color:var(--text-color-light);cursor:pointer;margin-top:27px;max-height:56px;font-weight:500;border:none;border-radius:8px}.calendar-button:hover{background-color:var(--correct-color)}.calendar-button--disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.5}.calendar-button--disabled:active,.calendar-button--disabled:hover{background-color:var(--disabled-color);opacity:.5}.calendar-button--skip{background-color:var(--present-color);position:relative}.calendar-footer{font-size:14px;width:100%}.progress-bar-container{width:100%;background-color:var(--absent-color-text-light);border-radius:25px;overflow:hidden;margin:10px 0}.progress-bar{height:8px;background-color:var(--correct-color);width:0;transition:width .5s}.progress-bar-text{margin-top:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.calendar .MuiDateCalendar-root{width:100%;height:auto;margin:0;max-height:none}.calendar-header--title{padding:20px;display:flex;width:100%;gap:5px;border-radius:16px;background-color:var(--bg-color-white);margin-right:14px}.calendar-header-balance{display:flex;gap:5px;border-radius:16px;background-color:var(--bg-color-white)}.calendar-header-balance--button{background:none;padding:20px;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;outline:none;font-size:24px}.calendar-header{display:flex;justify-content:space-between;font-size:24px;text-align:center;line-height:32.2px;letter-spacing:-.02em;font-weight:400;margin-bottom:16px}.app-wrapper--small-height .calendar-button{margin-top:16px;padding:10px}.app-wrapper--small-height .calendar{padding:16px}.app-wrapper--small-height .calendar-header{font-size:18px;padding:10px}.app-wrapper--small-height .MuiPickersCalendarHeader-label{font-size:18px}@media (max-height: 600px){.calendar-button{margin-top:16px;padding:10px}.calendar{padding:16px}.calendar-header{font-size:18px;padding:10px}.MuiPickersCalendarHeader-label{font-size:18px}}.app-wrapper--dark .calendar-header-balance,.app-wrapper--dark .calendar-header--title{background-color:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .balance-amount{color:var(--text-color-dark)}.app-wrapper--dark .calendar{background-color:var(--cell-bg-color-dark)}.app-wrapper--dark button.MuiPickersDay-root.MuiButtonBase-root,.app-wrapper--dark .MuiTypography-root.MuiDayCalendar-weekDayLabel.MuiTypography-caption{color:var(--absent-color-dark)}.app-wrapper--dark .day-wrapper--continue button.MuiPickersDay-root.MuiButtonBase-root{color:var(--text-color-dark)}.app-wrapper--dark .day-wrapper--continue:before{border:2px solid var(--correct-color);background-color:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .day-wrapper--win button.MuiPickersDay-root.MuiButtonBase-root,.app-wrapper--dark .day-wrapper--lose button.MuiPickersDay-root.MuiButtonBase-root,.app-wrapper--dark .day-wrapper--skip button.MuiPickersDay-root.MuiButtonBase-root{color:var(--text-color-light)}.app-wrapper--dark .day-wrapper--today button.MuiPickersDay-root.MuiButtonBase-root{color:var(--text-color-dark)}.app-wrapper--dark .day-wrapper--today:before{border:2px solid var(--correct-color);background-color:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .day-wrapper button.selected.MuiPickersDay-root,.app-wrapper--dark button.Mui-selected.MuiPickersDay-root.MuiButtonBase-root{will-change:background-color;color:var(--text-color-dark);background-color:var(--cell-bg-color-dark);border:1px solid var(--text-color-dark);border-radius:40px}.app-wrapper--dark .MuiButtonBase-root.MuiIconButton-root.MuiPickersArrowSwitcher-button.Mui-disabled{color:var(--text-color-dark);opacity:.25}.app-wrapper--dark .MuiButtonBase-root.MuiIconButton-root.MuiPickersArrowSwitcher-button{color:var(--text-color-dark)}.app-wrapper--dark .progress-bar-container{background-color:var(--absent-color-dark)}:root{--bg-color-light: #EFEFF4;--bg-color-white: #FFFFFF;--bg-color-dark: #0F0F0F;--text-color-light: #000000;--text-color-dark: #FFFFFF;--cell-bg-color-light: #dce4e6;--cell-bg-color-dark: #272727;--cell-border-color-dark-active: #FFFFFF;--cell-border-color-light-active: #000000;--cell-border-color-light: #bfbfc3;--cell-border-color-dark: #878787;--cell-border-color-filled: #878787;--key-submit-color: #C5FF66;--absent-color-light: #c0c0c3;--absent-color-dark: #6f6f6f;--absent-color-text-dark: #c6c6c6;--absent-color-text-light: #e6e6e7;--disabled-color: #696969;--correct-color: #69F387;--present-color: #FEF866;--error-color: #ff7777;--lose-color: #FF6B35}.store-wrapper{padding:20px;width:100%;max-width:358px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-height:600px}.store-content{display:flex;flex-direction:column;width:100%}.store-header{font-size:20px;margin-bottom:16px;text-align:center;display:flex;justify-content:space-between}.products-list{display:flex;flex-direction:column;gap:16px}.header-card{font-size:24px;border-radius:10px;background-color:var(--bg-color-white);font-weight:400;padding:24px;display:flex;justify-content:center;align-items:center;gap:5px}.header-card-left{width:100%;margin-right:14px}.product-item{font-size:24px;border:none;display:flex;justify-content:space-between;background-color:var(--bg-color-white);border-radius:10px;color:var(--text-color-light);padding:24px;cursor:pointer;transition:background-color .3s,transform .3s}.product-item:hover{background-color:#fafafa;transform:scale(1.05)}.buy-button:disabled{background-color:var(--disabled-color)}.balance-amount,.product-coins-amount,.product-price-amount{display:inline-flex;align-items:center;gap:5px}.product-coins,.product-price{display:flex;align-items:center;gap:5px}@media (max-height: 600px){.store-wrapper{padding:16px}.store-header{font-size:18px;padding:10px}.header-card{font-size:18px}.product-item{padding:16px}}.app-wrapper--dark .header-card,.app-wrapper--dark .product-item{background-color:var(--cell-bg-color-dark);color:var(--text-color-dark)}.app-wrapper--dark .product-item:hover{background-color:#3a3a3a}