yan60-quantity-stepper{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#f3f4f6;color:#303741;vertical-align:middle}
.yan60-quantity-stepper__button{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;padding:0;border:0!important;border-radius:0!important;background:#f3f4f6!important;background-image:none!important;color:#8f6508!important;font:800 1.25rem/1 system-ui,sans-serif;box-shadow:none!important;cursor:pointer;transition:background .14s,color .14s,transform .12s}
.yan60-quantity-stepper__button:hover{background:#e8eaed!important;color:#6f4e05!important}
.yan60-quantity-stepper__button:active{transform:scale(.9)!important}
.yan60-quantity-stepper__button:focus-visible{position:relative;z-index:1;outline:2px solid #c89419;outline-offset:-2px}
.yan60-quantity-stepper__value:focus,.yan60-quantity-stepper__value:focus-visible{outline:0!important;box-shadow:none!important}
.yan60-quantity-stepper__button:disabled,.yan60-quantity-stepper__value:disabled{cursor:not-allowed;opacity:.48}
.yan60-quantity-stepper__value{box-sizing:border-box;width:52px;height:36px;padding:0 3px;border:0!important;border-radius:0!important;background:#f3f4f6!important;background-image:none!important;color:#303741!important;font:800 .92rem/1 system-ui,sans-serif;text-align:center;box-shadow:none!important;outline:0}
yan60-quantity-stepper[editable="true"] .yan60-quantity-stepper__value{background:#f3f4f6!important;border-right:1px solid #e2e5e9!important;border-left:1px solid #e2e5e9!important}
yan60-quantity-stepper.yan60-quantity-stepper--compact{border-radius:10px}
.yan60-quantity-stepper--compact .yan60-quantity-stepper__button{width:28px;height:28px;flex-basis:28px;font-size:1rem}
.yan60-quantity-stepper--compact .yan60-quantity-stepper__value{width:42px;height:28px;font-size:.8rem}