.opsProductVariants{--padding-option: .5rem;display:block}.opsProductVariants,.opsProductVariants *{transition-property:all;transition-duration:var(--transition-duration-fast)}.opsProductVariants-option{border-top:1px solid var(--color-divider)}.opsProductVariants-option:last-of-type{border-bottom:1px solid var(--color-divider)}.opsProductVariants-option-header{align-items:center;background:transparent;border:none;color:var(--color-ink-default-louder);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:var(--padding-option) 0;text-align:left;width:100%}.opsProductVariants-option-name{font-weight:600}.opsProductVariants-option-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opsProductVariants-option.opsProductVariants--isExpanded .opsProductVariants-option-value{display:none}.opsProductVariants-option-icon svg{display:block;fill:var(--color-ink-default-louder);width:1.25rem;height:1.25rem}.opsProductVariants-option:hover .opsProductVariants-option-icon svg,.opsProductVariants-option.opsProductVariants--isExpanded .opsProductVariants-option-icon svg{transform:rotate(90deg)}.opsProductVariants-option-values{display:none;flex-direction:row;flex-wrap:wrap;gap:.25rem;padding-bottom:var(--padding-option)}.opsProductVariants-option.opsProductVariants--isExpanded .opsProductVariants-option-values{display:flex}.opsProductVariants-value{border:1px solid var(--color-ink-default-loud);color:var(--color-ink-default-loud);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-barlow);font-weight:400;outline:2px solid transparent;outline-offset:-2px;padding:.25rem;text-decoration:none}.opsProductVariants-value:focus,.opsProductVariants-value:hover,.opsProductVariants-value.opsProductVariants--isSelected{background:var(--color-divider);outline-color:var(--color-ink-default-loudest);color:var(--color-ink-default-loudest)}.opsProductVariants-value-swatch{background:var(--color-placeholder-1);display:block;width:1.5rem;height:1.5rem;position:relative}.opsProductVariants-value-swatch img{display:block;object-fit:cover;position:absolute;width:100%;height:100%}.opsProductVariants-value-name{padding:0 .5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-product-variants.css.map */