.tpContainer {
    display: flex;
    align-items: center;
    direction: ltr;
}

    .tpContainer input {
        text-align: center;
        direction: ltr;
        transition: all ease-in-out .3s;
        border: 1px solid transparent;
        width: 100%;
        line-height: 16px;
        border-radius: 25px;
        padding: 7px 15px;
        background-color: #f0f0f0;
        font-size: 12pt;
    }

        .tpContainer input:is(:hover, :focus) {
            border-color: #FCB242;
        }


        /* Chrome, Safari, Edge, Opera */

        .tpContainer input::-webkit-outer-spin-button,
        .tpContainer input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }


        /* Firefox */

        .tpContainer input[type=number] {
            -moz-appearance: textfield;
        }

    .tpContainer .separator {
        display: block;
        padding: 0 8px;
        font-size: 24px;
        color: #f0f0f0;
    }