heliux-variantselector{--variantselector--main-color: var(--scope-color-main-color, #000);--variantselector--hover-color: var(--scope-color-accent1-hover, #000);--variantselector-active-color: var(--scope-color-accent1);--variantselector-active-text-color: var(--scope-color-accent1-text, #fff);--variantselector-gradient-color: #fff}heliux-variantselector .variantselector__wrapper{position:relative}@media(min-width: 768px){heliux-variantselector .variantselector__container--d-multipleLines .variantselector__containerList{flex-wrap:wrap}heliux-variantselector .variantselector__container--d-multipleLines .variantselector__item{margin-block-end:10px}heliux-variantselector .variantselector__container--d-horizontalScrolling{overflow-x:scroll}}@media(min-width: 0)and (max-width: 768px){heliux-variantselector .variantselector__container--m-multipleLines .variantselector__containerList{flex-wrap:wrap}heliux-variantselector .variantselector__container--m-multipleLines .variantselector__item{margin-block-end:10px}heliux-variantselector .variantselector__container--m-horizontalScrolling{overflow-x:scroll}}heliux-variantselector .variantselector__containerList{display:flex;gap:10px}heliux-variantselector .variantselector__item{margin-inline-end:15px}heliux-variantselector .variantselector__cta{background-color:rgba(0,0,0,0);padding-block:10px;padding-inline:20px;color:var(--variantselector--main-color);border:1px solid var(--variantselector--main-color);height:100%;white-space:nowrap;display:block;text-wrap:wrap;text-decoration:none}heliux-variantselector .variantselector__cta a{text-decoration:none;color:inherit}heliux-variantselector .variantselector__cta[data-active]{background-color:var(--variantselector-active-color);color:var(--variantselector-active-text-color);border-color:var(--variantselector-active-color)}heliux-variantselector .variantselector__cta:hover{border-color:var(--variantselector--hover-color)}heliux-variantselector .variantselector__gradient{position:absolute;inset-block-start:0;border:none;width:30px;display:none;opacity:0}heliux-variantselector .variantselector__gradient--visible{opacity:1}heliux-variantselector .variantselector__gradientPrev{inset-inline-start:0;background:linear-gradient(to right, var(--variantselector-gradient-color), transparent);display:block}heliux-variantselector .variantselector__gradientNext{display:block;inset-inline-end:0;background:linear-gradient(to left, var(--variantselector-gradient-color), transparent)}heliux-variantselector.accent1 .variantselector__cta{color:var(--scope-color-accent1, #000);border-color:var(--scope-color-accent1, #000)}heliux-variantselector.accent2 .variantselector__cta{color:var(--scope-color-accent2, #000);border-color:var(--scope-color-accent2, #000)}heliux-variantselector.alternative .variantselector__cta{color:var(--scope-color-alt-color, #000);border-color:var(--scope-color-alt-color, #000)}