/* Generated from resources/scss/components/quantity.scss; edit the source and run npm run build. */
/* One quantity control for product selectors and the cart. Preserve their native
   field names, limits and JS hooks; only presentation is shared here. */
body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) {
  display: grid;
  grid-template-columns: 44px minmax(44px, 1fr) 44px;
  width: 100%;
  min-width: 134px;
  height: 46px;
  overflow: visible;
  border: 1px solid #cbd9c9;
  border-radius: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body:is(.woocommerce, .woocommerce-cart) .osc-cart-quantity {
  width: 142px;
  max-width: 100%;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) > .quantity,
.woocommerce #content :is(.osc-pack-quantity, .osc-cart-quantity) > .quantity {
  float: none;
  display: block;
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0 !important; /* Legacy product quantities otherwise add a margin. */
  padding: 0;
  overflow: visible;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-step, .osc-cart-step) {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #264a31;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-step, .osc-cart-step)[hidden] {
  display: none;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-step, .osc-cart-step):hover:not(:disabled) {
  background: #e5efdf;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-step, .osc-cart-step):disabled {
  color: #99a694;
  cursor: default;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-symbol, .osc-cart-symbol) {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-symbol, .osc-cart-symbol)::before,
body:is(.woocommerce, .woocommerce-cart) :is([data-pack-step="1"], [data-quantity-step="1"], [data-step="1"]) :is(.osc-pack-symbol, .osc-cart-symbol)::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 12px;
  height: 2px;
  background: currentColor;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body:is(.woocommerce, .woocommerce-cart) :is([data-pack-step="1"], [data-quantity-step="1"], [data-step="1"]) :is(.osc-pack-symbol, .osc-cart-symbol)::after {
  width: 2px;
  height: 12px;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) :is(.osc-pack-input, .qty),
.woocommerce #content div.product .osc-simple-selector .quantity input.qty {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
  float: none;
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 0 2px;
  border: 0;
  border-right: 1px solid #e0e6dc;
  border-left: 1px solid #e0e6dc;
  border-radius: 0;
  background: #fff;
  color: #263f2d;
  -webkit-box-shadow: none;
          box-shadow: none;
  font: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) input::-webkit-inner-spin-button,
body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) input:disabled {
  color: #8e9986;
  opacity: 1;
}

body:is(.woocommerce, .woocommerce-cart) :is(.osc-pack-quantity, .osc-cart-quantity) :is(input, button):focus-visible {
  outline: 3px solid #006c3b;
  outline-offset: -3px;
}

body:is(.woocommerce, .woocommerce-cart) .osc-simple-selector.has-fixed-quantity .osc-pack-quantity,
body:is(.woocommerce, .woocommerce-cart) .osc-pack-selector:not(.is-enhanced) .osc-pack-quantity,
body:is(.woocommerce, .woocommerce-cart):not(.osc-cart-enhanced) .osc-cart-quantity {
  display: block;
}