.cf-variant-selector{display:grid;gap:var(--cf-spacing)}.cf-variant-selector__title{font-size:var(--cf-font-size-small);color:var(--cf-color-text-light)}.cf-variant-selector__items{display:flex;gap:var(--cf-spacing-tiny)}.cf-variant-selector__thumbnail-btn{border:var(--cf-border);border-radius:var(--cf-border-radius);padding:0;overflow:hidden}.cf-variant-selector__thumbnail-btn.selected{border-color:var(--cf-color-primary)}.cf-variant-selector__thumbnail-image{width:40px;height:40px}.cf-variant-selector__btn{font-size:var(--cf-font-size-small);padding:var(--cf-spacing-tiny) var(--cf-spacing-small)}.cf-variant-selector__btn.selected{opacity:1;position:relative;color:var(--cf-color-primary);background-color:var(--cf-color-light)}.cf-variant-selector__btn.selected::after{content:"";position:absolute;bottom:calc(var(--cf-spacing-tiny)*-1);left:0;height:2px;background:var(--cf-color-primary);width:100%;z-index:1}