@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{height:0;overflow:hidden}to{height:var(--radix-accordion-content-height);overflow:hidden}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}.vib-configurator-attribute-row{justify-content:space-between;align-items:center;gap:var(--vib-spacing-sm);width:100%;min-height:2.5rem;color:var(--vib-clr-primary-2);flex-direction:row;display:flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__head{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__icon{width:1.5rem;height:1.5rem;color:var(--vib-clr-primary-2);flex:none;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__label{min-width:0;color:var(--vib-clr-primary-2);font:var(--vib-text-md)}.vib-configurator-attribute-row .vib-configurator-attribute-row__control{border-bottom:1px solid var(--vib-clr-neutral-2);flex:none;justify-content:space-between;align-items:center;gap:.25rem;width:11.125rem;padding:.25rem;display:flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__value-group{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__value{background:var(--vib-clr-neutral-4);color:var(--vib-clr-primary-2);font:var(--vib-text-md);white-space:nowrap;align-items:center;padding:.125rem .25rem;display:inline-flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__actions{align-items:center;gap:var(--vib-spacing-xs);flex:none;display:inline-flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__input{width:100%;min-width:0}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown{flex:auto;min-width:0}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__trigger{height:auto;min-height:0;font-size:var(--vib-font-size-sm);background:0 0;border:0;border-radius:0;padding:0}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__label{font-size:var(--vib-font-size-sm)}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__trigger--placeholder .vib-dropdown__label{color:var(--vib-clr-neutral-1);font-style:italic}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__caret{font-size:1.5rem}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__caret--custom{font-size:var(--vib-icon-size-md)}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__menu{border-color:var(--vib-clr-neutral-2);border-radius:var(--vib-border-radius-sm);box-shadow:0 2px 4px #01010126}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__list{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.vib-configurator-attribute-row .vib-configurator-attribute-row__dropdown .vib-dropdown__option{font-size:var(--vib-font-size-sm);border-bottom:0;padding:.125rem .25rem}.vib-configurator-attribute-row--disabled{opacity:.5;pointer-events:none}@media (max-width:767px){.vib-configurator-attribute-row{align-items:stretch;gap:var(--vib-spacing-xs);flex-direction:column}.vib-configurator-attribute-row .vib-configurator-attribute-row__control{width:100%}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{height:0;overflow:hidden}to{height:var(--radix-accordion-content-height);overflow:hidden}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}.vib-configurator-color-swatch-picker{gap:var(--vib-spacing-md);flex-direction:column;display:flex}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__title{color:var(--vib-clr-neutral-2);font:var(--vib-text-sm);text-transform:uppercase;letter-spacing:.03125rem}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatches{flex-flow:wrap;gap:.25rem;display:flex}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch{border:var(--vib-border-width-thin) solid #0000;border-radius:var(--vib-border-radius-sm);cursor:pointer;transition:border-color var(--vib-transition-default);background:0 0;padding:.25rem;display:inline-flex;position:relative}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch:after{content:"";border-radius:var(--vib-border-radius-sm);box-shadow:0 0 0 var(--vib-border-width-thin) var(--vib-clr-neutral-2);pointer-events:none;opacity:0;transition:inherit;display:block;position:absolute;inset:-.125rem}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch:focus-visible:after{opacity:1}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch--selected{border-color:var(--vib-clr-neutral-2)}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch--disabled{opacity:.35;cursor:not-allowed}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__fill{border-radius:var(--vib-border-radius-sm);background:var(--vib-swatch-color);border:var(--vib-border-width-thin) solid var(--vib-clr-neutral-1);width:1.5rem;height:1.5rem;transition:transform var(--vib-transition-default);background-position:50%;background-size:cover}.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch--selected .vib-configurator-color-swatch-picker__fill{animation:.3s vib-swatch-pop}@media (prefers-reduced-motion:reduce){.vib-configurator-color-swatch-picker .vib-configurator-color-swatch-picker__swatch--selected .vib-configurator-color-swatch-picker__fill{animation:none}}.vib-configurator-color-swatch-picker--disabled{opacity:.5;pointer-events:none}@keyframes vib-swatch-pop{0%{transform:scale(.8)}55%{transform:scale(1.06)}to{transform:scale(1)}}
.vib-configurator-intro{gap:var(--vib-spacing-md,16px);flex-direction:column;display:flex}.vib-configurator-intro__title{color:var(--vib-clr-primary-2);font:var(--vib-text-xl);margin:0}.vib-configurator-intro__description{color:var(--vib-clr-primary-2);font:var(--vib-text-md);margin:0}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{height:0;overflow:hidden}to{height:var(--radix-accordion-content-height);overflow:hidden}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}.vib-configurator-length-stepper{color:var(--vib-clr-primary-2);display:flex}.vib-configurator-length-stepper .vib-configurator-length-stepper__btn{color:inherit;cursor:pointer;transition:opacity var(--vib-transition-default);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.vib-configurator-length-stepper .vib-configurator-length-stepper__btn:after{content:"";border-radius:var(--vib-border-radius-sm);box-shadow:0 0 0 var(--vib-border-width-thin) var(--vib-clr-neutral-2);pointer-events:none;opacity:0;transition:inherit;display:block;position:absolute;inset:-.125rem}.vib-configurator-length-stepper .vib-configurator-length-stepper__btn:focus-visible:after{opacity:1}.vib-configurator-length-stepper .vib-configurator-length-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.vib-configurator-length-stepper .vib-configurator-length-stepper__input,.vib-configurator-length-stepper .vib-configurator-length-stepper__value{min-width:0;color:inherit;font:inherit;text-align:center;background:0 0;border:0;padding:0}.vib-configurator-length-stepper .vib-configurator-length-stepper__input:focus{outline:none}.vib-configurator-length-stepper--disabled{opacity:.5;pointer-events:none}.vib-configurator-length-stepper--inline{width:100%;font:var(--vib-text-md);flex-direction:row;align-items:center;gap:.25rem}.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__btn{width:1.25rem;height:1.25rem;color:var(--vib-clr-neutral-1);font-size:1rem}.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__btn:hover:not(:disabled){color:var(--vib-clr-primary-2)}.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__input,.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__value{white-space:nowrap;flex:auto;width:100%}.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__input:focus{background:var(--vib-clr-neutral-4)}.vib-configurator-length-stepper--card{gap:var(--vib-spacing-xs);flex-direction:column}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__label{color:var(--vib-clr-neutral-3);font:var(--vib-text-md)}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__row{align-items:center;gap:var(--vib-spacing-sm);flex-direction:row;display:flex}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__btn{border:var(--vib-border-width-thin) solid var(--vib-clr-neutral-1);border-radius:var(--vib-border-radius-sm);width:2rem;height:2rem;font-size:var(--vib-icon-size-sm)}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__btn:hover:not(:disabled){background-color:var(--vib-clr-surface-hover)}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__input,.vib-configurator-length-stepper--card .vib-configurator-length-stepper__value{height:2rem;font:var(--vib-text-lg);flex:auto}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__value{justify-content:center;align-items:center;display:inline-flex}.vib-configurator-length-stepper--card .vib-configurator-length-stepper__helper{color:var(--vib-clr-neutral-3);font:var(--vib-text-sm);text-align:center}.vib-configurator-length-stepper--inline .vib-configurator-length-stepper__row{display:contents}