:host.component-wrapper-spacer {
    margin-bottom: var(
        --dxp-c-component-wrapper-spacer-size,
        var(--dxp-s-component-wrapper-spacer-size)
    );
}

.interactions-component {
    min-height: 20px;
}

/* make sure proxy text is not affected by body branding */
.proxy-container {
    font-family: 'Salesforce Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 24px;
    letter-spacing: normal;
}

@media (max-width: 48em) {
    :host.component-wrapper-spacer {
        margin-bottom: var(
            --dxp-c-component-wrapper-spacer-size-mobile,
            var(--dxp-s-component-wrapper-spacer-size-mobile)
        );
    }
}