.c-variant-picker:not(:has(.c-variant-picker__group)){display:none}.c-variant-picker__form,.c-variant-picker__options{display:grid;gap:var(--grid-static-lg)}.c-variant-picker__group{display:grid;gap:var(--grid-responsive-xxs)}.c-variant-picker__group-header{flex-wrap:wrap;font-size:var(--font-body-lg);gap:var(--grid-responsive-xxs)}.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{font-weight:700}.c-variant-picker__group-current-value{font-weight:400}.c-variant-picker__modal-trigger{position:relative;text-decoration-line:underline;text-decoration-thickness:.0625rem;text-underline-offset:.15em}.c-variant-picker__modal-trigger:before{border-radius:.25rem;content:"";height:1.375rem;left:-.25rem;position:absolute;right:-.25rem;top:50%;transform:translateY(-50%);transition:background-color .15s ease-in,color .15s ease-in;z-index:-1}.c-variant-picker__modal-trigger.is-active:before,.c-variant-picker__modal-trigger:active:before{background-color:var(--success-light);color:var(--primary-dark)}.c-variant-picker__modal-trigger:hover:before{background-color:var(--primary-light);color:var(--primary-dark)}.c-variant-picker__flair{align-items:center;display:flex;flex-direction:row;gap:.25rem;justify-content:center;margin-left:auto}.c-variant-picker__flair-text{font-size:var(--font-body-sm)}.c-variant-picker__flair-icon{height:1rem;width:1rem}.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--fill .input-pill{flex:1}.c-variant-picker__group-list--fill .input-pill label{width:100%}