img.xs {
   width: var(--u2);
}

img.s {
   width: var(--u4);
}


img.m {
   width: var(--u8);
}

.full-width {
   width: 100%;
}

span.checked::after {
   content: "✔️";
}

span.unchecked::after {
   content: "❌";
}

input.linestyle {
   background-color: transparent;
   border-bottom: var(--u-4) solid var(--c-primary);
   border-radius: 0px;
   padding: 0px;
}

.formgrid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
   grid-template-rows: auto;
   grid-column-gap: var(--u0);
}

.formgrid > .s {
   grid-column: span 1;
}

.formgrid > .m {
   grid-column: span 2;
}

.formgrid > .l {
   grid-column: span 3;
}

.formgrid > .spacer {
   grid-column: span 3;
   height: 0px;
}
