.variant-picker{display:flex;flex-direction:column;gap:16px;margin:20px 0 24px}.variant-picker__option{border:0;min-width:0}.variant-picker__legend{padding:0;margin-bottom:8px;font-size:.8125rem;font-weight:600}.variant-picker__selected{font-weight:400;color:var(--color-grey)}.variant-picker__values{display:flex;flex-wrap:wrap;gap:8px}.variant-picker__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.variant-picker__value{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border:1.5px solid var(--color-line);border-radius:999px;background:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;transition:border-color .2s,box-shadow .25s,transform .2s}.variant-picker__value--image{padding-left:5px}.variant-picker__value:hover{border-color:var(--color-line-hover);transform:translateY(-1px)}.variant-picker__input:checked+.variant-picker__value,.variant-picker__value[aria-current=true]{border-color:var(--color-ink);box-shadow:0 0 0 3px rgba(var(--color-ink-rgb),.06)}.variant-picker__input:checked+.variant-picker__value:after{content:"\2713";width:16px;height:16px;margin-left:2px;border-radius:50%;background:var(--color-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem}.variant-picker__input:focus-visible+.variant-picker__value{outline:2px solid var(--color-ink);outline-offset:3px}.variant-picker__value--unavailable .variant-picker__name{color:var(--color-grey);text-decoration:line-through;text-decoration-thickness:1px}.variant-picker__thumb{width:34px;height:34px;flex:none;border-radius:50%;overflow:hidden;background:var(--product-colour);display:flex;align-items:center;justify-content:center}.variant-picker__thumb-image{max-height:30px;max-width:22px;width:auto;object-fit:contain}.variant-picker--switcher+.variant-picker{margin-top:-8px}.variant-picker--radios .variant-picker__value[aria-current=true]:after{content:"\2713";width:16px;height:16px;margin-left:2px;border-radius:50%;background:var(--color-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem}.variant-picker--links{margin:14px 0 4px}.variant-picker--links .variant-picker__values{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}.variant-picker--links .variant-picker__value{height:42px;padding-right:12px;gap:6px;flex:none}.variant-picker--links .variant-picker__thumb{width:32px;height:32px}@media(max-width:560px){.variant-picker--radios .variant-picker__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.variant-picker--radios .variant-picker__value{padding-right:8px;gap:6px;font-size:.75rem}.variant-picker--radios .variant-picker__value:not(.variant-picker__value--image){justify-content:center;padding-left:8px}.variant-picker__input:checked+.variant-picker__value:after,.variant-picker--radios .variant-picker__value[aria-current=true]:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-variant-picker.css.map */