marko-real-state/src/components/number-spinner-container/style.css

Marko (v3) Real State ===========================

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #24292e;
    background-color: #fff;
}

.number-spinner button {
    background: #4285f4;
    color: #ffffff;
    border: 1px solid #1266f1;
    display: inline-block;
    padding: 12px 32px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    outline: 0;
    transition: none;
    margin: 0;
    padding: 0;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
}

.number-spinner input {
    background: #fff;
    border: 1px solid #1266f1;
    display: inline-block;
    padding: 12px 32px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    outline: 0;
    transition: none;
    margin: 0;
    padding: 0;
    padding-left: 13px;
    padding-right: 13px;
}

.number-spinner.positive input {
    background: rgb(86, 239, 165);
}

.number-spinner.negative input {
    background: rgb(235, 182, 176);
}

.number-spinner .children{
    padding: 10px 40px;
}