/* stylelint-disable declaration-no-important */

.TopPlacements {
    min-height: 270px;
    padding-top: 15px;

    &-lowered {
        padding-top: 33px;
    }

    &-row {
        display: flex;
        flex-wrap: wrap;

        &::after,
        &::before {
            content: normal;
        }
    }

    &-column {
        display: flex;
        flex-direction: column;

        &:first-child {
            padding-right: 7px;
        }

        &:last-child {
            padding-left: 8px;
        }
    }

    &-no-data {
        min-height: 320px;
        padding-top: 110px;
        text-align: center;
        &-header {
            color: var(--gray-500);
            font-size: 18px;
        }
        &-paragraph {
            color: var(--gray-500);
            font-size: 14px;
            margin: 10px auto;
            max-width: 335px;
        }
    }

    &-heading-paragraph {
        font-weight: normal;
        margin-bottom: 17px !important;
        margin-top: 0;
    }

    &-separator {
        border-top: 1px solid var(--gray-400);
    }

    & .Icons-info {
        vertical-align: middle;
    }

    & .LoadingIndicator {
        min-height: 450px;
    }

    &-stores {
        color: var(--gray-500);
        font-size: 10px;
        margin-left: 10px;
        padding: 10px 0;
        text-transform: uppercase;
    }
}