heliux-variantselector{--variantselector-prompt: var(--scope-color-accent1);--variantselector-border: var(--scope-color-accent1-disabled);--variantselector-differentiator-label: var(--scope-color-alt-color);--variantselector-differentiator-selected-label: var(--scope-color-accent1-hover);--variantselector-option-text: var(--scope-color-accent1-hover);--variantselector-option-border: var(--scope-color-accent1-disabled);--variantselector-option-selected-text: var(--scope-color-accent1-hover);--variantselector-option-selected-border: var(--scope-color-accent1);--variantselector-option-disabled-text: var(--scope-color-accent1-disabled);--variantselector-option-disabled-border: var(--scope-color-accent1-disabled-text);--variantselector-toggle-separator: var(--scope-color-accent1-disabled-text);--variantselector-toggle-button: var(--scope-color-accent1);--variantselector-mobile-collapsed-columns: 1fr 2fr}heliux-variantselector .variantselector__differentiators{display:grid}heliux-variantselector .variantselector__header{border-block-end:1px solid var(--variantselector-border);margin-block-end:25px}heliux-variantselector .variantselector__headerField{display:flex;flex-direction:column;color:var(--scope-color-accent1-hover);margin-block-end:18px}@media(min-width: 768px){heliux-variantselector .variantselector__headerField{grid-column:1/1}}heliux-variantselector .variantselector__headerFieldLabel{color:var(--variantselector-differentiator-label)}heliux-variantselector .variantselector__headerFieldIdh{grid-column:1/1}heliux-variantselector .variantselector__headerFieldName{grid-column:2/4}heliux-variantselector .variantselector__content:not(.variantselector__content--collapsed) .variantselector__toggleIcon--expand,heliux-variantselector .variantselector__content:not(.variantselector__content--collapsed) .variantselector__toggleLabel--expand{display:none}@media(min-width: 768px){heliux-variantselector .variantselector__content--collapsed .variantselector__differentiators{display:grid;grid-gap:var(--scope-layout-grid-gutter, 20px);grid-template-columns:repeat(4, minmax(25%, 100%))}}@media(min-width: 0)and (max-width: 767px){heliux-variantselector .variantselector__content--collapsed .variantselector__differentiator{display:grid;grid-template-columns:var(--variantselector-mobile-collapsed-columns);grid-gap:10px;margin-block-end:18px}}@media(min-width: 768px){heliux-variantselector .variantselector__content--collapsed .variantselector__differentiator{display:flex;flex-direction:column;margin-inline-end:20px}}heliux-variantselector .variantselector__content--collapsed .variantselector__differentiatorSelectedValue{margin:0;font-weight:bold}@media(min-width: 768px){heliux-variantselector .variantselector__content--collapsed .variantselector__differentiatorSelectedValue{margin-block-start:10px}}heliux-variantselector .variantselector__content--collapsed .variantselector__differentiatorValues{display:none;pointer-events:none}heliux-variantselector .variantselector__content--collapsed .variantselector__toggleIcon--collapse,heliux-variantselector .variantselector__content--collapsed .variantselector__toggleLabel--collapse{display:none;pointer-events:none}heliux-variantselector .variantselector__wrapper{position:relative}heliux-variantselector .variantselector__wrapper--redirecting .variantselector__differentiatorValue{opacity:.3;pointer-events:none}heliux-variantselector .variantselector__container{padding-block:34px 34px;padding-inline:40px;border:1px solid var(--variantselector-border);border-radius:8px}heliux-variantselector .variantselector__differentiatorLabel{color:var(--variantselector-differentiator-label)}heliux-variantselector .variantselector__differentiatorSelectPrompt{color:var(--variantselector-prompt);display:none}heliux-variantselector .variantselector__differentiatorSelectPrompt--visible{display:inline}heliux-variantselector .variantselector__differentiatorSelectedValue{margin-inline-start:8px;color:var(--variantselector-differentiator-selected-label)}heliux-variantselector .variantselector__differentiator{word-break:break-word}heliux-variantselector .variantselector__differentiatorValues{display:flex;flex-wrap:wrap;margin-block:16px 20px}heliux-variantselector .variantselector__differentiatorValue{padding:16px;color:var(--variantselector-option-text);border:1px solid var(--variantselector-option-border);border-radius:8px;margin-inline-end:12px;margin-block-end:12px;background:rgba(0,0,0,0);cursor:pointer}heliux-variantselector .variantselector__differentiatorValue--selected{color:var(--variantselector-option-selected-text);border:1px solid var(--variantselector-option-selected-border)}heliux-variantselector .variantselector__differentiatorValue--disabled{pointer-events:none;cursor:auto;color:var(--variantselector-option-disabled-text);border:1px solid var(--variantselector-option-disabled-border);opacity:.5}heliux-variantselector .variantselector__toggle{display:flex;justify-content:center;border-block-start:1px solid var(--variantselector-toggle-separator);margin-block-start:30px;padding-block-start:30px}heliux-variantselector .variantselector__toggleButton{display:flex;color:var(--variantselector-toggle-button);border:none;background:none;cursor:pointer}heliux-variantselector .variantselector__toggleIcon{margin-inline-start:10px}heliux-variantselector .variantselector__toggleIcon heliux-icon{--icon-color: var(--variantselector-toggle-button)}