.popup-warning-word-scramble .MuiPaper-root{background:#fff;border-radius:20px!important;text-align:center;padding:8px}@media screen and (max-width:555px){.popup-warning-word-scramble .MuiPaper-root{border-radius:20px 20px 0 0!important}}.popup-warning-word-scramble .MuiPaper-root h2{padding:32px 0 0}.popup-warning-word-scramble .MuiPaper-root .MuiDialogContent-root{padding:24px 120px}@media screen and (max-width:555px){.popup-warning-word-scramble .MuiPaper-root .MuiDialogContent-root{padding:24px 60px}}.popup-warning-word-scramble .MuiPaper-root .MuiDialogActions-root{padding:8px}.popup-warning-word-scramble .MuiPaper-root .MuiDialogActions-root .action{display:flex;gap:8px;justify-content:space-around;width:100%}.popup-warning-word-scramble .MuiPaper-root .MuiDialogActions-root .action .confirm{background:rgba(var(--color),1);color:#fff;width:50%;padding:12px;border:1px solid #e7e7e8;border-radius:12px;cursor:pointer}.list-style-word-scramble-container{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 4px 8px;border-radius:4px;background-color:#fff}.list-style-word-scramble-container .list-style-title{font-size:12px;font-weight:500;line-height:20px;color:#2d3642}.list-style-word-scramble-container .list-style-options{display:flex;gap:8px}.list-style-word-scramble-container .list-style-options .list-style-item{width:24px;height:24px;border-radius:4px;background:#fafafa;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:border-color .3s ease,background-color .3s ease}.list-style-word-scramble-container .list-style-options .list-style-item:hover{border:1px solid #85a5ff}@media (max-width:768px){.list-style-word-scramble-container .list-style-options .list-style-item:hover{border:1px solid #d9d9d9}}.list-style-word-scramble-container .list-style-options .list-style-item.active{border:1px solid var(--main-color,#597ef7)}.stroke-style-word-scramble-container{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 4px 8px;border-radius:4px;background-color:#fff;width:100%}.stroke-style-word-scramble-container .stroke-style-title{font-size:12px;font-weight:500;line-height:20px;color:#2d3642}.stroke-style-word-scramble-container .stroke-style-btn{display:flex;align-items:center;justify-content:flex-end;cursor:pointer;width:fit-content;background-color:#f5f5f5;border-radius:4px;padding:4px 4px 4px 8px;width:64px}.stroke-style-word-scramble-container .stroke-style-btn-icon{display:flex;align-items:center;justify-content:center}.stroke-style-word-scramble-container .stroke-style-btn-text{font-size:14px;font-weight:400;line-height:22px;color:rgba(0,0,0,.85)}.stroke-style-word-scramble-container .stroke-style-btn-dropdown{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.stroke-style-word-scramble-container .stroke-style-btn-dropdown.active{transform:rotate(180deg)}.stroke-style-word-scramble-container .stroke-style-btn .stroke-style-btn-icon{margin-right:4px}.stroke-style-word-scramble-container .stroke-style-btn .stroke-style-btn-icon svg{width:34px}.dopdown-container-stroke-style .popup{display:flex;flex-direction:column;padding:8px;gap:8px}.dopdown-container-stroke-style .popup .menu-stroke-style-item{display:flex;align-items:center;gap:8px;padding:2px 8px;border-radius:4px;justify-content:space-between;cursor:pointer}.dopdown-container-stroke-style .popup .menu-stroke-style-item:hover{background:rgba(33,33,33,.08)}.dopdown-container-stroke-style .popup .menu-stroke-style-item .left-item{display:flex;align-items:center;gap:0}.dopdown-container-stroke-style .popup .menu-stroke-style-item .left-item .done-icon{width:24px;height:24px;display:flex;align-items:center}.dopdown-container-stroke-style .popup .menu-stroke-style-item .left-item .option-icon{display:flex;align-items:flex-start;width:fit-content}.dopdown-container-stroke-style .popup .menu-stroke-style-item .text{font-size:14px;font-weight:400;line-height:22px;color:rgba(0,0,0,.85)}.dopdown-container-stroke-style .popup .selected{background:rgba(89,126,247,.08)}.word-scramble-footer-container{height:136px;padding:12px;display:flex;flex-direction:column;gap:8px;background-color:#f5f5f5}.word-scramble-footer-container .stroke-style-line{width:100%}.word-scramble-footer-container .footer-line{display:flex;justify-content:space-between}.word-scramble-footer-container .footer-line .text-footer{font-weight:600;font-size:14px;line-height:22px;color:#2d3642}.word-scramble-footer-container .footer-line .scramble-button{width:115px;padding:4px 15px;display:flex;gap:8px}.word-scramble-footer-container .footer-line .clear-all-button{border:none;width:87px;background-color:transparent;padding:4px 15px;cursor:pointer}.word-scramble-footer-container .footer-line .clear-all-button:hover{color:var(--main-color)}@media (max-width:768px){.word-scramble-footer-container{height:fit-content;box-sizing:border-box}.word-scramble-footer-container .stroke-style-word-scramble-container{width:calc(100% - 12px);padding:2px 2px 2px 8px}.word-scramble-footer-container .stroke-style-word-scramble-container .stroke-style-btn{height:28px;box-sizing:border-box}.word-scramble-footer-container .footer-line{display:flex;flex-direction:row-reverse;gap:16px}.word-scramble-footer-container .footer-line .scramble-button{width:100%}.word-scramble-footer-container .footer-line .clear-all-button{border-radius:6px;border:1px solid var(--Neutral-5,#d9d9d9);background:var(--Neutral-1,#fff);box-shadow:0 2px 0 0 rgba(0,0,0,.02);color:var(--Character-Black-WSZ,#2d3642);font-family:Nunito;font-size:14px;font-style:normal;font-weight:600;line-height:22px;width:100%}.word-scramble-footer-container .footer-line .clear-all-button:disabled{border-color:rgba(0,0,0,.25);color:rgba(0,0,0,.25)}}.auto-complete-input-word-scramble{display:flex;justify-content:space-between;align-items:center;border-radius:6px;position:relative;box-sizing:border-box;transition:border .2s ease}.auto-complete-input-word-scramble .icon-search{display:flex;justify-content:center;align-items:center;position:absolute;right:8px;top:2px;background:#fafafa;height:36px!important;width:28px;border-radius:6px;pointer-events:none;height:fit-content;z-index:3}.auto-complete-input-word-scramble .icon-search.isfocus{background:#fff}.auto-complete-input-word-scramble .MuiOutlinedInput-root{padding:unset}.auto-complete-input-word-scramble input{padding:0!important;font-family:Nunito;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.auto-complete-input-word-scramble .MuiInputBase-root{border-radius:6px;padding:8px 39px 8px 15px!important;height:40px;width:100%;border:none;background:#fafafa}.auto-complete-input-word-scramble .MuiInputBase-root:focus-within{background:#fff}.auto-complete-input-word-scramble .MuiInputBase-root .MuiOutlinedInput-notchedOutline{width:319px!important}.auto-complete-input-word-scramble .MuiAutocomplete-root{border-radius:6px;border:none;outline:none}.auto-complete-input-word-scramble .MuiAutocomplete-root fieldset{border:1px solid #0000000f!important;border-radius:6px;transition:box-shadow .2s ease,border .2s ease}.auto-complete-input-word-scramble .MuiAutocomplete-root:focus-within fieldset{border:1px solid #597ef7!important;box-shadow:var(--box-shadow-input)}.auto-complete-input-word-scramble .text-field:hover fieldset{border:1px solid rgba(var(--color),1)!important}.auto-complete-input-word-scramble .text-field fieldset{border:none}.auto-complete-input-word-scramble .text-field-warning fieldset{border:1px solid #ff2341}@media (max-width:768px){.auto-complete-input-word-scramble{box-sizing:border-box;width:100%}.auto-complete-input-word-scramble .MuiInputBase-input{padding-right:24px!important}.auto-complete-input-word-scramble .MuiInputBase-root{padding:8px!important}.auto-complete-input-word-scramble .MuiInputBase-root:focus-within fieldset{width:100%!important;box-sizing:border-box;box-shadow:var(--box-shadow-input)}.auto-complete-input-word-scramble .MuiInputBase-root .MuiOutlinedInput-notchedOutline{width:calc(100% - 18px)!important}.auto-complete-input-word-scramble .text-field:hover fieldset{width:100%!important;box-sizing:border-box;box-shadow:var(--box-shadow-input)}}.word-scramble-container{width:100%;height:100%!important}.word-scramble-container .left-top-container{height:calc(100% - 136px);padding:12px 12px 16px;display:flex;flex-direction:column;gap:16px}.word-scramble-container .left-top-container .action-top-word-scramble-landing .input-title-container{margin:0;padding:0 8px;height:42px}.word-scramble-container .left-top-container .action-top-word-scramble-landing .input-title-container .input-number-length{display:flex;align-items:center}.word-scramble-container .left-top-container .list-words-scramble{flex:1;padding:8px 2px 8px 11px;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;transition:border .2s,box-shadow .2s}.word-scramble-container .left-top-container .list-words-scramble:hover{border:1px solid var(--color-hover)}.word-scramble-container .left-top-container .list-words-scramble:hover textarea::-webkit-scrollbar-thumb{background:var(--background-scrollbar-thumb)}.word-scramble-container .left-top-container .list-words-scramble:focus-within{border:1px solid var(--main-color);box-shadow:var(--box-shadow-input)}.word-scramble-container .left-top-container .list-words-scramble:focus-within textarea::-webkit-scrollbar-thumb{background:var(--background-scrollbar-thumb)}.word-scramble-container .left-top-container .list-words-scramble textarea{width:100%;height:100%;resize:none;overflow-y:scroll;border:none;overscroll-behavior:contain;padding:0 9px 0 0;border-radius:unset;color:#2d3642}.word-scramble-container .left-top-container .list-words-scramble textarea:focus-within{box-shadow:none}.word-scramble-container .left-top-container .list-words-scramble textarea::-webkit-scrollbar{width:5px!important}.word-scramble-container .left-top-container .list-words-scramble textarea::-webkit-scrollbar-thumb,.word-scramble-container .left-top-container .list-words-scramble textarea::-webkit-scrollbar-track{background:transparent}@media (max-width:768px){.word-scramble-container .left-top-container .list-words-scramble{background:#fff}.word-scramble-container .left-top-container .list-words-scramble textarea{width:100%;min-height:110px;max-height:176px;overflow-y:auto;box-sizing:border-box}}.btn-chill-bro{position:fixed;top:200px;left:200px;padding:10px;background-color:rgba(0,0,0,.5);z-index:1000;cursor:pointer;user-select:none}