.variant-picker{display:block;min-width:0}.variant-picker__label{font-size:14px}.variant-picker .variant-picker__group:not(:last-of-type){margin-bottom:12px}.variant-picker__fieldset{border:none;padding:0;margin:0;min-width:0}drag-scroll .variant-picker__values{gap:8px;padding:6px;margin:-6px;cursor:grab;scroll-behavior:auto}.variant-picker__values.active{cursor:grabbing}.variant-picker__value{position:relative;flex:0 0 auto}.variant-picker__value input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.variant-picker__value input:disabled{pointer-events:none}.variant-picker__pill{position:relative;display:flex;align-items:center;justify-content:center;min-width:100px;padding:4px 12px;border:1px solid #1c2c58;border-radius:5px;background:#fff;color:#212121;font-size:14px;white-space:nowrap;cursor:pointer;overflow:hidden;margin:0;-webkit-user-select:none;user-select:none}.variant-picker__value input:checked+.variant-picker__pill{background:#1c2c58;color:#fff}.variant-picker__pill.disabled{isolation:isolate;-webkit-user-select:none;user-select:none;cursor:not-allowed;pointer-events:none}.variant-picker__pill.disabled:before{content:"";position:absolute;top:50%;left:-10px;width:calc(100% + 20px);height:1px;background-color:#000;transform:translateY(-50%) rotate(-45deg);z-index:1}.variant-picker__pill.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f3f4f6;z-index:-1}.variant-picker__swatch{position:relative;display:block;width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;cursor:pointer;box-shadow:0 0 0 1px #fff}.variant-picker__value input:checked+.variant-picker__swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #1c2c58}.variant-picker__swatch.disabled{cursor:not-allowed;pointer-events:none;overflow:hidden}.variant-picker__swatch.disabled:before{content:"";top:50%;left:-10px;height:1px;opacity:1;z-index:1;border:none;position:absolute;visibility:visible;width:calc(100% + 20px);background-color:#000;transform:translateY(-50%) rotate(-45deg)}
/*# sourceMappingURL=/cdn/shop/t/198/assets/component-variant-picker.css.map */