@charset "UTF-8";

.good-button:disabled > *, 
.bad-button:disabled > * {
    color: var(--gray) !important;
    fill: var(--gray) !important;
}

.read-more {
    left: 50%;
    transform: translateX(-50%);
}

.read-more:has(input[type="checkbox"]:checked) {
    display: none;
}

.read-more:has(input[type="checkbox"]:not(:checked)) + p {
    height: 5lh;
    overflow: hidden;
    mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 40%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0) 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 40%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0) 100%
    );
}