.simple-variant-picker{margin-bottom:0;margin-left:var(--container-margin-left, 0);margin-right:var(--container-margin-right, 0)}.simple-variant-picker__container{gap:12px}.simple-variant-picker__error{color:#d32f2f;font-size:14px;padding:8px;background-color:#ffebee;border-radius:4px;margin-bottom:12px}.simple-variant-picker__label{display:var(--show-labels, block);font-size:var(--label-size, 14px);font-weight:var(--font-weight-bold, 700);color:var(--label-color, #000000);margin-bottom:10px;width:100%;letter-spacing:var(--letter-spacing-body, 0)}.simple-variant-picker__label-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.simple-variant-picker__label-row .simple-variant-picker__label{margin-bottom:0;width:auto;flex-shrink:0}.simple-variant-picker__option{width:100%}.simple-variant-picker__select{padding:var(--option-padding-vertical, 8px) var(--option-padding-horizontal, 15px);font-size:var(--option-font-size, 14px);background-color:var(--option-bg-color, #ffffff);border:1px solid var(--option-border-color, #18443d);border-radius:var(--option-border-radius, 4px);color:var(--option-text-color, #18443d);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='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2318443d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.simple-variant-picker__select:hover{border-color:var(--option-border-color, #18443d);opacity:.8}.simple-variant-picker__select:focus{outline:2px solid var(--option-border-color, #18443d);outline-offset:2px}.simple-variant-picker__select option{padding:8px;background-color:var(--option-bg-color, #ffffff);color:var(--option-text-color, #18443d)}.simple-variant-picker__swatch-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.simple-variant-picker__swatch{width:var(--swatch-size, 30px);height:var(--swatch-size, 30px);border-radius:50%;border:2px solid var(--outline-color, #e5e5e5);background-color:var(--swatch-bg-color, #cccccc);cursor:pointer;transition:all .2s ease;position:relative}.simple-variant-picker__swatch:hover{transform:scale(1.1)}.simple-variant-picker__swatch.is-selected{border-color:var(--selected-border-color, #18443d);border-width:3px}.simple-variant-picker__image-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.simple-variant-picker__image-option{width:var(--image-variant-size, 60px);height:var(--image-variant-size, 60px);border:var(--variant-image-border-width, 1px) solid var(--variant-image-border-color, #e5e5e5);border-radius:var(--variant-image-border-radius, 4px);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.simple-variant-picker__image-option:hover{border-color:var(--variant-image-selected-border-color, #007acc)}.simple-variant-picker__image-option.is-selected{border-color:var(--variant-image-selected-border-color, #007acc);border-width:var(--variant-image-selected-border-width, 2px)}.simple-variant-picker__image-option img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:767px){.simple-variant-picker__select{font-size:calc(var(--option-font-size, 14px) * .95);padding:calc(var(--option-padding-vertical, 8px) * .9) calc(var(--option-padding-horizontal, 15px) * .9)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/wb-variant-selector.css.map */