@charset "utf-8";
@import url('common.css');
@import url('layout.css');

.mq-checkbox-card {
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 12px 15px;
    margin-bottom: 10px;
    transition: all 0.2s;
}

.mq-checkbox-card:hover {
    border-color: var(--blue);
    background: #fff;
}

.mq-checkbox-card label {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0;
    display: block;
    width: 100%; display: flex; gap: 5px;
}
.mq-checkbox-card label:before {font-weight: normal;}
.checkbox-input {display: flex; gap: var(--gap-xs); align-items: center; white-space: nowrap;}