.inline-variant-picker{display:block;width:100%}.inline-variant-picker__options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.8rem}.inline-variant-picker__option{display:flex;flex-direction:column;gap:.2rem}.inline-variant-picker__label{font-size:1.2rem;font-weight:500;line-height:1.3;letter-spacing:.04rem}.inline-variant-picker__select-wrap{position:relative}.inline-variant-picker__select-wrap .svg-wrapper{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);pointer-events:none;width:1rem;height:1rem}.inline-variant-picker__select{font-size:1.2rem;min-height:3.2rem;padding:.4rem 2.4rem .4rem .8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);background-color:rgb(var(--color-background));width:100%;appearance:none;-webkit-appearance:none;cursor:pointer}.inline-variant-picker__select:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.inline-variant-picker__swatches{display:flex;flex-wrap:wrap;gap:.4rem}.inline-variant-picker__swatch{padding:0;border:none;background:none;cursor:pointer;border-radius:50%;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition:outline-color .15s ease}.inline-variant-picker__swatch .swatch{--swatch--size: 2.4rem}.inline-variant-picker__swatch:hover{outline:.2rem solid rgba(var(--color-foreground),.4)}.inline-variant-picker__swatch--active{outline:.1rem solid rgb(var(--color-foreground))}.inline-variant-picker__buttons{display:flex;flex-wrap:wrap;gap:.4rem}.inline-variant-picker__btn{font-size:1.1rem;padding:.3rem .8rem;min-height:2.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);background-color:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,background-color .15s ease;line-height:1.3}.inline-variant-picker__btn:hover{border-color:rgba(var(--color-foreground),.5)}.inline-variant-picker__btn--active{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.inline-variant-picker .quick-add__submit{margin-top:.4rem;min-height:3.6rem;font-size:1.2rem;padding:.6rem 1.2rem}.inline-variant-picker .quick-add__submit--icon{background:none;border:none;box-shadow:none;min-height:auto;width:auto;padding:.4rem;display:inline-flex;align-items:center;justify-content:center}.inline-variant-picker .quick-add__submit--icon:hover{background:none;border:none;opacity:.7}.inline-variant-picker .quick-add__submit--icon:disabled{background:none;border:none;opacity:.3}.quick-add__cart-icon{display:flex;align-items:center;justify-content:center}.inline-variant-picker--horizontal .inline-variant-picker__options{display:flex;flex-direction:row;align-items:flex-end;gap:.6rem;margin-bottom:0}.inline-variant-picker--horizontal .inline-variant-picker__option{flex:0 1 auto}.inline-variant-picker--horizontal .inline-variant-picker__swatches{flex-wrap:wrap;overflow:visible}.inline-variant-picker--horizontal .inline-variant-picker__buttons{flex-direction:column;gap:.2rem;flex-wrap:nowrap}.inline-variant-picker--horizontal .inline-variant-picker__btn{font-size:1rem;padding:.2rem .5rem;min-height:2.2rem;white-space:nowrap}.inline-variant-picker--horizontal .inline-variant-picker__select{font-size:1.1rem;min-height:2.6rem;padding:.2rem 2rem .2rem .4rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-inline-variant-picker.css.map */