#board,.spinner{position:relative}#grid,.cell{border-width:1px;border-style:solid}#interactive-chart[data-font=roboto-condensed] #grid-container,#interactive-chart[data-font=roboto-condensed] #multiplication-result-text,#interactive-chart[data-font=roboto-condensed] .change-font{font-family:'Roboto Condensed',Arial,sans-serif!important;font-weight:600}#interactive-chart[data-font=us-numbers] #grid-container,#interactive-chart[data-font=us-numbers] #multiplication-result-text,#interactive-chart[data-font=us-numbers] .change-font{font-family:UsNumbers,'Roboto Condensed',Arial,sans-serif!important;font-weight:700!important;letter-spacing:2px}#interactive-chart[data-font=letters-for-learners] #grid-container,#interactive-chart[data-font=letters-for-learners] #multiplication-result-text,#interactive-chart[data-font=letters-for-learners] .change-font{font-family:'Letters for Learners','Roboto Condensed',Arial,sans-serif!important;font-weight:600!important;letter-spacing:3px}#interactive-chart[data-font=sassoon-sans-std] #grid-container,#interactive-chart[data-font=sassoon-sans-std] #multiplication-result-text,#interactive-chart[data-font=sassoon-sans-std] .change-font{font-family:'Sassoon Sans Std','Roboto Condensed',Arial,sans-serif!important}#interactive-chart[data-font=sassoon-sans-std] #multiplication-result-text{font-weight:600!important}#interactive-chart[data-font=sassoon-sans-std] #grid-container{font-weight:500!important}#interactive-chart[data-font=sassoon-sans-std-medium] #grid-container,#interactive-chart[data-font=sassoon-sans-std-medium] #multiplication-result-text,#interactive-chart[data-font=sassoon-sans-std-medium] .change-font{font-family:'Sassoon Sans Std Medium','Roboto Condensed',Arial,sans-serif!important;font-weight:400!important}#interactive-chart [data-font=sassoon-sans-std-bold] #multiplication-result-text,#interactive-chart [data-font=sassoon-sans-std-bold] .change-font,#interactive-chart[data-font=sassoon-sans-std-bold] #grid-container{font-family:'Sassoon Sans Std Bold','Roboto Condensed',Arial,sans-serif!important;font-weight:500!important}#interactive-chart{background-color:#fff;position:relative}#multiplication-result-block{text-align:center;padding:0 0 20px}#multiplication-result-text{border-radius:6px;box-sizing:border-box;background:#fff;box-shadow:0 0 10px 3px rgb(118,112,147,.3);-moz-box-shadow:0 0 10px 3px rgba(118,112,147,.3);-webkit-box-shadow:0 0 10px 3px rgb(118,112,147,.3);color:#000;font-size:32px;font-weight:600;min-width:220px;min-height:60px;line-height:60px}#board{font-weight:400;color:#83758b;padding:60px 20px;background-size:cover!important;aspect-ratio:1200/1185}#grid-container{width:100%;margin:auto;height:auto}#grid{text-align:right;margin:auto}#grid .cell:focus-visible{outline:#f8a412 solid 3px;outline-offset:4px;position:relative;z-index:10}.cell-content{line-height:44px;text-align:center;font-size:20px}#interactive-chart #board[level=chart-10] .cell-content{line-height:52px;font-size:22px}#interactive-chart #board[level=chart-12] .cell-content{line-height:44px;font-size:18px}@media (min-width:1024px){#interactive-chart[data-font=letters-for-learners] #multiplication-result-text{font-size:40px}#interactive-chart[data-font=letters-for-learners] #board[level=chart-10] .cell-content,#interactive-chart[data-font=letters-for-learners] #board[level=chart-12] .cell-content{font-size:26px}}@media (max-width:1023px){#interactive-chart #board{padding:30px}#interactive-chart #board[level=chart-10] .cell-content{line-height:58px;font-size:28px}#interactive-chart #board[level=chart-12] .cell-content{line-height:48px;font-size:24px}#interactive-chart[data-font=us-numbers] #board .cell-content{letter-spacing:normal}}@media (min-width:768px){#interactive-chart #grid{max-width:601px}}@media (max-width:600px){#interactive-chart #board[level=chart-10] .cell-content{line-height:46px;font-size:26px}#interactive-chart #board[level=chart-12] .cell-content{line-height:40px;font-size:20px}}@media (max-width:599px){#interactive-chart #board{padding:30px 0 0}#interactive-chart #board[level=chart-10] .cell-content{line-height:40px;font-size:18px}#interactive-chart[data-font=letters-for-learners] #board[level=chart-10] .cell-content{letter-spacing:1px;font-size:20px}#interactive-chart #board[level=chart-12] .cell-content{line-height:34px;font-size:16px}#interactive-chart[data-font=letters-for-learners] #board[level=chart-12] .cell-content{letter-spacing:1px;font-size:18px}#interactive-chart[data-font=sassoon-sans-std] #board[level=chart-12] .cell-content{letter-spacing:-1px}}@media (max-width:414px){#interactive-chart #board[level=chart-10] .cell-content{line-height:34px;font-size:18px}#interactive-chart #board[level=chart-12] .cell-content{line-height:30px;font-size:14px}}@media (max-width:375px){#interactive-chart #board[level=chart-10] .cell-content{line-height:31px;font-size:17px}#interactive-chart #board[level=chart-12] .cell-content{line-height:26px;font-size:13px}#interactive-chart[data-font=letters-for-learners] #board[level=chart-10] .cell-content{font-size:17px}#interactive-chart[data-font=letters-for-learners] #board[level=chart-12] .cell-content{font-size:15px}}@media (max-width:360px){#interactive-chart #board[level=chart-10] .cell-content{line-height:25px;font-size:15px}#interactive-chart #board[level=chart-12] .cell-content{line-height:22px;font-size:13px}}@media (max-width:320px){#interactive-chart #board[level=chart-10] .cell-content{line-height:23px;font-size:14px}#interactive-chart #board[level=chart-12] .cell-content{line-height:22px;font-size:12px}}.common-style-settings{margin:auto;height:auto;background:linear-gradient(90deg,#0365a3,#022941);color:#767093}.common-style-settings-content{text-align:center;font-weight:700;padding:3%;font-size:16px}.common-style-settings .see-more-features{display:flex;justify-content:flex-end}.common-style-settings button.more-features-btn{display:inline-flex;align-items:start;gap:1rem;padding:.5rem .75rem;cursor:pointer}.common-style-settings button.more-features-btn svg{flex:0 0 auto;width:10px;height:20px;display:block;pointer-events:none;transition:transform .2s;transform-origin:center}.common-style-settings button.more-features-btn.is-open svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.common-style-settings button.more-features-btn svg{transition:none}}.common-style-settings .title-common-setting{color:#fff;font-weight:500;font-size:18px;text-align:center;padding:10px 0}.common-style-settings .row-settings-overview .overview-block{box-sizing:border-box;display:inline-block;font-size:40px;font-weight:600;text-align:center;letter-spacing:5px;min-width:340px;background-color:#fff;color:#000;border-radius:6px;overflow:hidden;margin-bottom:20px}.common-style-settings .flex-buttons .setting-btn,.common-style-settings .setting-btn{width:auto;min-width:140px;box-sizing:border-box}.common-style-settings .row-settings-overview .overview-all-numbers{height:80px;line-height:80px;vertical-align:top;padding:0;text-align:center}.common-style-settings .setting-btn{text-align:center;height:45px;line-height:45px;background-color:#157fc2;color:#fff;padding:0 2%;border-radius:4px}.common-style-settings .flex-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.common-style-settings .grid-buttons{display:grid;gap:10px;margin-bottom:20px}.common-style-settings .buttons-5-by-row .grid-buttons{grid-template-columns:repeat(5,1fr)}.common-style-settings .buttons-6-by-row .grid-buttons{grid-template-columns:repeat(6,1fr)}.common-style-settings .grid-buttons .setting-btn{width:100%;min-width:inherit;margin:auto;padding:0}@media (max-width:767px){.common-style-settings .buttons-4-by-row .flex-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.common-style-settings .buttons-4-by-row .flex-buttons .setting-btn{width:100%;min-width:inherit;margin:auto;padding:0}.common-style-settings .buttons-5-by-row .grid-buttons,.common-style-settings .buttons-6-by-row .grid-buttons{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.common-style-settings .row-settings-overview .overview-block{min-width:inherit;width:100%}.common-style-settings .flex-buttons,.common-style-settings .grid-buttons{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.common-style-settings .flex-buttons .setting-btn,.common-style-settings .grid-buttons .setting-btn{width:100%!important;min-width:inherit!important;margin:auto!important;padding:0!important}}.common-style-settings .setting-btn[data-active]{background-color:#09c4fc;color:#fff}.common-style-settings .gridsize-btn[data-active][data-gridsize="10"]{background:#f15bcb}.common-style-settings .gridsize-btn[data-active][data-gridsize="12"]{background:#fc5c62}.common-style-settings .diagonal-btn[data-diagonalgrid=on][data-active]{background-color:#7ecf52}.common-style-settings .diagonal-btn[data-diagonalgrid=off][data-active]{background-color:#a2b6c3}.common-style-settings .boardbg-btn[data-active],.common-style-settings .gridcolor-btn[data-active]{background-color:#de0384}.spinner-ext{text-align:center}.spinner,.spinner:after,.spinner:before{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation:1.8s ease-in-out infinite load7;animation:1.8s ease-in-out infinite load7}.spinner{font-size:10px;margin:auto auto 30px;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.spinner:after,.spinner:before{content:'';position:absolute;top:0}.spinner:before{color:#ff9204;left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner:after{color:#ff087d;left:3.5em}@-webkit-keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}#grid,.cell{border-color:#000}.cell{display:inline-block;zoom:1;vertical-align:top;box-sizing:border-box;background:#e2e0ed;color:#827498}.cell[col="0"],.cell[row="0"]{background:#767093;color:#fff}.cell[diagonal=on]{background:#c7c4db}.colorful_result,.white-chart-1 .colorful_result,.white-chart-2 .colorful_result{color:#047def}.cell[row="0"][col="0"]{background:#f20224!important;color:#fff!important}.cell.active-col,.cell.active-row{background:#fcdab2;color:#756491}.black-chart-1 .cell.active-cell-result,.cell.active-cell-result,.white-chart-1 .cell.active-cell-result,.white-chart-2 .cell.active-cell-result{background:#047def;color:#fff}.black-chart-1 .cell.active-col[col="0"],.black-chart-1 .cell.active-col[row="0"],.black-chart-1 .cell.active-row[col="0"],.black-chart-1 .cell.active-row[row="0"],.cell.active-col[col="0"],.cell.active-col[row="0"],.cell.active-row[col="0"],.cell.active-row[row="0"],.white-chart-1 .cell.active-col[col="0"],.white-chart-1 .cell.active-col[row="0"],.white-chart-1 .cell.active-row[col="0"],.white-chart-1 .cell.active-row[row="0"],.white-chart-2 .cell.active-col[col="0"],.white-chart-2 .cell.active-col[row="0"],.white-chart-2 .cell.active-row[col="0"],.white-chart-2 .cell.active-row[row="0"]{background:#fb8801;color:#fff}.school-chart .cell[col="0"],.school-chart .cell[diagonal=on],.school-chart .cell[row="0"]{background:#dcdadd;color:#000}.color-coded-chart-1 .cell,.color-coded-chart-2 .cell,.color-coded-chart-4 .cell.active-col,.color-coded-chart-4 .cell.active-row,.school-chart .cell{background:#fff;color:#000}.school-chart .cell[row="0"][col="0"]{background:#dcdadd!important;color:#000!important}.school-chart .colorful_result{color:#018af6}.school-chart .cell.active-col,.school-chart .cell.active-row{background:#aadefe;color:#000}.school-chart .cell.active-cell-result,.school-chart .cell.active-col[col="0"],.school-chart .cell.active-col[row="0"],.school-chart .cell.active-row[col="0"],.school-chart .cell.active-row[row="0"]{background:#018af6;color:#fff}.blue-chart #grid,.blue-chart .cell,.green-chart #grid,.green-chart .cell,.pink-chart #grid,.pink-chart .cell,.purple_chart #grid,.purple_chart .cell,.transparent-2 #grid,.transparent-2 .cell{border-color:#fff}.blue-chart .cell[col="0"],.blue-chart .cell[row="0"]{background:#022d9b;color:#fff}.blue-chart .cell{background:#e2e0ed;color:#817eb3}.blue-chart .cell[diagonal=on]{background:#c7c4db;color:#817eb3}.blue-chart .colorful_result{color:#0164ea}.blue-chart .cell.active-col,.blue-chart .cell.active-row{background:#aadefe;color:#022d9b}.blue-chart .cell.active-cell-result{background:#0164ea;color:#fff}.blue-chart .cell.active-col[col="0"],.blue-chart .cell.active-col[row="0"],.blue-chart .cell.active-row[col="0"],.blue-chart .cell.active-row[row="0"]{background:#249cfa;color:#fff}.green-chart .cell[col="0"],.green-chart .cell[row="0"]{background:#02904f;color:#fff}.green-chart .cell,.purple_chart .cell{background:#e2e0ed;color:#9c8cb5}.green-chart .cell[diagonal=on]{background:#c7c4db;color:#8f80a6}.green-chart .colorful_result{color:#01904e}.green-chart .cell.active-col,.green-chart .cell.active-row{background:#d7fd8c;color:#02904f}.green-chart .cell.active-cell-result{background:#01904e;color:#fff}.black-chart-2 .cell.active-col[col="0"],.black-chart-2 .cell.active-col[row="0"],.black-chart-2 .cell.active-row[col="0"],.black-chart-2 .cell.active-row[row="0"],.green-chart .cell.active-col[col="0"],.green-chart .cell.active-col[row="0"],.green-chart .cell.active-row[col="0"],.green-chart .cell.active-row[row="0"]{background:#04d613;color:#fff}.pink-chart .cell[col="0"],.pink-chart .cell[row="0"]{background:#b304a5;color:#fff}.pink-chart .cell{background:#ebd5ff;color:#9773b8}.pink-chart .cell[diagonal=on]{background:#d5bced}.pink-chart .colorful_result{color:#9902ca}.pink-chart .cell.active-col,.pink-chart .cell.active-row{background:#ffc7f1;color:#d502a1}.pink-chart .cell.active-cell-result{background:#9902ca;color:#fff}.pink-chart .cell.active-col[col="0"],.pink-chart .cell.active-col[row="0"],.pink-chart .cell.active-row[col="0"],.pink-chart .cell.active-row[row="0"]{background:#fa23c5;color:#fff}.pink-chart .cell[row="0"][col="0"]{background:#67028d!important;color:#fff!important}.purple_chart .cell.active-cell-result,.purple_chart .cell[col="0"],.purple_chart .cell[row="0"]{background:#7230fb;color:#fff}.purple_chart .cell[diagonal=on]{background:#c6c2dd}.purple_chart .colorful_result{color:#7230fb}.purple_chart .cell.active-col,.purple_chart .cell.active-row{background:#d1baff;color:#3a038d}.purple_chart .cell.active-col[col="0"],.purple_chart .cell.active-col[row="0"],.purple_chart .cell.active-row[col="0"],.purple_chart .cell.active-row[row="0"]{background:#3a038d;color:#fff}.purple_chart .cell[row="0"][col="0"]{background:#b91cfa!important;color:#fff!important}.black-chart-1 .cell[col="0"],.black-chart-1 .cell[row="0"],.black-chart-2 .cell[col="0"],.black-chart-2 .cell[row="0"]{background:#342e3e;color:#fff}.black-chart-1 .cell,.black-chart-2 .cell,.color-coded-chart-3 .cell,.color-coded-chart-4 .cell{background:#4b4654;color:#848289}.black-chart-1 .cell[diagonal=on],.color-coded-chart-3 .cell[diagonal=on],.color-coded-chart-4 .cell[diagonal=on]{background:#847e8f;color:#000}.black-chart-1 .cell.active-col,.black-chart-1 .cell.active-row,.white-chart-1 .cell.active-col,.white-chart-1 .cell.active-row,.white-chart-2 .cell.active-col,.white-chart-2 .cell.active-row{background:#fcdab2;color:#000}.black-chart-2 .cell[diagonal=on]{background:#ada7b9;color:#000}.black-chart-2 .colorful_result{color:#f306b8}.black-chart-2 .cell.active-col,.black-chart-2 .cell.active-row{background:#d7fd8c;color:#000}.black-chart-2 .cell.active-cell-result{background:#f306b8;color:#fff}.transparent-1 .cell[col="0"],.transparent-1 .cell[row="0"]{background-color:rgba(0,0,0,.6);color:#fff}.transparent-1 .cell{background-color:rgba(0,0,0,.3);color:#000}.transparent-1 .cell[diagonal=on]{background-color:rgba(0,0,0,.5);color:#000}.transparent-1 #multiplication-result-text .colorful_result,.transparent-2 #multiplication-result-text .colorful_result{color:#000}.transparent-1 .cell.active-col,.transparent-1 .cell.active-row{background-color:rgba(255,255,255,.4);color:#000}.black-chart-2 .cell.active-col[col="0"],.transparent-1 .cell.active-cell-result,.transparent-1 .cell.active-col[row="0"],.transparent-1 .cell.active-row[col="0"],.transparent-1 .cell.active-row[row="0"]{background-color:#fff;color:#000}.white-chart-2 #grid,.white-chart-2 .cell{border-color:#e2e0ed}.white-chart-1 .cell[col="0"],.white-chart-1 .cell[row="0"],.white-chart-2 .cell[col="0"],.white-chart-2 .cell[row="0"]{background:#474053;color:#fff}.white-chart-2 .cell{background:#fff;color:#767093}.white-chart-2 .cell[diagonal=on]{background:#f0eef7;color:#767093}.white-chart-1 .cell{background:#fff;color:#433d5e}.white-chart-1 .cell[diagonal=on]{background:#e3e1f1;color:#433d5e}.transparent-2 .cell[col="0"],.transparent-2 .cell[row="0"]{background-color:rgba(255,255,255,.7);color:#000}.transparent-2 .cell{background-color:rgba(255,255,255,.2);color:#fff}.transparent-2 .cell[diagonal=on]{background-color:rgba(255,255,255,.6);color:#000}.transparent-2 .cell.active-col,.transparent-2 .cell.active-row{background-color:rgba(0,0,0,.4);color:#fff}.transparent-2 .cell.active-cell-result,.transparent-2 .cell.active-col[col="0"],.transparent-2 .cell.active-col[row="0"],.transparent-2 .cell.active-row[col="0"],.transparent-2 .cell.active-row[row="0"]{background-color:#000;color:#fff}.color-coded-chart-1 .cell.active-col,.color-coded-chart-1 .cell.active-row,.color-coded-chart-1 .cell[col="0"],.color-coded-chart-1 .cell[row="0"],.color-coded-chart-2 .cell[col="0"],.color-coded-chart-2 .cell[row="0"],.color-coded-chart-3 .cell.active-col,.color-coded-chart-3 .cell.active-row,.color-coded-chart-3 .cell[col="0"],.color-coded-chart-3 .cell[row="0"],.color-coded-chart-4 .cell[col="0"],.color-coded-chart-4 .cell[row="0"]{color:#fff}.color-coded-chart-4 .cell[col="0"],.color-coded-chart-4 .cell[row="0"]{background:#342e3e}.color-coded-chart-1 .cell[diagonal=on],.color-coded-chart-2 .cell[diagonal=on]{background:#e3e1f1;color:#000}.color-coded-chart-2 .cell.active-col[col="1"],.color-coded-chart-2 .cell.active-row[row="1"],.color-coded-chart-4 .cell.active-col[col="1"],.color-coded-chart-4 .cell.active-row[row="1"]{background:#85c7bf}.color-coded-chart-1 .cell.active-col[col="1"],.color-coded-chart-1 .cell.active-row[row="1"],.color-coded-chart-1 .cell[col="0"][row="1"],.color-coded-chart-1 .cell[row="0"][col="1"],.color-coded-chart-2 .cell[col="0"][row="1"],.color-coded-chart-2 .cell[row="0"][col="1"],.color-coded-chart-3 .cell.active-col[col="1"],.color-coded-chart-3 .cell.active-row[row="1"],.color-coded-chart-3 .cell[col="0"][row="1"],.color-coded-chart-3 .cell[row="0"][col="1"],.color-coded-chart-4 .cell.active-col[col="1"][row="0"],.color-coded-chart-4 .cell.active-row[row="1"][col="0"]{background:#018474}.color-coded-chart-1 .color-1,.color-coded-chart-2 .color-1,.color-coded-chart-3 .color-1,.color-coded-chart-4 .color-1{color:#018474}.color-coded-chart-2 .cell.active-col[col="2"],.color-coded-chart-2 .cell.active-row[row="2"],.color-coded-chart-4 .cell.active-col[col="2"],.color-coded-chart-4 .cell.active-row[row="2"]{background:#98d893}.color-coded-chart-1 .cell.active-col[col="2"],.color-coded-chart-1 .cell.active-row[row="2"],.color-coded-chart-1 .cell[col="0"][row="2"],.color-coded-chart-1 .cell[row="0"][col="2"],.color-coded-chart-2 .cell[col="0"][row="2"],.color-coded-chart-2 .cell[row="0"][col="2"],.color-coded-chart-3 .cell.active-col[col="2"],.color-coded-chart-3 .cell.active-row[row="2"],.color-coded-chart-3 .cell[col="0"][row="2"],.color-coded-chart-3 .cell[row="0"][col="2"],.color-coded-chart-4 .cell.active-col[col="2"][row="0"],.color-coded-chart-4 .cell.active-row[row="2"][col="0"]{background:#0eb203}.color-coded-chart-1 .color-2,.color-coded-chart-2 .color-2,.color-coded-chart-3 .color-2,.color-coded-chart-4 .color-2{color:#0eb203}.color-coded-chart-2 .cell.active-col[col="3"],.color-coded-chart-2 .cell.active-row[row="3"],.color-coded-chart-4 .cell.active-col[col="3"],.color-coded-chart-4 .cell.active-row[row="3"]{background:#c6e892}.color-coded-chart-1 .cell.active-col[col="3"],.color-coded-chart-1 .cell.active-row[row="3"],.color-coded-chart-1 .cell[col="0"][row="3"],.color-coded-chart-1 .cell[row="0"][col="3"],.color-coded-chart-2 .cell[col="0"][row="3"],.color-coded-chart-2 .cell[row="0"][col="3"],.color-coded-chart-3 .cell.active-col[col="3"],.color-coded-chart-3 .cell.active-row[row="3"],.color-coded-chart-3 .cell[col="0"][row="3"],.color-coded-chart-3 .cell[row="0"][col="3"],.color-coded-chart-4 .cell.active-col[col="3"][row="0"],.color-coded-chart-4 .cell.active-row[row="3"][col="0"]{background:#81d003}.color-coded-chart-1 .color-3,.color-coded-chart-2 .color-3,.color-coded-chart-3 .color-3,.color-coded-chart-4 .color-3{color:#81d003}.color-coded-chart-2 .cell.active-col[col="4"],.color-coded-chart-2 .cell.active-row[row="4"],.color-coded-chart-4 .cell.active-col[col="4"],.color-coded-chart-4 .cell.active-row[row="4"]{background:#8fe0e5}.color-coded-chart-1 .cell.active-col[col="4"],.color-coded-chart-1 .cell.active-row[row="4"],.color-coded-chart-1 .cell[col="0"][row="4"],.color-coded-chart-1 .cell[row="0"][col="4"],.color-coded-chart-2 .cell[col="0"][row="4"],.color-coded-chart-2 .cell[row="0"][col="4"],.color-coded-chart-3 .cell.active-col[col="4"],.color-coded-chart-3 .cell.active-row[row="4"],.color-coded-chart-3 .cell[col="0"][row="4"],.color-coded-chart-3 .cell[row="0"][col="4"],.color-coded-chart-4 .cell.active-col[col="4"][row="0"],.color-coded-chart-4 .cell.active-row[row="4"][col="0"]{background:#03c2cc}.color-coded-chart-1 .color-4,.color-coded-chart-2 .color-4,.color-coded-chart-3 .color-4,.color-coded-chart-4 .color-4{color:#03c2cc}.color-coded-chart-2 .cell.active-col[col="5"],.color-coded-chart-2 .cell.active-row[row="5"],.color-coded-chart-4 .cell.active-col[col="5"],.color-coded-chart-4 .cell.active-row[row="5"]{background:#a0d4ef}.color-coded-chart-1 .cell.active-col[col="5"],.color-coded-chart-1 .cell.active-row[row="5"],.color-coded-chart-1 .cell[col="0"][row="5"],.color-coded-chart-1 .cell[row="0"][col="5"],.color-coded-chart-2 .cell[col="0"][row="5"],.color-coded-chart-2 .cell[row="0"][col="5"],.color-coded-chart-3 .cell.active-col[col="5"],.color-coded-chart-3 .cell.active-row[row="5"],.color-coded-chart-3 .cell[col="0"][row="5"],.color-coded-chart-3 .cell[row="0"][col="5"],.color-coded-chart-4 .cell.active-col[col="5"][row="0"],.color-coded-chart-4 .cell.active-row[row="5"][col="0"]{background:#43abea}.color-coded-chart-1 .color-5,.color-coded-chart-2 .color-5,.color-coded-chart-3 .color-5,.color-coded-chart-4 .color-5{color:#43abea}.color-coded-chart-2 .cell.active-col[col="6"],.color-coded-chart-2 .cell.active-row[row="6"],.color-coded-chart-4 .cell.active-col[col="6"],.color-coded-chart-4 .cell.active-row[row="6"]{background:#b2bcfb}.color-coded-chart-1 .cell.active-col[col="6"],.color-coded-chart-1 .cell.active-row[row="6"],.color-coded-chart-1 .cell[col="0"][row="6"],.color-coded-chart-1 .cell[row="0"][col="6"],.color-coded-chart-2 .cell[col="0"][row="6"],.color-coded-chart-2 .cell[row="0"][col="6"],.color-coded-chart-3 .cell.active-col[col="6"],.color-coded-chart-3 .cell.active-row[row="6"],.color-coded-chart-3 .cell[col="0"][row="6"],.color-coded-chart-3 .cell[row="0"][col="6"],.color-coded-chart-4 .cell.active-col[col="6"][row="0"],.color-coded-chart-4 .cell.active-row[row="6"][col="0"]{background:#6274e4}.color-coded-chart-1 .color-6,.color-coded-chart-2 .color-6,.color-coded-chart-3 .color-6,.color-coded-chart-4 .color-6{color:#6274e4}.color-coded-chart-2 .cell.active-col[col="7"],.color-coded-chart-2 .cell.active-row[row="7"],.color-coded-chart-4 .cell.active-col[col="7"],.color-coded-chart-4 .cell.active-row[row="7"]{background:#cfc1f7}.color-coded-chart-1 .cell.active-col[col="7"],.color-coded-chart-1 .cell.active-row[row="7"],.color-coded-chart-1 .cell[col="0"][row="7"],.color-coded-chart-1 .cell[row="0"][col="7"],.color-coded-chart-2 .cell[col="0"][row="7"],.color-coded-chart-2 .cell[row="0"][col="7"],.color-coded-chart-3 .cell.active-col[col="7"],.color-coded-chart-3 .cell.active-row[row="7"],.color-coded-chart-3 .cell[col="0"][row="7"],.color-coded-chart-3 .cell[row="0"][col="7"],.color-coded-chart-4 .cell.active-col[col="7"][row="0"],.color-coded-chart-4 .cell.active-row[row="7"][col="0"]{background:#9478df}.color-coded-chart-1 .color-7,.color-coded-chart-2 .color-7,.color-coded-chart-3 .color-7,.color-coded-chart-4 .color-7{color:#9478df}.color-coded-chart-2 .cell.active-col[col="8"],.color-coded-chart-2 .cell.active-row[row="8"],.color-coded-chart-4 .cell.active-col[col="8"],.color-coded-chart-4 .cell.active-row[row="8"]{background:#bda1e1}.color-coded-chart-1 .cell.active-col[col="8"],.color-coded-chart-1 .cell.active-row[row="8"],.color-coded-chart-1 .cell[col="0"][row="8"],.color-coded-chart-1 .cell[row="0"][col="8"],.color-coded-chart-2 .cell[col="0"][row="8"],.color-coded-chart-2 .cell[row="0"][col="8"],.color-coded-chart-3 .cell.active-col[col="8"],.color-coded-chart-3 .cell.active-row[row="8"],.color-coded-chart-3 .cell[col="0"][row="8"],.color-coded-chart-3 .cell[row="0"][col="8"],.color-coded-chart-4 .cell.active-col[col="8"][row="0"],.color-coded-chart-4 .cell.active-row[row="8"][col="0"]{background:#7a42c1}.color-coded-chart-1 .color-8,.color-coded-chart-2 .color-8,.color-coded-chart-3 .color-8,.color-coded-chart-4 .color-8{color:#7a42c1}.color-coded-chart-2 .cell.active-col[col="9"],.color-coded-chart-2 .cell.active-row[row="9"],.color-coded-chart-4 .cell.active-col[col="9"],.color-coded-chart-4 .cell.active-row[row="9"]{background:#d996c8}.color-coded-chart-1 .cell.active-col[col="9"],.color-coded-chart-1 .cell.active-row[row="9"],.color-coded-chart-1 .cell[col="0"][row="9"],.color-coded-chart-1 .cell[row="0"][col="9"],.color-coded-chart-2 .cell[col="0"][row="9"],.color-coded-chart-2 .cell[row="0"][col="9"],.color-coded-chart-3 .cell.active-col[col="9"],.color-coded-chart-3 .cell.active-row[row="9"],.color-coded-chart-3 .cell[col="0"][row="9"],.color-coded-chart-3 .cell[row="0"][col="9"],.color-coded-chart-4 .cell.active-col[col="9"][row="0"],.color-coded-chart-4 .cell.active-row[row="9"][col="0"]{background:#c4048f}.color-coded-chart-1 .color-9,.color-coded-chart-2 .color-9,.color-coded-chart-3 .color-9,.color-coded-chart-4 .color-9{color:#c4048f}.color-coded-chart-2 .cell.active-col[col="10"],.color-coded-chart-2 .cell.active-row[row="10"],.color-coded-chart-4 .cell.active-col[col="10"],.color-coded-chart-4 .cell.active-row[row="10"]{background:#f0a8de}.color-coded-chart-1 .cell.active-col[col="10"],.color-coded-chart-1 .cell.active-row[row="10"],.color-coded-chart-1 .cell[col="0"][row="10"],.color-coded-chart-1 .cell[row="0"][col="10"],.color-coded-chart-2 .cell[col="0"][row="10"],.color-coded-chart-2 .cell[row="0"][col="10"],.color-coded-chart-3 .cell.active-col[col="10"],.color-coded-chart-3 .cell.active-row[row="10"],.color-coded-chart-3 .cell[col="0"][row="10"],.color-coded-chart-3 .cell[row="0"][col="10"],.color-coded-chart-4 .cell.active-col[col="10"][row="0"],.color-coded-chart-4 .cell.active-row[row="10"][col="0"]{background:#e56fc7}.color-coded-chart-1 .color-10,.color-coded-chart-2 .color-10,.color-coded-chart-3 .color-10,.color-coded-chart-4 .color-10{color:#e56fc7}.color-coded-chart-2 .cell.active-col[col="11"],.color-coded-chart-2 .cell.active-row[row="11"],.color-coded-chart-4 .cell.active-col[col="11"],.color-coded-chart-4 .cell.active-row[row="11"]{background:#fdbea3}.color-coded-chart-1 .cell.active-col[col="11"],.color-coded-chart-1 .cell.active-row[row="11"],.color-coded-chart-1 .cell[col="0"][row="11"],.color-coded-chart-1 .cell[row="0"][col="11"],.color-coded-chart-2 .cell[col="0"][row="11"],.color-coded-chart-2 .cell[row="0"][col="11"],.color-coded-chart-3 .cell.active-col[col="11"],.color-coded-chart-3 .cell.active-row[row="11"],.color-coded-chart-3 .cell[col="0"][row="11"],.color-coded-chart-3 .cell[row="0"][col="11"],.color-coded-chart-4 .cell.active-col[col="11"][row="0"],.color-coded-chart-4 .cell.active-row[row="11"][col="0"]{background:#fb8c55}.color-coded-chart-1 .color-11,.color-coded-chart-2 .color-11,.color-coded-chart-3 .color-11,.color-coded-chart-4 .color-11{color:#fb8c55}.color-coded-chart-2 .cell.active-col[col="12"],.color-coded-chart-2 .cell.active-row[row="12"],.color-coded-chart-4 .cell.active-col[col="12"],.color-coded-chart-4 .cell.active-row[row="12"]{background:#fc9c9c}.color-coded-chart-1 .cell.active-col[col="12"],.color-coded-chart-1 .cell.active-row[row="12"],.color-coded-chart-1 .cell[col="0"][row="12"],.color-coded-chart-1 .cell[row="0"][col="12"],.color-coded-chart-2 .cell[col="0"][row="12"],.color-coded-chart-2 .cell[row="0"][col="12"],.color-coded-chart-3 .cell.active-col[col="12"],.color-coded-chart-3 .cell.active-row[row="12"],.color-coded-chart-3 .cell[col="0"][row="12"],.color-coded-chart-3 .cell[row="0"][col="12"],.color-coded-chart-4 .cell.active-col[col="12"][row="0"],.color-coded-chart-4 .cell.active-row[row="12"][col="0"]{background:#ef5958}.color-coded-chart-1 .color-12,.color-coded-chart-2 .color-12,.color-coded-chart-3 .color-12,.color-coded-chart-4 .color-12{color:#ff0d01}.color-coded-chart-1 .cell.active-cell-result,.color-coded-chart-1 .cell[row="0"][col="0"],.color-coded-chart-2 .cell.active-cell-result,.color-coded-chart-2 .cell[row="0"][col="0"],.color-coded-chart-3 .cell.active-cell-result,.color-coded-chart-3 .cell[row="0"][col="0"],.color-coded-chart-4 .cell.active-cell-result{background:#000!important;color:#fff!important}.color-coded-chart-1 .cell.active-col[row="0"],.color-coded-chart-1 .cell.active-row[col="0"],.color-coded-chart-3 .cell.active-col[row="0"],.color-coded-chart-3 .cell.active-row[col="0"]{background:#000}@media (hover:hover) and (pointer:fine){.common-style-settings .setting-btn:hover{color:#fff;cursor:pointer}.common-style-settings .gridsize-btn[data-gridsize="10"]:hover{background:#f15bcb}.common-style-settings .gridsize-btn[data-gridsize="12"]:hover{background:#fc5c62}.common-style-settings .font-btn:hover{background-color:#58c3e4}.common-style-settings .diagonal-btn[data-diagonalgrid=on]:hover{background-color:#7ecf52}.common-style-settings .diagonal-btn[data-diagonalgrid=off]:hover{background-color:#a2b6c3}.boardbg-btn:hover,.common-style-settings .gridcolor-btn:hover{background-color:#de0384}.cell:hover{cursor:pointer}.black-chart-1 .cell[col="0"]:hover,.black-chart-1 .cell[row="0"]:hover,.cell[col="0"]:hover,.cell[row="0"]:hover,.white-chart-1 .cell[col="0"]:hover,.white-chart-1 .cell[row="0"]:hover,.white-chart-2 .cell[col="0"]:hover,.white-chart-2 .cell[row="0"]:hover{background:#fb8801;color:#fff}.school-chart .cell[col="0"]:hover,.school-chart .cell[row="0"]:hover{background:#018af6;color:#fff}.blue-chart .cell[col="0"]:hover,.blue-chart .cell[row="0"]:hover{background:#249cfa;color:#fff}.black-chart-2 .cell[col="0"]:hover,.black-chart-2 .cell[row="0"]:hover,.green-chart .cell[col="0"]:hover,.green-chart .cell[row="0"]:hover{background:#04d613;color:#fff}.pink-chart .cell[col="0"]:hover,.pink-chart .cell[row="0"]:hover{background:#fa23c5;color:#fff}.purple_chart .cell[col="0"]:hover,.purple_chart .cell[row="0"]:hover{background:#3a038d;color:#fff}.transparent-1 .cell[col="0"]:hover,.transparent-1 .cell[row="0"]:hover{background-color:#fff;color:#000}.transparent-2 .cell[col="0"]:hover,.transparent-2 .cell[row="0"]:hover{background-color:#000;color:#fff}.color-coded-chart-4 .cell[row="0"][col="1"]:hover,.color-coded-chart-4 .cell[row="1"][col="0"]:hover{background:#018474}.color-coded-chart-4 .cell[row="0"][col="2"]:hover,.color-coded-chart-4 .cell[row="2"][col="0"]:hover{background:#0eb203}.color-coded-chart-4 .cell[row="0"][col="3"]:hover,.color-coded-chart-4 .cell[row="3"][col="0"]:hover{background:#81d003}.color-coded-chart-4 .cell[row="0"][col="4"]:hover,.color-coded-chart-4 .cell[row="4"][col="0"]:hover{background:#03c2cc}.color-coded-chart-4 .cell[row="0"][col="5"]:hover,.color-coded-chart-4 .cell[row="5"][col="0"]:hover{background:#43abea}.color-coded-chart-4 .cell[row="0"][col="6"]:hover,.color-coded-chart-4 .cell[row="6"][col="0"]:hover{background:#6274e4}.color-coded-chart-4 .cell[row="0"][col="7"]:hover,.color-coded-chart-4 .cell[row="7"][col="0"]:hover{background:#9478df}.color-coded-chart-4 .cell[row="0"][col="8"]:hover,.color-coded-chart-4 .cell[row="8"][col="0"]:hover{background:#7a42c1}.color-coded-chart-4 .cell[row="0"][col="9"]:hover,.color-coded-chart-4 .cell[row="9"][col="0"]:hover{background:#c4048f}.color-coded-chart-4 .cell[row="0"][col="10"]:hover,.color-coded-chart-4 .cell[row="10"][col="0"]:hover{background:#e56fc7}.color-coded-chart-4 .cell[row="0"][col="11"]:hover,.color-coded-chart-4 .cell[row="11"][col="0"]:hover{background:#fb8c55}.color-coded-chart-4 .cell[row="0"][col="12"]:hover,.color-coded-chart-4 .cell[row="12"][col="0"]:hover{background:#ef5958}.color-coded-chart-1 .cell[col="0"]:hover,.color-coded-chart-1 .cell[row="0"]:hover,.color-coded-chart-3 .cell[col="0"]:hover,.color-coded-chart-3 .cell[row="0"]:hover{background:#000}}