@keyframes border-bounce-in{0%{transform:scaleY(0)}60%{transform:scaleY(1.3)}80%{transform:scaleY(.9)}to{transform:scaleY(1)}}.c-variant-picker:not(:has(.c-variant-picker__group)){display:none}.c-variant-picker__form,.c-variant-picker__options{display:grid;gap:var(--grid-responsive-xs)}.c-variant-picker__group{display:grid;gap:.25rem}.c-variant-picker__group[aria-invalid]{border-radius:.0625rem;outline:.1875rem solid var(--border-error);outline-offset:.5rem}.c-variant-picker__group[aria-invalid] .c-variant-picker__group-title{color:var(--text-error)}.c-variant-picker__group[aria-invalid] .c-variant-picker__error{margin-top:.75rem}.c-variant-picker__group-header{flex-wrap:wrap;font-size:var(--font-static-sm);gap:.25rem}.c-variant-picker__group-header,.c-variant-picker__group-title{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.c-variant-picker__group-title{float:left;font-size:.75rem;font-weight:500;gap:0;letter-spacing:.0375rem;min-height:2rem;text-transform:uppercase;width:auto}.c-variant-picker__group-title:has(+*):after{content:":";display:block}.c-variant-picker__group-current-value,.c-variant-picker__modal-trigger{color:var(--text-subtle);font-size:.75rem;font-weight:500;letter-spacing:.0375rem;text-transform:uppercase}.c-variant-picker__modal-trigger{color:var(--text-link);text-decoration-line:underline;text-underline-offset:.15em;transition:background-color .15s ease-in}.c-variant-picker__error{align-items:center;background-color:var(--surface-error);border-radius:var(--radius-sm);color:var(--text-error);display:flex;flex-direction:row;font-size:var(--font-static-sm);font-weight:400;gap:.5rem;justify-content:center;line-height:1.4;padding:.75rem 1rem}.c-variant-picker__error[hidden]{display:none}.c-variant-picker__error .icon{--icon-size:2rem;flex-shrink:0}.c-variant-picker__group-select{width:100%}.c-variant-picker__group-list{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.c-variant-picker__group-list--swatch{gap:1rem}.c-variant-picker__group-list--with-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.c-variant-picker__group-list--with-price .input-pill label{width:100%}@media only screen and (hover:hover){.c-variant-picker__modal-trigger:active,.c-variant-picker__modal-trigger:focus-visible,.c-variant-picker__modal-trigger:hover{background-color:var(--surface-accent)}}