.check{--size:1.22222222rem;--border:1px;--size_border:calc(var(--size) + (var(--border) * 2));display:grid;grid-template:'stack' var(--size_border) / var(--size_border);}.check__input{grid-area:stack;height:var(--size);width:var(--size);opacity:0;}.check__indicator{display:block;pointer-events:none;grid-area:stack;border:var(--border) solid;height:var(--size);line-height:var(--size);aspect-ratio:1/1;border-radius:var(--r);font-size:1.28333333rem;text-align:center;:checked + &{background:var(--primary);border-color:var(--primary);color:transparent;&::after{content:'✓';color:var(--dark);}}}