.InventoryPlanningModal {

    .ReactModal-body {
        padding: 0;
    }

    &-modal-contents {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    &-intro-text {
        font-size: 14px;
        padding: 10px;
        width: 374px;
    }

    &-num-ads {
        background-color: var(--gray-100);
        display: flex;
        justify-content: space-around;
        padding-bottom: 20px;
        padding-top: 25px;
    }

    &-label-with-dot {
        display: flex;
    }

    .NumberInput {
        width: 68px;
    }

    .FRCLabel {
        margin-left: 5px;
    }
}