
/*
 * Region Index
 *
 * Structure:
 * .tb-snowreport-service-box (instance of .c-toggle-box)
 *     .tb-snowreport-service-box__toggle-button[aria-expanded="TRUE || FALSE"]
 */

// Block
.tb-snowreport-service-box {}

.tb-snowreport-service-box + .tb-snowreport-service-box {
    padding-top: config('padding.1');
}

// Color defaults for this package.
.tb-snowreport-service-box__toggle-button[aria-expanded=false] {
    background-color: config('colors.grey-lightest');
}

// Blue default color of trigger button when toggle box is expanded.
.tb-snowreport-service-box__toggle-button[aria-expanded=true] {
    background-color: config('colors.primary');
    color: #fff;
}

// Set white text and icon on blue active background.
.tb-snowreport-service-box__toggle-button[aria-expanded=true] .c-toggle-box__title,
.tb-snowreport-service-box__toggle-button[aria-expanded=true] .c-toggle-box__icon {
    color: white;
}
