.ts-variant-picker{display:flex;flex-direction:column;gap:14px}.ts-variant-picker__option{min-width:0;margin:0;padding:0;border:0}.ts-variant-picker__label{display:flex;align-items:baseline;gap:6px;margin:0 0 8px;padding:0;color:var(--ts-vp-text, #17182D);font-size:var(--ts-vp-label-size, 14px);font-weight:600;line-height:1.2}.ts-variant-picker__selected{color:var(--ts-vp-muted, #6b7280);font-weight:400}.ts-variant-picker__selected:before{content:"\b7";margin-right:6px}.ts-variant-picker__values{display:flex;flex-wrap:wrap;gap:8px}.ts-variant-picker__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 18px;border:1px solid var(--ts-vp-border, #17182D33);border-radius:10px;background:var(--ts-vp-bg, #ffffff);color:var(--ts-vp-text, #17182D);font-family:inherit;font-size:var(--ts-vp-value-size, 14px);font-weight:600;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s,background .2s}.ts-variant-picker__pill:hover{border-color:color-mix(in srgb,var(--ts-vp-selected, #17182D) 45%,transparent)}input:checked+.ts-variant-picker__pill{border-color:var(--ts-vp-selected, #17182D);box-shadow:inset 0 0 0 1px var(--ts-vp-selected, #17182D)}.ts-variant-picker--selected-gradient input:checked+.ts-variant-picker__pill{background:linear-gradient(90deg,var(--ts-vp-grad-1, #C7EEFD) 0%,var(--ts-vp-grad-2, #EFF9F8) 22.12%,var(--ts-vp-grad-3, #FDE1F2) 40.38%,var(--ts-vp-grad-4, #A8B3F0) 100%)}.ts-variant-picker--selected-solid input:checked+.ts-variant-picker__pill{background:var(--ts-vp-selected-bg, #F3F4FB)}input:focus-visible+.ts-variant-picker__pill{outline:2px solid var(--ts-vp-selected, #17182D);outline-offset:2px}.ts-variant-picker__pill.is-unavailable{color:color-mix(in srgb,var(--ts-vp-text, #17182D) 45%,transparent);border-style:dashed}.ts-variant-picker__pill.is-unavailable>span:last-child{text-decoration:line-through}.ts-variant-picker__swatch{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #17182d26}.ts-variant-picker__pill.is-unavailable .ts-variant-picker__swatch{opacity:.45}.ts-variant-picker--dropdown .ts-variant-picker__label{display:block}.ts-variant-picker__select{display:block;width:100%;box-sizing:border-box;padding:12px 34px 12px 14px;border:1px solid var(--ts-vp-border, #17182D33);border-radius:10px;background-color:var(--ts-vp-bg, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%2317182D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;color:var(--ts-vp-text, #17182D);font-family:inherit;font-size:var(--ts-vp-value-size, 14px);font-weight:600;line-height:1.2;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ts-variant-picker__select:focus-visible{outline:2px solid var(--ts-vp-selected, #17182D);outline-offset:1px}.ts-variant-picker__editor-note{margin:0;padding:10px 12px;border:1px dashed #17182D40;border-radius:10px;color:#6b7280;font-size:13px}@media screen and (max-width:749px){.ts-variant-picker{gap:12px}.ts-variant-picker__pill{min-height:42px;padding:9px 14px;font-size:calc(var(--ts-vp-value-size, 14px) - 1px)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/ts-variant-picker.css.map */