.quantity-selector{display:grid;grid-template-columns:auto auto;align-items:center;border:1px solid var(--color-gray-solid);border-radius:var(--border-radius-md);overflow:hidden;min-height:75px}.quantity-selector__details{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--spacing-xs) / 2) 0;border-right:1px solid var(--color-gray-solid);padding:calc(var(--spacing-xs) / 2);height:100%}.quantity-selector__details .quantity-selector__detailsTitle{width:100%}.quantity-selector__details .quantity-selector__detailsField{width:15%;height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;text-align:center;font-weight:var(--font-weight-bold);font-size:clamp(var(--font-size-text-sm-min),var(--font-size-text-sm-base),var(--font-size-text-sm-max));padding:0}.quantity-selector__details .quantity-selector__detailsField::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantity-selector__details .quantity-selector__detailsText{width:85%;line-height:1.3}.quantity-selector__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.quantity-selector__actions .quantity-selector__button{display:inline-flex;justify-content:center;align-items:center;background:none;border:none;width:100%;height:100%;cursor:pointer;padding:var(--spacing-xs) calc(var(--spacing-xs) * 1.2)}.quantity-selector__actions .quantity-selector__button:first-of-type{border-bottom:1px solid var(--color-gray-solid)}.quantity-selector__actions .quantity-selector__button:active{background:var(--color-gray-light)}.quantity-selector__actions .quantity-selector__button svg{width:var(--spacing-xs);height:var(--spacing-xs);pointer-events:none}@media (min-width: 576px){.quantity-selector__actions .quantity-selector__button{padding:var(--spacing-xs) calc(var(--spacing-xs) * 1.8)}}@media (min-width: 768px){.quantity-selector__details .quantity-selector__detailsText{width:90%}.quantity-selector__details .quantity-selector__detailsField{width:10%}.quantity-selector__actions .quantity-selector__button{padding:var(--spacing-xs) calc(var(--spacing-xs) * 1.8)}.quantity-selector__actions .quantity-selector__button svg{width:calc(var(--spacing-xs) * 1.5);height:calc(var(--spacing-xs) * 1.5)}}