.form-notice {
    opacity: .6;
    font-size: .8888889rem;
}

.form-input.read-only {
    color: #999;
    border-color: #999;
    pointer-events: none;
}

    .form-input.read-only ~ label {
        border-color: #999;
        background-color: #eee;
    }

label:has(.form-input.read-only) {
    pointer-events: none;
}

label .form-input.read-only {
    background-color: #eee;
}

    label .form-input.read-only:checked {
        background-color: #999;
    }

.form-bool__input.read-only {
    border: 1px solid #999;
}

    .form-bool__input[type="radio"].read-only:checked {
        background-color: #eee;
        color: #999;
    }

.variants-summary {
    border-top: 1px solid #eee;
}

.variants-box-ZS,
.variants-box-MS {
    margin-bottom: 30px;
}

.flex-table .border-b {
    border-bottom-color: var(--tw-prose-td-borders);
}