.vtmn-quantity{
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-size:1rem;
  font-weight:400;
  color:hsl(200, 100%, 4.7%);
  block-size:-moz-fit-content;
  block-size:fit-content;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
}

.vtmn-quantity > label{
  font-size:1rem;
  line-height:1.5;
  -webkit-margin-after:0.25rem;
          margin-block-end:0.25rem;
  display:inline-block;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
}

.vtmn-quantity_content{
  display:flex;
}

.vtmn-quantity input[type='number']{
  font-family:inherit;
  font-size:100%;
  margin:0;
  line-height:inherit;
  outline:0;
  inline-size:3.75rem;
  padding-block:0;
  padding-inline:0.125rem;
  border:0;
  background-color:hsl(0, 0%, 100%);
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%);
  text-align:center;
  z-index:1;
  transition:box-shadow 200ms ease-out;
  border-radius:0;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}

.vtmn-quantity input[type='number']::-moz-placeholder{
  color:hsl(211, 13%, 46.9%);
}

.vtmn-quantity input[type='number']::placeholder{
  color:hsl(211, 13%, 46.9%);
}

.vtmn-quantity input[type='number']:not(:disabled,
:focus):hover{
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%), 0 0 0 0.1875rem hsl(200, 60%, 94.1%);
}

.vtmn-quantity[aria-disabled='true']{
  opacity:0.38;
  cursor:not-allowed;
}

.vtmn-quantity[aria-disabled='true'] *:disabled{
  opacity:1;
  cursor:not-allowed;
}

.vtmn-quantity input[type='number']:not(:disabled):invalid{
  box-shadow:inset 0 0 0 0.125rem hsl(357, 77.1%, 52%);
}

.vtmn-quantity input[type='number']:not(:disabled):focus{
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-quantity input[type='number']:not(:disabled):focus-visible{
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-quantity input[type='number']::-webkit-inner-spin-button,
.vtmn-quantity input[type='number']::-webkit-outer-spin-button{
  -webkit-appearance:none;
          appearance:none;
  margin:0;
}

.vtmn-quantity .vtmn-btn{
  min-inline-size:3rem;
  min-block-size:3rem;
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%);
}

.vtmn-quantity .vtmn-btn:focus-visible{
  z-index:2;
}

.vtmn-quantity .vtmn-btn:last-child{
  border-radius:0 4px 4px 0;
  -webkit-margin-start:-0.125rem;
          margin-inline-start:-0.125rem;
}

.vtmn-quantity .vtmn-btn:first-child{
  border-radius:4px 0 0 4px;
  -webkit-margin-end:-0.125rem;
          margin-inline-end:-0.125rem;
}

.vtmn-quantity_error-text{
  font-size:0.875rem;
  line-height:1.42;
  -webkit-margin-before:0.25rem;
          margin-block-start:0.25rem;
  display:inline-flex;
  align-items:center;
}

.vtmn-quantity_error-text::before{
  position:relative;
  content:'';
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.333 8a6.667 6.667 0 1 0 13.333 0A6.667 6.667 0 0 0 1.333 8zm12 0A5.333 5.333 0 1 1 2.667 8a5.333 5.333 0 0 1 10.666 0zm-4.666 2v1.333H7.333V10h1.334zm0-1.333v-4H7.333v4h1.334z'/%3E%3C/svg%3E");
          mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.333 8a6.667 6.667 0 1 0 13.333 0A6.667 6.667 0 0 0 1.333 8zm12 0A5.333 5.333 0 1 1 2.667 8a5.333 5.333 0 0 1 10.666 0zm-4.666 2v1.333H7.333V10h1.334zm0-1.333v-4H7.333v4h1.334z'/%3E%3C/svg%3E");
  -webkit-mask-size:cover;
          mask-size:cover;
  display:inline-block;
  background-color:hsl(357, 77.1%, 52%);
  block-size:1rem;
  inline-size:1rem;
  -webkit-margin-end:0.3125rem;
          margin-inline-end:0.3125rem;
}

.vtmn-quantity.vtmn-quantity_size--small .vtmn-btn{
  min-inline-size:2rem;
  min-block-size:2rem;
}

.vtmn-quantity.vtmn-quantity_size--medium .vtmn-btn{
  min-inline-size:3rem;
  min-block-size:3rem;
}

.vtmn-quantity.vtmn-quantity_size--small input[type='number']{
  inline-size:2.5rem;
}

.vtmn-quantity.vtmn-quantity_size--medium input[type='number']{
  inline-size:3.75rem;
}

.vtmn-quantity.vtmn-quantity_size--small > label{
  font-size:0.875rem;
  line-height:1.42;
}

.vtmn-quantity.vtmn-quantity_size--medium > label{
  font-size:1rem;
  line-height:1.5;
}

.vtmn-quantity.vtmn-quantity_size--small{
  font-size:0.875rem;
}

.vtmn-quantity.vtmn-quantity_size--medium{
  font-size:1rem;
}

.vtmn-quantity.vtmn-quantity--full-width,
.vtmn-quantity.vtmn-quantity_size--small.vtmn-quantity--full-width,
.vtmn-quantity.vtmn-quantity_size--medium.vtmn-quantity--full-width{
  inline-size:100%;
}

.vtmn-quantity.vtmn-quantity--full-width input[type='number'],
.vtmn-quantity.vtmn-quantity_size--small.vtmn-quantity--full-width
  input[type='number'],
.vtmn-quantity.vtmn-quantity_size--medium.vtmn-quantity--full-width
  input[type='number']{
  inline-size:100%;
}