.variant-quantity-selector{display:block;width:100%}.variant-quantity-wrapper{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}@media(max-width:48rem){.variant-quantity-wrapper{gap:1rem;flex-direction:column}}.variant-selector-container{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.5rem}.variant-selector-label{font-size:.875rem;font-weight:500;color:var(--color-foreground);display:block;line-height:1.4}.variant-selector-dropdown{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--color-border, #d3d3d3);border-radius:6px;background-color:var(--color-background);color:var(--color-foreground);font-size:1rem;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.variant-selector-dropdown:hover{border-color:var(--color-foreground)}.variant-selector-dropdown:focus{outline:none;border-color:var(--color-foreground);box-shadow:0 0 0 2px #0000001a}.variant-selector-dropdown:disabled{opacity:.5;cursor:not-allowed}.variant-selector-dropdown option{padding:.5rem;background-color:var(--color-background);color:var(--color-foreground)}.quantity-selector-container{flex:0 1 auto;display:flex;flex-direction:column;gap:.5rem;min-width:180px}@media(max-width:48rem){.quantity-selector-container{min-width:100%}}.quantity-label{font-size:.875rem;font-weight:500;color:var(--color-foreground);display:block;line-height:1.4}.quantity-selector-wrapper{display:flex;align-items:center;border:1px solid var(--color-border, #d3d3d3);border-radius:6px;background-color:var(--color-background);overflow:hidden;transition:border-color .2s ease}.quantity-selector-wrapper:focus-within{border-color:var(--color-foreground)}.quantity-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.75rem;background-color:transparent;border:none;color:var(--color-foreground);font-size:1.25rem;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.quantity-btn:hover{background-color:var(--color-secondary-background, #f5f5f5)}.quantity-btn:active{background-color:var(--color-secondary-background, #e8e8e8)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-btn:disabled:hover{background-color:transparent}.quantity-btn span{display:flex;align-items:center;justify-content:center;line-height:1}.quantity-btn-minus{border-right:1px solid var(--color-border, #d3d3d3)}.quantity-btn-plus{border-left:1px solid var(--color-border, #d3d3d3)}.quantity-input{flex:1;width:100%;padding:.75rem .5rem;text-align:center;border:none;background-color:transparent;color:var(--color-foreground);font-size:1rem;font-weight:500;font-family:inherit;min-width:60px}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}.quantity-input:focus{outline:none}.quantity-input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.variant-quantity-wrapper{flex-direction:column;gap:1rem}.variant-selector-container,.quantity-selector-container{width:100%;min-width:unset}.variant-selector-dropdown,.quantity-selector-wrapper{width:100%}}@supports (color: var(--color-foreground)){.variant-selector-dropdown{--dropdown-color: var(--color-foreground, #000)}}.variant-selector-dropdown:focus,.quantity-input:focus{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-foreground)}@keyframes pulse-quantity{0%{background-color:transparent}50%{background-color:#0000000d}to{background-color:transparent}}.quantity-input{animation:pulse-quantity .3s ease}.quantity-input:disabled{animation:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/variant-quantity-selector.css.map */