.dds-quantity-selector{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-qty-selector-m);border-radius:var(--border-radius-qty-selector-default);border:var(--border-width-qty-selector-default) solid var(--color-qty-selector-border-default);padding:var(--spacing-qty-selector-padding-outer);&:hover{border-color:var(--color-qty-selector-border-hover)}&:focus-within{box-shadow:var(--drop-shadow-button-focus)}&.dds-quantity-selector--disabled{border-color:var(--color-qty-selector-border-disabled);background-color:var(--color-qty-selector-bg-disabled)}&.dds-quantity-selector--error{box-shadow:var(--drop-shadow-button-error)}}.dds-quantity-selector__input{box-sizing:border-box;width:100%;margin:0 auto;border:none;flex:1;text-align:center;padding:0;-moz-appearance:textfield;font:var(--typography-qty-selector-m);&:focus-visible{outline:transparent}&:disabled{cursor:not-allowed;color:var(--color-qty-selector-text-disabled);background-color:var(--color-qty-selector-bg-disabled)}}.dds-quantity-selector__input::-webkit-inner-spin-button,.dds-quantity-selector__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dds-quantity-selector__button{max-width:var(--dimension-qty-selector-control-width-m);z-index:1}.dds-quantity-selector--small{height:var(--dimension-qty-selector-s);.dds-quantity-selector__input{font:var(--typography-qty-selector-s)}.dds-quantity-selector__button{max-width:var(--dimension-qty-selector-control-width-s)}}.dds-quantity-selector--large{height:var(--dimension-qty-selector-l);.dds-quantity-selector__input{font:var(--typography-qty-selector-l)}.dds-quantity-selector__button{width:var(--dimension-qty-selector-control-width-l);max-width:var(--dimension-qty-selector-control-width-l)}}