.mkl-pc-choice-qty--container {
    display: none;
    width: auto;
    max-width: 120px;
    border: 1px solid #CCC;
    background: #FFF;
    justify-content: space-between;
    margin: 13px;
    border-radius: 4px;
}

.mkl-pc-choice-qty--container:focus-within {
    border-color: var(--mkl_pc_color-primary, #777);
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul li.active > .mkl-pc-choice-qty--container {
    display: flex;
}

.mkl-pc-choice-qty--container > * {
    flex-grow: 1;
}

.mkl-pc-choice-qty--container input.mkl-pc-choice-qty, .mkl-pc-choice-qty--container input.mkl-pc-choice-qty:focus {
    border: none;
    color: #000;
    background: transparent;
    box-shadow: none;
    padding: 0;
    width: auto;
    max-width: 2ch;
    text-align: center;
    -moz-appearance: textfield;
}

.mkl-pc-choice-qty--container input.mkl-pc-choice-qty::-webkit-outer-spin-button,
.mkl-pc-choice-qty--container input.mkl-pc-choice-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.mkl-pc-choice-qty--container input.mkl-pc-choice-qty::-webkit-outer-spin-button,
.mkl-pc-choice-qty--container input.mkl-pc-choice-qty::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button.mkl-pc-choice-qty--btn {
    padding: 4px;
    display: block;
    border: none;
    text-align: center;
    font-size: 15px;
    font-family: sans-serif;
    color: #000;
    line-height: 1;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button.mkl-pc-choice-qty--btn svg {
    vertical-align: middle;
    width: 15px;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button.mkl-pc-choice-qty--btn svg use {
    fill: #000;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button.mkl-pc-choice-qty--btn:hover svg use,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices > ul > li button.mkl-pc-choice-qty--btn:focus svg use {
    fill: var(--mkl_pc_color-primary);
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.choices-list li.has-qty.active > button.choice-item {
    height: auto;
}