body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{flex-direction:column}#root,.app{min-height:100%;display:flex}.app{flex:1 0 100%;align-items:center;justify-content:center;padding-top:24px;background:linear-gradient(#f7f8f9,#edf0f4)}@media(max-width:950px){.app{align-items:flex-start}}.theme-dark .app{background:#12191d}:root:root:root .m-0{margin:0}:root:root:root .m-x-0{margin-left:0;margin-right:0}:root:root:root .m-y-0{margin-top:0;margin-bottom:0}:root:root:root .m-t-0{margin-top:0}:root:root:root .m-r-0{margin-right:0}:root:root:root .m-b-0{margin-bottom:0}:root:root:root .m-l-0{margin-left:0}:root:root:root .p-0{padding:0}:root:root:root .p-x-0{padding-left:0;padding-right:0}:root:root:root .p-y-0{padding-top:0;padding-bottom:0}:root:root:root .p-t-0{padding-top:0}:root:root:root .p-r-0{padding-right:0}:root:root:root .p-b-0{padding-bottom:0}:root:root:root .p-l-0{padding-left:0}:root:root:root .m-1{margin:1px}:root:root:root .m-x-1{margin-left:1px;margin-right:1px}:root:root:root .m-y-1{margin-top:1px;margin-bottom:1px}:root:root:root .m-t-1{margin-top:1px}:root:root:root .m-r-1{margin-right:1px}:root:root:root .m-b-1{margin-bottom:1px}:root:root:root .m-l-1{margin-left:1px}:root:root:root .p-1{padding:1px}:root:root:root .p-x-1{padding-left:1px;padding-right:1px}:root:root:root .p-y-1{padding-top:1px;padding-bottom:1px}:root:root:root .p-t-1{padding-top:1px}:root:root:root .p-r-1{padding-right:1px}:root:root:root .p-b-1{padding-bottom:1px}:root:root:root .p-l-1{padding-left:1px}:root:root:root .m-4{margin:4px}:root:root:root .m-x-4{margin-left:4px;margin-right:4px}:root:root:root .m-y-4{margin-top:4px;margin-bottom:4px}:root:root:root .m-t-4{margin-top:4px}:root:root:root .m-r-4{margin-right:4px}:root:root:root .m-b-4{margin-bottom:4px}:root:root:root .m-l-4{margin-left:4px}:root:root:root .p-4{padding:4px}:root:root:root .p-x-4{padding-left:4px;padding-right:4px}:root:root:root .p-y-4{padding-top:4px;padding-bottom:4px}:root:root:root .p-t-4{padding-top:4px}:root:root:root .p-r-4{padding-right:4px}:root:root:root .p-b-4{padding-bottom:4px}:root:root:root .p-l-4{padding-left:4px}:root:root:root .m-8{margin:8px}:root:root:root .m-x-8{margin-left:8px;margin-right:8px}:root:root:root .m-y-8{margin-top:8px;margin-bottom:8px}:root:root:root .m-t-8{margin-top:8px}:root:root:root .m-r-8{margin-right:8px}:root:root:root .m-b-8{margin-bottom:8px}:root:root:root .m-l-8{margin-left:8px}:root:root:root .p-8{padding:8px}:root:root:root .p-x-8{padding-left:8px;padding-right:8px}:root:root:root .p-y-8{padding-top:8px;padding-bottom:8px}:root:root:root .p-t-8{padding-top:8px}:root:root:root .p-r-8{padding-right:8px}:root:root:root .p-b-8{padding-bottom:8px}:root:root:root .p-l-8{padding-left:8px}:root:root:root .m-12{margin:12px}:root:root:root .m-x-12{margin-left:12px;margin-right:12px}:root:root:root .m-y-12{margin-top:12px;margin-bottom:12px}:root:root:root .m-t-12{margin-top:12px}:root:root:root .m-r-12{margin-right:12px}:root:root:root .m-b-12{margin-bottom:12px}:root:root:root .m-l-12{margin-left:12px}:root:root:root .p-12{padding:12px}:root:root:root .p-x-12{padding-left:12px;padding-right:12px}:root:root:root .p-y-12{padding-top:12px;padding-bottom:12px}:root:root:root .p-t-12{padding-top:12px}:root:root:root .p-r-12{padding-right:12px}:root:root:root .p-b-12{padding-bottom:12px}:root:root:root .p-l-12{padding-left:12px}:root:root:root .m-16{margin:16px}:root:root:root .m-x-16{margin-left:16px;margin-right:16px}:root:root:root .m-y-16{margin-top:16px;margin-bottom:16px}:root:root:root .m-t-16{margin-top:16px}:root:root:root .m-r-16{margin-right:16px}:root:root:root .m-b-16{margin-bottom:16px}:root:root:root .m-l-16{margin-left:16px}:root:root:root .p-16{padding:16px}:root:root:root .p-x-16{padding-left:16px;padding-right:16px}:root:root:root .p-y-16{padding-top:16px;padding-bottom:16px}:root:root:root .p-t-16{padding-top:16px}:root:root:root .p-r-16{padding-right:16px}:root:root:root .p-b-16{padding-bottom:16px}:root:root:root .p-l-16{padding-left:16px}:root:root:root .m-20{margin:20px}:root:root:root .m-x-20{margin-left:20px;margin-right:20px}:root:root:root .m-y-20{margin-top:20px;margin-bottom:20px}:root:root:root .m-t-20{margin-top:20px}:root:root:root .m-r-20{margin-right:20px}:root:root:root .m-b-20{margin-bottom:20px}:root:root:root .m-l-20{margin-left:20px}:root:root:root .p-20{padding:20px}:root:root:root .p-x-20{padding-left:20px;padding-right:20px}:root:root:root .p-y-20{padding-top:20px;padding-bottom:20px}:root:root:root .p-t-20{padding-top:20px}:root:root:root .p-r-20{padding-right:20px}:root:root:root .p-b-20{padding-bottom:20px}:root:root:root .p-l-20{padding-left:20px}:root:root:root .m-24{margin:24px}:root:root:root .m-x-24{margin-left:24px;margin-right:24px}:root:root:root .m-y-24{margin-top:24px;margin-bottom:24px}:root:root:root .m-t-24{margin-top:24px}:root:root:root .m-r-24{margin-right:24px}:root:root:root .m-b-24{margin-bottom:24px}:root:root:root .m-l-24{margin-left:24px}:root:root:root .p-24{padding:24px}:root:root:root .p-x-24{padding-left:24px;padding-right:24px}:root:root:root .p-y-24{padding-top:24px;padding-bottom:24px}:root:root:root .p-t-24{padding-top:24px}:root:root:root .p-r-24{padding-right:24px}:root:root:root .p-b-24{padding-bottom:24px}:root:root:root .p-l-24{padding-left:24px}:root:root:root .m-32{margin:32px}:root:root:root .m-x-32{margin-left:32px;margin-right:32px}:root:root:root .m-y-32{margin-top:32px;margin-bottom:32px}:root:root:root .m-t-32{margin-top:32px}:root:root:root .m-r-32{margin-right:32px}:root:root:root .m-b-32{margin-bottom:32px}:root:root:root .m-l-32{margin-left:32px}:root:root:root .p-32{padding:32px}:root:root:root .p-x-32{padding-left:32px;padding-right:32px}:root:root:root .p-y-32{padding-top:32px;padding-bottom:32px}:root:root:root .p-t-32{padding-top:32px}:root:root:root .p-r-32{padding-right:32px}:root:root:root .p-b-32{padding-bottom:32px}:root:root:root .p-l-32{padding-left:32px}:root:root:root .m-40{margin:40px}:root:root:root .m-x-40{margin-left:40px;margin-right:40px}:root:root:root .m-y-40{margin-top:40px;margin-bottom:40px}:root:root:root .m-t-40{margin-top:40px}:root:root:root .m-r-40{margin-right:40px}:root:root:root .m-b-40{margin-bottom:40px}:root:root:root .m-l-40{margin-left:40px}:root:root:root .p-40{padding:40px}:root:root:root .p-x-40{padding-left:40px;padding-right:40px}:root:root:root .p-y-40{padding-top:40px;padding-bottom:40px}:root:root:root .p-t-40{padding-top:40px}:root:root:root .p-r-40{padding-right:40px}:root:root:root .p-b-40{padding-bottom:40px}:root:root:root .p-l-40{padding-left:40px}:root:root:root .m-48{margin:48px}:root:root:root .m-x-48{margin-left:48px;margin-right:48px}:root:root:root .m-y-48{margin-top:48px;margin-bottom:48px}:root:root:root .m-t-48{margin-top:48px}:root:root:root .m-r-48{margin-right:48px}:root:root:root .m-b-48{margin-bottom:48px}:root:root:root .m-l-48{margin-left:48px}:root:root:root .p-48{padding:48px}:root:root:root .p-x-48{padding-left:48px;padding-right:48px}:root:root:root .p-y-48{padding-top:48px;padding-bottom:48px}:root:root:root .p-t-48{padding-top:48px}:root:root:root .p-r-48{padding-right:48px}:root:root:root .p-b-48{padding-bottom:48px}:root:root:root .p-l-48{padding-left:48px}:root:root:root .m-56{margin:56px}:root:root:root .m-x-56{margin-left:56px;margin-right:56px}:root:root:root .m-y-56{margin-top:56px;margin-bottom:56px}:root:root:root .m-t-56{margin-top:56px}:root:root:root .m-r-56{margin-right:56px}:root:root:root .m-b-56{margin-bottom:56px}:root:root:root .m-l-56{margin-left:56px}:root:root:root .p-56{padding:56px}:root:root:root .p-x-56{padding-left:56px;padding-right:56px}:root:root:root .p-y-56{padding-top:56px;padding-bottom:56px}:root:root:root .p-t-56{padding-top:56px}:root:root:root .p-r-56{padding-right:56px}:root:root:root .p-b-56{padding-bottom:56px}:root:root:root .p-l-56{padding-left:56px}:root:root:root .m-64{margin:64px}:root:root:root .m-x-64{margin-left:64px;margin-right:64px}:root:root:root .m-y-64{margin-top:64px;margin-bottom:64px}:root:root:root .m-t-64{margin-top:64px}:root:root:root .m-r-64{margin-right:64px}:root:root:root .m-b-64{margin-bottom:64px}:root:root:root .m-l-64{margin-left:64px}:root:root:root .p-64{padding:64px}:root:root:root .p-x-64{padding-left:64px;padding-right:64px}:root:root:root .p-y-64{padding-top:64px;padding-bottom:64px}:root:root:root .p-t-64{padding-top:64px}:root:root:root .p-r-64{padding-right:64px}:root:root:root .p-b-64{padding-bottom:64px}:root:root:root .p-l-64{padding-left:64px}:root:root:root .m-72{margin:72px}:root:root:root .m-x-72{margin-left:72px;margin-right:72px}:root:root:root .m-y-72{margin-top:72px;margin-bottom:72px}:root:root:root .m-t-72{margin-top:72px}:root:root:root .m-r-72{margin-right:72px}:root:root:root .m-b-72{margin-bottom:72px}:root:root:root .m-l-72{margin-left:72px}:root:root:root .p-72{padding:72px}:root:root:root .p-x-72{padding-left:72px;padding-right:72px}:root:root:root .p-y-72{padding-top:72px;padding-bottom:72px}:root:root:root .p-t-72{padding-top:72px}:root:root:root .p-r-72{padding-right:72px}:root:root:root .p-b-72{padding-bottom:72px}:root:root:root .p-l-72{padding-left:72px}:root:root:root .m-80{margin:80px}:root:root:root .m-x-80{margin-left:80px;margin-right:80px}:root:root:root .m-y-80{margin-top:80px;margin-bottom:80px}:root:root:root .m-t-80{margin-top:80px}:root:root:root .m-r-80{margin-right:80px}:root:root:root .m-b-80{margin-bottom:80px}:root:root:root .m-l-80{margin-left:80px}:root:root:root .p-80{padding:80px}:root:root:root .p-x-80{padding-left:80px;padding-right:80px}:root:root:root .p-y-80{padding-top:80px;padding-bottom:80px}:root:root:root .p-t-80{padding-top:80px}:root:root:root .p-r-80{padding-right:80px}:root:root:root .p-b-80{padding-bottom:80px}:root:root:root .p-l-80{padding-left:80px}.fg-1{flex-grow:1}.fs-0{flex-shrink:0}:root:root:root .text--left{text-align:left}:root:root:root .text--right{text-align:right}:root:root:root .text--center{text-align:center}:root:root:root .text--justify{text-align:justify}:root:root:root .text--bold{font-weight:600}:root:root:root .text--italic{font-style:italic}:root:root:root .text--uppercase{text-transform:uppercase}@media(min-width:951px){.hide-desktop{display:none}}@media(max-width:950px){.hide-mobile{display:none}}@media(max-width:760px){.control-columns{flex-direction:column-reverse;margin:0}.control-columns>.column{width:100%;margin-bottom:20px}}.menu{transform:none}.btn-fake-link{border-radius:.1rem;padding:.2rem .4rem;border:none;background:none;margin:0 -.4rem;display:block;color:inherit;width:calc(100% + .8rem);text-align:left;cursor:pointer;box-sizing:border-box;transition:.15s}.btn-fake-link:focus{outline:none}.btn-fake-link:not(:disabled):focus,.btn-fake-link:not(:disabled):hover{background:#f1f1fc;color:#5755d9}.btn-fake-link:not(:disabled):active{color:#5755d9;background:#d4d4f2}.btn-fake-link:disabled{cursor:default;color:#bbc2ce}.btn.btn-light{background:#f1f1fc;border:2px solid transparent}.btn.btn-light:focus,.btn.btn-light:hover{color:#5755d9;background:#d4d4f2}.btn.btn-light:active{background:#9a9ae4}.btn.btn-light.btn-active{border:2px solid #5755d9}.btn.btn-light.btn-error{border:2px solid transparent;background:#fad2cc;color:#e85600!important}.btn.btn-light.btn-error:focus,.btn.btn-light.btn-error:hover{background:#ffac9f}.btn.btn-light.btn-error:active{background:#ff9484}.btn.btn-light.btn-success{border:2px solid transparent;background:#ccfacc;color:#32b643!important}.btn.btn-light.btn-success:focus,.btn.btn-light.btn-success:hover{background:#97f597}.btn.btn-light.btn-success:active{background:#72ee72}.form-checkbox,.form-radio,.form-switch{cursor:pointer;padding:.2rem .4rem .2rem 1.6rem;border-radius:2px}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{margin-left:.4rem;margin-top:.1rem}.menu .menu-item .form-checkbox,.menu .menu-item .form-switch{margin:0 -.4rem}.form-switch{padding-left:2.4rem}.fa{width:16px;display:inline-flex;justify-content:center}:root:root .menu{padding:16px;box-shadow:none;border:1px solid #c6ccd8;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root:root .menu--no-padding{padding:0}:root:root .menu .menu-item{padding:0;margin:1px 0}:root:root .menu .divider{border-top:1px solid #c6ccd8;margin:24px -16px 16px}:root:root .menu .divider:after{transform:translateY(calc(-50% - 6px));margin-left:17px}:root:root .menu .collapse__button,:root:root .menu .divider:after{color:#9fa5ad;text-transform:uppercase;font-weight:700;font-size:12px}:root:root .menu .collapse__button{position:relative;display:flex;align-items:center;justify-content:space-between;margin:8px -12px 0;width:calc(100% + 24px);z-index:0}:root:root .menu .collapse__button i,:root:root .menu .collapse__button span{background:#fff;padding:0 8px;transition:background .1s;min-width:24px}:root:root .menu .collapse__button:hover i,:root:root .menu .collapse__button:hover span{background:#edf0f4}:root:root .menu .collapse__button:after{position:absolute;content:"";border-top:1px solid #c6ccd8;width:calc(100% + 10px);height:0;left:-5px;z-index:-1}:root:root .menu .collapse__list{list-style-type:none;margin:0 -4px;padding:0 4px;overflow:hidden;transition:max-height .1s,opacity .1s;opacity:0}:root:root .menu .collapse__list>*{visibility:hidden}:root:root .menu .collapse--expanded .collapse__button{margin-bottom:12px}:root:root .menu .collapse--expanded .collapse__list{opacity:1}:root:root .menu .collapse--expanded .collapse__list>*{visibility:unset}:root:root .theme-dark .menu{background:#1d272d;border-color:transparent}:root:root .theme-dark .menu .divider{border-color:#12191d}:root:root .theme-dark .menu .collapse__button i,:root:root .theme-dark .menu .collapse__button span,:root:root .theme-dark .menu .divider:after{background:#1d272d}:root:root .theme-dark .menu .collapse__button:hover i,:root:root .theme-dark .menu .collapse__button:hover span{background:#2a353c}:root:root .theme-dark .menu .collapse__button:after{border-color:#12191d}:root:root .button{border-radius:4px;padding:4px 12px;background:transparent;margin:0;cursor:pointer;display:inline-block;width:auto;text-decoration:none;color:#2a353c;border:2px solid transparent;text-align:left;transition:.1s}:root:root .button:hover{background:#edf0f4;border-color:#c6ccd8}:root:root .button:focus-visible{outline:none;box-shadow:0 0 0 2px #9fa5ad}:root:root .button--wide{width:100%}:root:root .button--primary{color:#6a68df;background:#edf0f4;font-weight:700}:root:root .button--primary:hover{border-color:#9a9ae4}:root:root .button--danger{color:#e85600}:root:root .button--danger:hover{border-color:#e85600}:root:root .button--disabled{pointer-events:none;color:#9fa5ad}@media(pointer:coarse){:root:root .button{padding:12px 16px}}:root:root .theme-dark .button{color:#fff}:root:root .theme-dark .button:hover{background:#2a353c;border-color:transparent}:root:root .theme-dark .button--primary{background:#6a68df;color:#fff;font-weight:700}:root:root .theme-dark .button--primary:hover{background:#5755d9}:root:root .theme-dark .button--danger{color:#e85600}:root:root .theme-dark .button--danger:hover{border-color:#e85600}:root:root .theme-dark .button--disabled{color:#79808a}:root:root .theme-dark .button--disabled.button--primary{background:#2a353c}:root:root .context-menu{width:-webkit-min-content;width:-moz-min-content;width:min-content;min-width:280px;border-radius:4px;position:fixed;left:-10000px;left:var(--x,-10000px);top:-10000px;top:var(--y,-10000px);opacity:0;pointer-events:none;transition:opacity .1s,box-shadow .1s;box-shadow:0 0 0 2px rgba(40,40,190,.2)}:root:root .context-menu:hover{box-shadow:0 0 0 4px rgba(40,40,190,.2)}:root:root .context-menu--visible{opacity:1;pointer-events:auto}:root:root .context-menu--mobile{position:relative;left:unset;top:unset;opacity:1;pointer-events:auto;width:100%}.box{box-shadow:0 0 0 2px #c6ccd8;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.theme-dark .box{box-shadow:0 0 0 2px #464c57}.selection{--border-color:#6a68df;background:rgba(165,180,200,.2)}.selection,.selection__edge{position:absolute;left:0;top:0;width:100%;height:100%}.selection__edge{border:0 solid var(--border-color)}.selection__edge--r{border-right-width:8px}.selection__edge--r.selection__edge--t{border-top-right-radius:4px}.selection__edge--r.selection__edge--b{border-bottom-right-radius:4px}.selection__edge--l{border-left-width:8px}.selection__edge--l.selection__edge--t{border-top-left-radius:4px}.selection__edge--l.selection__edge--b{border-bottom-left-radius:4px}.selection__edge--t{border-top-width:8px}.selection__edge--b{border-bottom-width:8px}.selection__corner{position:absolute;border:0 solid var(--border-color)}.selection__corner--tl{top:0;left:0;border-right-width:8px;border-bottom-width:8px;border-bottom-right-radius:4px}.selection__corner--tr{top:0;right:0;border-left-width:8px;border-bottom-width:8px;border-bottom-left-radius:4px}.selection__corner--bl{bottom:0;left:0;border-right-width:8px;border-top-width:8px;border-top-right-radius:4px}.selection__corner--br{bottom:0;right:0;border-left-width:8px;border-top-width:8px;border-top-left-radius:4px}.theme-dark .selection{--border-color:#5755d9;background:rgba(75,105,145,.1)}.background{pointer-events:none;position:absolute;width:100%;height:100%;z-index:0;background:#fff;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto}.background--diagonals:before{top:0;transform-origin:0 50%;transform:translateY(-50%) rotate(45deg)}.background--diagonals:after,.background--diagonals:before{content:"";width:141.4213562373%;height:8px;background:#cce7fa;position:absolute;left:0;z-index:-1}.background--diagonals:after{bottom:0;transform-origin:0 50%;transform:translateY(50%) rotate(-45deg)}.background-cell{position:relative;border:1px solid transparent}.background-cell--yellow{background:rgba(255,185,0,.2)}.background-cell--red{background:rgba(230,30,0,.2)}.background-cell--green{background:rgba(0,230,0,.2)}.background-cell--blue{background:rgba(0,135,230,.2)}.theme-dark .background{background:#12191d}.theme-dark .background-cell--yellow{background:rgba(255,208,0,.3)}.theme-dark .background-cell--red{background:rgba(238,105,85,.3)}.theme-dark .background-cell--green{background:rgba(85,238,85,.3)}.theme-dark .background-cell--blue{background:rgba(85,175,238,.3)}.background-svg{dominant-baseline:hanging;position:absolute;left:0;top:0;width:100%;height:100%}.background-svg g{-webkit-filter:drop-shadow(0 2px #fff) drop-shadow(-2px 0 #fff) drop-shadow(0 -2px #fff) drop-shadow(2px 0 #fff);filter:drop-shadow(0 2px white) drop-shadow(-2px 0 white) drop-shadow(0 -2px white) drop-shadow(2px 0 white)}.theme-dark .background-svg g{-webkit-filter:drop-shadow(0 2px #12191d) drop-shadow(-2px 0 #12191d) drop-shadow(0 -2px #12191d) drop-shadow(2px 0 #12191d);filter:drop-shadow(0 2px rgb(18,25,29)) drop-shadow(-2px 0 rgb(18,25,29)) drop-shadow(0 -2px rgb(18,25,29)) drop-shadow(2px 0 rgb(18,25,29))}.svg-thermo{fill:#bbc2ce;stroke:#bbc2ce}.svg-thermo--ghost{fill:#c6ccd8;stroke:#c6ccd8}.theme-dark .svg-thermo{fill:#79808a;stroke:#79808a}.theme-dark .svg-thermo--ghost{fill:#9fa5ad;stroke:#9fa5ad}.svg-arrow{fill:#fff;stroke:#c6ccd8}.theme-dark .svg-arrow{fill:#12191d;stroke:#bbc2ce}.svg-cage path{stroke:#464c57;stroke-width:3;stroke-dasharray:6}.svg-cage text{fill:#464c57;background:#fff;font-size:20px;font-weight:700}.theme-dark .svg-cage path{stroke:#9fa5ad}.theme-dark .svg-cage text{fill:#c6ccd8}.cell{border:.5px solid #c6ccd8;color:#5755d9;background:transparent;outline:none;padding:10px;position:relative;z-index:0;font-size:64px;text-shadow:2px 2px #fff,0 2px #fff,-2px 2px #fff,-2px 0 #fff,-2px -2px #fff,0 -2px #fff,2px -2px #fff,2px 0 #fff}.cell--filled{padding:0}.cell--highlighted{background:rgba(165,180,200,.2)}.cell--matches{background:rgba(0,0,255,.1)}.cell--selected{background:rgba(40,40,190,.2);border-color:rgba(40,40,190,.2)}.cell--focused{z-index:1}.cell--focused:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;box-shadow:0 0 0 4px rgba(0,0,0,.2);pointer-events:none}.cell--given{color:#1d272d}.cell--incorrect{color:#e85600;background:rgba(230,30,0,.2)}.cell--empty:after{z-index:-1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(230,30,0,.2)}.cell__candidates{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100%}.cell__mark{font-size:24px;color:#9a9ae4;text-shadow:2px 2px #fff,0 2px #fff,-2px 2px #fff,-2px 0 #fff,-2px -2px #fff,0 -2px #fff,2px -2px #fff,2px 0 #fff;display:flex;align-items:center;justify-content:center;line-height:100%;margin:2px}.cell__mark--invalid{color:#e85600!important}.cell__centre-marks,.cell__corner-marks{font-size:24px;position:absolute;left:12px;top:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.cell__corner-marks{display:flex;flex-direction:column;justify-content:space-between;padding:0 4px}.cell__corner-marks span{line-height:18px}.cell__corner-marks--bottom,.cell__corner-marks--top{display:flex;justify-content:space-between}.cell__corner-marks--bottom{min-height:18px}.cell__centre-marks{top:calc(20% + 6px);height:calc(60% - 12px);display:flex;flex-wrap:wrap;line-height:1;grid-gap:0;gap:0;align-items:center;justify-content:center}.cell__num{position:absolute;right:0;bottom:0;font-size:10px;padding:0 2px;color:#5755d9;background:#f1f1fc}.theme-dark .cell{border-color:#464c57;color:#9a9ae4;text-shadow:2px 2px #12191d,0 2px #12191d,-2px 2px #12191d,-2px 0 #12191d,-2px -2px #12191d,0 -2px #12191d,2px -2px #12191d,2px 0 #12191d}.theme-dark .cell--highlighted{background:rgba(75,105,145,.1)}.theme-dark .cell--given{color:#f1f1fc}.theme-dark .cell--selected{background:rgba(185,185,240,.2)}.theme-dark .cell--focused:after{box-shadow:0 0 0 4px #79808a}.theme-dark .cell--matches{background:rgba(0,135,230,.2)}.theme-dark .cell--incorrect{color:#e85600;background:rgba(230,30,0,.2)}.theme-dark .cell__mark{color:#9fa5ad;text-shadow:2px 2px #12191d,0 2px #12191d,-2px 2px #12191d,-2px 0 #12191d,-2px -2px #12191d,0 -2px #12191d,2px -2px #12191d,2px 0 #12191d}.theme-dark .cell__num{background:#1d272d}.board{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}.board-container{position:relative;border-radius:4px;--scale:100;--mobile-scale:100;width:calc(1000px*var(--scale)/100 + 4px);height:calc(1000px*var(--scale)/100 + 4px)}@media(max-width:950px){.board-container{width:calc(1000px*var(--mobile-scale)/100 + 4px);height:calc(1000px*var(--mobile-scale)/100 + 4px)}}.board-container .board-sizer{position:absolute;left:50%;top:50%;width:1000px;height:1000px;transform:translate(-50%,-50%) scale(calc(var(--scale)/100))}@media(max-width:950px){.board-container .board-sizer{transform:translate(-50%,-50%) scale(calc(var(--mobile-scale)/100))}}.theme-dark .board-container{background:#464c57}.interaction-layer{position:absolute;width:100%;height:100%;z-index:1;display:grid;grid-template-columns:repeat(9,auto);opacity:0;touch-action:none}.interaction-layer--visible{opacity:1}.interaction-cell{display:grid;grid-template-columns:[left-start] 1fr [left-end centre-start] 5fr [centre-end right-start] 1fr [right-end];grid-template-rows:[top-start] 1fr [top-end centre-start] 5fr [centre-end bottom-start] 1fr [bottom-end]}.interaction-cell__bottom,.interaction-cell__left,.interaction-cell__right,.interaction-cell__top{background:rgba(255,0,0,.1)}.interaction-cell__bottom-left,.interaction-cell__bottom-right,.interaction-cell__top-left,.interaction-cell__top-right{background:rgba(0,255,0,.1)}.interaction-cell__centre{background:rgba(0,0,255,.1)}.interaction-cell>:hover{box-shadow:0 0 0 4px #f0f}:root:root .toggle{padding:4px 12px 4px 48px;color:#2a353c;margin:0;border:2px solid transparent;border-radius:4px}@media(pointer:coarse){:root:root .toggle{padding:12px 16px 12px 48px}:root:root .toggle .form-icon{margin-top:10px}}:root:root .toggle.form-checkbox,:root:root .toggle.form-radio{padding-left:40px}@media(pointer:coarse){:root:root .toggle.form-checkbox,:root:root .toggle.form-radio{padding-left:40px}}:root:root .toggle.form-checkbox .form-icon,:root:root .toggle.form-radio .form-icon{margin-left:12px}:root:root .toggle:hover{background:#edf0f4;border-color:#c6ccd8}:root:root .toggle--disabled{background:transparent!important;border-color:transparent!important;color:#9fa5ad}:root:root .toggle input:focus+.form-icon{outline:none;box-shadow:0 0 0 2px #9fa5ad}:root:root .theme-dark .toggle{color:#fff}:root:root .theme-dark .toggle .form-icon{border-color:#464c57}:root:root .theme-dark .toggle .form-icon:before{border-color:#fff}:root:root .theme-dark .toggle input:checked+.form-icon{border-color:#6a68df}:root:root .theme-dark .toggle input:not(:checked)+.form-icon{background:#1d272d}:root:root .theme-dark .toggle--disabled{color:#79808a}:root:root .theme-dark .toggle:hover{background-color:#2a353c;border-color:transparent}.controls{display:flex;flex-direction:column;max-width:900px;min-width:260px}.x-tooltip{position:absolute;left:var(--x);top:var(--y);pointer-events:none;opacity:0;background:#1d272d;box-shadow:0 0 0 2px rgba(40,40,190,.2);border-radius:4px;color:#edf0f4;font-size:.6rem;font-weight:600;padding:4px 8px;max-width:200px;width:-webkit-max-content;width:-moz-max-content;width:max-content;transition:.2s;z-index:1241254125}.x-tooltip>*{margin:0}.x-tooltip--hovered{opacity:1}.x-tooltip--top{translate:calc(var(--width)/2 - 50%) -100%}.x-tooltip--top.x-tooltip--hovered{translate:calc(var(--width)/2 - 50%) calc(-100% - 8px)}.x-tooltip--bottom{translate:calc(var(--width)/2 - 50%) var(--height)}.x-tooltip--bottom.x-tooltip--hovered{translate:calc(var(--width)/2 - 50%) calc(var(--height) + 8px)}.x-tooltip--left{translate:-100% calc(var(--height)/2 - 50%)}.x-tooltip--left.x-tooltip--hovered{translate:calc(-100% - 8px) calc(var(--height)/2 - 50%)}.x-tooltip--right{translate:var(--width) calc(var(--height)/2 - 50%)}.x-tooltip--right.x-tooltip--hovered{translate:calc(var(--width) + 8px) calc(var(--height)/2 - 50%)}.theme-dark .x-tooltip{box-shadow:0 0 0 2px #807fe2}.page-layout{display:flex}.page-layout__board,.page-layout__left-controls{margin-right:16px}.page-layout__controls{max-width:90%}@media(max-width:950px){.page-layout{flex-direction:column;align-items:center}.page-layout__board{margin-right:0;margin-bottom:16px}}:root:root .modal .modal-overlay{background:rgba(0,0,0,.2)}:root:root .modal .modal-container{padding:0;border-radius:4px;border:1px solid #c6ccd8;box-shadow:0 8px 16px rgba(0,0,0,.4)}:root:root .modal .modal-body{padding:12px}:root:root .modal .modal-body>.menu{border:none;margin:-12px}:root:root .modal .modal-header{background:#f7f8f9;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #c6ccd8;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}:root:root .modal .modal-title{font-weight:700}:root:root .modal .modal-footer{border-top:1px solid #c6ccd8;background:#f7f8f9;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:root:root .theme-dark .modal .modal-overlay{background:rgba(0,0,0,.4)}:root:root .theme-dark .modal .modal-container{background:#1d272d;color:#fff;border-color:#12191d}:root:root .theme-dark .modal .modal-header{background:#12191d;border-color:transparent;color:#fff}:root:root .theme-dark .modal .modal-footer{background:#12191d;border-color:transparent}:root:root:root .setter-mobile-controls{display:flex;flex-direction:column;padding:12px}:root:root:root .setter-mobile-controls__buttons{display:flex;justify-content:space-between}:root:root:root .setter-mobile-controls__buttons>.button{margin:0 4px}:root:root:root .setter-mobile-controls__buttons>.button:first-of-type{margin-left:0}:root:root:root .setter-mobile-controls__buttons>.button:last-of-type{margin-right:0}.number-input{display:flex;width:100%;padding-top:8px;padding-bottom:16px;flex-wrap:wrap}.number-input>.button{flex-grow:1;flex-shrink:1;flex-basis:calc(20% - 6px);margin:0 2px 4px!important;text-align:center!important}.undo-redo{display:flex;justify-content:space-between;margin-top:0;padding-bottom:8px}:root:root .settings-modal{box-shadow:none}:root:root .settings-modal__menu{border:none}:root:root .input-mode-select{width:100%;display:flex;grid-gap:16px;gap:16px;justify-content:space-between}:root:root .input-mode-select__mode-button{height:42px;width:42px;display:flex;justify-content:center;align-items:center}:root:root .input-mode-select__mode-button.button--primary{border-color:#6a68df}.control-box{display:flex;flex-direction:column;box-shadow:none;border:2px solid #edf0f4;border-radius:16px}.control-box .btn{padding:10px 16px;height:50px;max-width:50px;margin:4px;font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:8px}.control-box .btn i{font-size:16px}.control-box .btn .flip-horiz{transform:scaleX(-1)}.control-box .btn.alone:first-child{margin-right:8px}.control-box .btn.alone:last-child{margin-left:8px}.control-box .btn.centre,.control-box .btn.corners{font-size:12px}.control-box .btn.corners{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:10px 6px 4px}.control-box .btn.corners>span{flex:0 0 50%;line-height:9px}.control-box__section{display:flex}.control-box__section:first-child{margin-bottom:8px}.control-box__actions,.control-box__input-mode{flex:0 1;display:flex;flex-direction:column}.control-box__actions>*,.control-box__input-mode>*{flex-grow:0;flex-shrink:1;flex-basis:calc(33.33333% - 8px)}.control-box__numbers{display:flex;flex-wrap:wrap;max-width:174px;margin:0 8px}.control-box__number-btn{flex-grow:0;flex-shrink:1;flex-basis:calc(33.33333% - 8px)}.control-box__colors{flex:1 1;display:flex;max-width:174px;margin:0 8px}:root:root .nav-bar{background:#f7f8f9;padding:8px 24px;justify-content:space-between;z-index:1;border-bottom:1px solid #c6ccd8}:root:root .nav-bar,:root:root .nav-bar__section{display:flex;align-items:center}:root:root .nav-bar__brand{text-transform:uppercase;font-weight:bolder;font-size:20px;color:#1d272d!important;padding:8px;margin-right:8px}:root:root .nav-bar__brand:focus,:root:root .nav-bar__brand:hover{text-decoration:none}:root:root .nav-bar__link{color:#807fe2;font-weight:700;padding:4px 12px;border-radius:2px}:root:root .nav-bar__link:visited{color:#807fe2}:root:root .nav-bar__link:focus,:root:root .nav-bar__link:hover{color:#5755d9;background:#d4d4f2;text-decoration:none}:root:root .nav-bar__menu-btn{display:none}@media(max-width:768px){:root:root .nav-bar__menu-btn{display:inline;display:initial}:root:root .nav-bar__section{position:absolute;transform:translateY(90px);z-index:-1;right:24px;background:#f7f8f9;padding:16px;border:1px solid #c6ccd8;border-radius:3px;transition:transform .1s,opacity .1s;flex-direction:column;align-items:flex-end;flex-wrap:wrap;opacity:0;box-shadow:0 4px 4px rgba(0,0,0,.2);pointer-events:none}:root:root .nav-bar__section>*{transition:opacity .1s;width:150px}:root:root .nav-bar__section--visible{transform:translateY(106px);opacity:1;pointer-events:all}}:root:root .theme-dark .nav-bar{background:#1d272d;border-color:transparent}:root:root .theme-dark .nav-bar__brand{color:#fff!important}@media(max-width:768px){:root:root .theme-dark .nav-bar__section{background:#1d272d;border-color:transparent}}.color-picker{display:flex;align-items:center;justify-content:center;width:100%}.color-picker__option{border:2px solid #c6ccd8;border-radius:2px;width:28px;height:28px;margin:8px}.color-picker__option:first-of-type{margin-left:0}.color-picker__option:last-of-type{margin-right:0}.color-picker__option:hover{cursor:pointer;border-color:#5755d9}.color-picker__option:focus{outline:none;box-shadow:0 0 0 2px #9fa5ad}.color-picker__option--white{background:#fff}.color-picker__option--yellow{background:#fff1a1}.color-picker__option--red{background:#fad2cc}.color-picker__option--green{background:#ccfacc}.color-picker__option--blue{background:#cce7fa}.color-picker__option--selected{border-color:#2a353c}.theme-dark .color-picker__option{border-color:#12191d}.theme-dark .color-picker__option--selected{border-color:#edf0f4}.theme-dark .color-picker__option--white{background:#12191d}
/*# sourceMappingURL=main.f576d834.chunk.css.map */