.preferences h3 {
    padding-top: 1.5rem;
}
.preferences h3:first-of-type {
    padding-top: 0;
}

.feedback {
    display: none;
    font-style: italic;
    font-size: 90%;
}

.feedback.success {
    color: green;
}
.feedback.info {
    color: #377F6E;
}

.feedback.failed {
    color: red;
}
.property-group .expand {
    color: #377F6E;
    cursor: pointer;
}
.property-group i.fa {
    color: #377F6E;
    cursor: pointer;
    font-size: 16px;
}
.subtext .unchecked,
.property.hidden {
    display: none;
}

.selected-pref {
    border: 1px solid var(--bs-border-color-translucent);
    padding: 1em;
    font-size: 120%;
}

.form-switch {
    padding-left: 0;
}

.subtext {
    font-size: initial;
    font-style: normal;
}
.interval {
    font-size: .85em;
    color: #888;
}

.preferences .card .card-header {
    padding: 1rem 1.5rem!important;
}

.preferences .card .card-header a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preferences .card .card-header a i.fas {
    transition: transform .25s ease;
    margin-left: 15px;
    margin-right: auto;
}

.preferences .card .card-header a[aria-expanded=false] i.fas {
    transform: rotate(0deg);
}

.preferences .card .card-header a[aria-expanded=true] i.fas {
    transform: rotate(-180deg);
}

.property label {
    width: 100%;
    background-color: rgba(55, 127, 110, .03);
    padding: 1rem 1rem 1rem 3rem !important;
}
.property input[type=checkbox]:not(.ccm-ui input[type=checkbox]) + label:not(.custom-control-label):before {
    left: 14px;
}

.property .subtext {
    font-size: .8rem;
}

@media screen and (max-width: 768px) {
    .preferences .card .card-header {
        font-size: 1rem;
    }
    .preferences .card .card-header a i.fas {
        margin-left: 5px;
        margin-right: 15px;
    }
}