@import "../_snowpack/pkg/tailwindcss/dist/base.css";
@import "../_snowpack/pkg/tailwindcss/dist/components.css";
@import "../_snowpack/pkg/tailwindcss/dist/utilities.css";

.input:before {
    content:attr(data-number);
}

input:checked + .input:before {
    content: '✖';
}

input:checked + .input {
    border-radius: 50%;
}

input:checked + .penalty:before {
    content: '-5';
}

.total {
    text-align: center;
    line-height: 1;
}