.square:first-child:after,.square:first-child:before,.square:nth-child(2):after,.square:nth-child(2):before,.square:nth-child(3):after,.square:nth-child(4):after,.square:nth-child(4):before,.square:nth-child(5):after,.square:nth-child(5):before,.square:nth-child(6):after,.square:nth-child(7):before,.square:nth-child(8):before{content:"";position:absolute;pointer-events:none;z-index:5}.square:first-child:after,.square:nth-child(2):after,.square:nth-child(3):after,.square:nth-child(4):after,.square:nth-child(5):after,.square:nth-child(6):after{height:var(--grid-major-border-width);width:calc(100% + var(--grid-major-border-width));background:var(--color--6);bottom:calc(var(--grid-major-border-width)/-2);left:calc(var(--grid-major-border-width)/-2)}.square:first-child:before,.square:nth-child(2):before,.square:nth-child(4):before,.square:nth-child(5):before,.square:nth-child(7):before,.square:nth-child(8):before{height:100%;width:var(--grid-major-border-width);background:var(--color--6);bottom:calc(var(--grid-major-border-width)/-2);left:calc(100% - var(--grid-major-border-width)/2)}.square{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,33.3333333333%);grid-template-rows:repeat(3,33.3333333333%);position:relative}.cell:first-child:after,.cell:first-child:before,.cell:nth-child(2):after,.cell:nth-child(2):before,.cell:nth-child(3):after,.cell:nth-child(4):after,.cell:nth-child(4):before,.cell:nth-child(5):after,.cell:nth-child(5):before,.cell:nth-child(6):after,.cell:nth-child(7):before,.cell:nth-child(8):before{content:"";opacity:1;position:absolute;z-index:4;box-sizing:border-box}.cell:first-child:after,.cell:nth-child(2):after,.cell:nth-child(3):after,.cell:nth-child(4):after,.cell:nth-child(5):after,.cell:nth-child(6):after{height:var(--grid-minor-border-width);width:calc(100% + var(--grid-minor-border-width));background:var(--color--5);bottom:calc(var(--grid-minor-border-width)/-2);left:calc(var(--grid-minor-border-width)/-2)}.cell:first-child:before,.cell:nth-child(2):before,.cell:nth-child(4):before,.cell:nth-child(5):before,.cell:nth-child(7):before,.cell:nth-child(8):before{height:100%;width:var(--grid-minor-border-width);background:var(--color--5);bottom:calc(var(--grid-minor-border-width)/-2);left:calc(100% - var(--grid-minor-border-width)/2)}.cell{width:100%;height:100%;font-size:.85em;box-sizing:border-box;color:var(--color--2);position:relative;pointer-events:all}.cell._editable{color:var(--color--4)}.cell._same-digit:not(._selected){color:var(--color--2)}.cell._same-digit:not(._selected) .highlighter{background-color:var(--color--10)}.cell._error{color:var(--color--8)}.cell._pseudoerror:not(._selected) .highlighter{background-color:var(--color--9)}.cell._selected .highlighter{background-color:var(--color--1)}.cell._selected_once .highlighter{background-color:var(--color--11)}.cell *{pointer-events:none}.cell__text{position:relative;z-index:4;line-height:1;will-change:transform;font-size:7.2cqi;font-weight:400;display:block}.cell__text._init{opacity:0}.highlighter{z-index:3}.check-areas,.highlighter{width:100%;height:100%;position:absolute;top:0;left:0}.check-areas{z-index:1}.check-areas i{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--color--11)}.check-areas i:first-child{transform:scaleX(1);transform-origin:center}.check-areas i:nth-child(2){transform:scaleY(1);transform-origin:center}.check-areas__block{position:absolute;width:300%;height:300%;top:calc(var(--block-offset-y)*-100%);left:calc(var(--block-offset-x)*-100%)}.check-areas__block-circle{fill:var(--color--11)}.cell__notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);position:absolute;z-index:4;top:3%;left:3%;width:94%;height:94%;color:var(--color--7)}.cell__note,.cell__notes{box-sizing:border-box;min-height:0}.cell__note{width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;padding:8%;line-height:1;font-size:3.2cqi}.cell__note._select{background-color:var(--color--10);color:var(--color--2)}.selection-frame{position:absolute;inset:calc(var(--grid-selection-border-width)/-2);border:var(--grid-selection-border-width) solid var(--color--4);border-radius:0;box-sizing:border-box;pointer-events:none;z-index:9}@media screen{.cell._selected:after,.cell._selected:before{display:none}}@media(pointer:coarse){.cell__text{font-size:8.3cqi}.cell__note{font-size:3.5cqi}}