.ax-variant-picker{--ax-vp-size: var(--ax-tap);--ax-vp-swatch-size: 2.25rem;--ax-vp-gap: var(--ax-space-2);--ax-vp-ring: 2px;display:block}:root.no-js .ax-variant-picker__options{display:none}.ax-variant-picker__options{display:flex;flex-direction:column;gap:var(--ax-space-5)}.ax-variant-picker__group{display:flex;flex-direction:column;gap:var(--ax-space-2);border:0;margin:0;padding:0;min-inline-size:0}.ax-variant-picker__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ax-space-2);padding:0;font-size:var(--ax-text-sm);font-weight:var(--ax-fw-bold);line-height:var(--ax-leading-snug);color:var(--ax-c-fg)}.ax-variant-picker__legend-name{color:var(--ax-c-fg)}.ax-variant-picker__legend-value{font-weight:var(--ax-fw-body);color:var(--ax-c-fg-muted)}.ax-variant-picker__legend-link{margin-inline-start:auto;font-size:var(--ax-text-xs);font-weight:var(--ax-fw-body)}.ax-variant-picker__values{display:flex;flex-wrap:wrap;gap:var(--ax-vp-gap);margin:0;padding:0;list-style:none}.ax-variant-picker__value{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit}.ax-variant-picker__input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ax-variant-picker__values--button .ax-variant-picker__value,.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback{min-inline-size:var(--ax-vp-size);min-block-size:var(--ax-vp-size);padding-inline:var(--ax-space-4);padding-block:var(--ax-space-2);font-size:var(--ax-text-sm);font-weight:var(--ax-fw-semibold);line-height:var(--ax-leading-snug);border:var(--ax-border-width, 1px) solid var(--ax-c-border);border-radius:var(--ax-radius-full);background-color:var(--ax-c-bg-alt);color:var(--ax-c-fg);transition:border-color var(--ax-dur-1) var(--ax-ease-out),background-color var(--ax-dur-1) var(--ax-ease-out),color var(--ax-dur-1) var(--ax-ease-out),scale var(--ax-dur-1) var(--ax-ease-out)}@media screen and (max-width:749px){.ax-variant-picker__values--button .ax-variant-picker__value,.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback{padding-inline:var(--ax-space-3)}}@media(hover:hover){.ax-variant-picker__values--button .ax-variant-picker__value:hover,.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback:hover{border-color:var(--ax-c-border-strong)}}.ax-variant-picker__values--button .ax-variant-picker__value:active,.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback:active{scale:var(--ax-press-scale)}.ax-variant-picker__values--button .ax-variant-picker__value:has(.ax-variant-picker__input:checked),.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback:has(.ax-variant-picker__input:checked){border-color:var(--ax-c-btn);background-color:var(--ax-c-btn);color:var(--ax-c-btn-fg);font-weight:var(--ax-fw-bold)}.ax-variant-picker__swatch{display:block;inline-size:var(--ax-vp-swatch-size);block-size:var(--ax-vp-swatch-size);border-radius:var(--ax-radius-full);border:var(--ax-border-width, 1px) solid var(--ax-c-border);background-color:var(--swatch-bg, var(--ax-c-bg-inset));background-image:var(--swatch-img, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgb(var(--ax-c-shadow) / .06)}.ax-variant-picker__values--swatch .ax-variant-picker__value:not(.ax-variant-picker__value--fallback){padding:calc(var(--ax-vp-ring) + 2px);border-radius:var(--ax-radius-full);outline:var(--ax-vp-ring) solid transparent;outline-offset:-1px;transition:outline-color var(--ax-dur-1) var(--ax-ease-out)}.ax-variant-picker__values--swatch .ax-variant-picker__value:not(.ax-variant-picker__value--fallback):hover{outline-color:var(--ax-c-border)}.ax-variant-picker__values--swatch .ax-variant-picker__value:not(.ax-variant-picker__value--fallback):has(.ax-variant-picker__input:checked){outline-color:var(--ax-c-fg)}.ax-variant-picker__values--shape-square .ax-variant-picker__swatch,.ax-variant-picker__values--shape-square .ax-variant-picker__value:not(.ax-variant-picker__value--fallback){border-radius:var(--ax-radius-sm)}.ax-variant-picker__values--size-sm{--ax-vp-swatch-size: 1.75rem;--ax-vp-size: 2rem}.ax-variant-picker__values--size-lg{--ax-vp-swatch-size: 3rem;--ax-vp-size: 3.25rem}.ax-variant-picker__value:has(.ax-variant-picker__input:focus-visible){outline:2px solid var(--ax-c-border-strong);outline-offset:2px}.ax-variant-picker__value[data-unavailable=true]{opacity:.55}.ax-variant-picker__value[data-unavailable=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(to top left,transparent calc(50% - .6px),currentColor calc(50% - .6px),currentColor calc(50% + .6px),transparent calc(50% + .6px))}.ax-variant-picker__values--swatch .ax-variant-picker__value:not(.ax-variant-picker__value--fallback)[data-unavailable=true]:after{inset:calc(var(--ax-vp-ring) + 2px)}.ax-variant-picker__value[data-unavailable=true]:has(.ax-variant-picker__input:checked){opacity:.75}.ax-variant-picker__values--button .ax-variant-picker__value[data-unavailable=true]{opacity:1;color:var(--ax-c-fg-muted);border-color:var(--ax-c-hairline);text-decoration-line:line-through}.ax-variant-picker__values--button .ax-variant-picker__value[data-unavailable=true]:after{content:none}.ax-variant-picker__hint{margin:0;font-size:var(--ax-text-xs);line-height:var(--ax-leading-snug);color:var(--ax-c-fg-muted)}.ax-variant-picker__select-wrap{position:relative;display:flex;align-items:center;inline-size:100%;max-inline-size:22rem}.ax-variant-picker__select{inline-size:100%}.ax-variant-picker__value--link{text-decoration:none}.ax-variant-picker__value--link:focus-visible{outline:2px solid var(--ax-c-border-strong);outline-offset:2px}.ax-variant-picker__fallback{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ax-space-3)}.ax-variant-picker__fallback .ax-field{inline-size:auto;flex:1 1 14rem}.ax-variant-picker[aria-busy=true] .ax-variant-picker__options{opacity:.6;pointer-events:none}.ax-variant-picker__options{transition:opacity var(--ax-dur-1) var(--ax-ease-out)}@media(prefers-reduced-motion:reduce){.ax-variant-picker__options,.ax-variant-picker__value,.ax-variant-picker__values--button .ax-variant-picker__value{transition:none}.ax-variant-picker__values--button .ax-variant-picker__value:active,.ax-variant-picker__values--swatch .ax-variant-picker__value--fallback:active{scale:1}}@media(forced-colors:active){.ax-variant-picker__swatch{border-color:CanvasText}.ax-variant-picker__value:has(.ax-variant-picker__input:checked){outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-variant-picker.css.map */