.component-logo-size-xs {
    img {
        width: 50px;
    }
}

.component-logo-size-s {
    img {
        width: 100px;
    }
}

.component-logo-size-m {
    img {
        width: 200px;
    }
}

.component-logo-size-l {
    img {
        width: 300px;
    }
}

.component-background-section {

    &.component-background-black {
	    background: var(--black);
    }

    &.component-background-white {
        background: var(--white);
    }

    &.component-background-primary {
        background: var(--primary);
    }
    &.component-background-secondary {
        background: var(--secondary);
    }

    &.component-background-dark {
        background: var(--dark);
    }

}

.wally-vanishable-heading:empty,
.wally-vanishable-rich-text:empty,
.wally-vanishable-image.empty {
    display: none;
}