heliux-tabs{--tabs-title-color:var(--scope-color-main-color,#000);--tabs-list-background:var(--scope-color-background,#fff);--tabs-link-color:var(--scope-color-accent1,#000);--tabs-link-hover:var(--scope-color-accent1-hover,#000);--tabs-link-disabled:var(--scope-color-accent1-disabled,#000);--tabs-link-border-width:var(--tabs-link-border-width,1px);--tabs-link-padding:var(--scope-layout-margin,20px);--tabs-tablist-height:100%;--tabs-arrow-gradient-angle:90deg;--tabs-arrow-size:24px;--tabs-arrow-opacity-start:30%;--tabs-list-alignment:var(--scope-alignment-horizontal,flex-start);--tabs-margin-block-start:var(--scope-margin-block-start,0);--tabs-margin-inline-end:var(--scope-margin-inline-end,0);--tabs-margin-block-end:var(--scope-margin-block-end,var(--global-layout-viewport-default-margin));--tabs-margin-inline-start:var(--scope-margin-inline-start,0);margin-block:var(--tabs-margin-block-start) var(--tabs-margin-block-end);margin-inline:var(--tabs-margin-inline-start) var(--tabs-margin-inline-end);display:flex;width:100%;position:relative}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){heliux-tabs{--tabs-arrow-opacity-start:15%}
}
heliux-tabs .tabs__base{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;position:relative;z-index:2}
@media(min-width:0)and (max-width:640px){heliux-tabs .tabs__base.tabs__hideOnMobile{display:none;pointer-events:none}
heliux-tabs .tabs__base.tabs--m-gradientArrow .tabs__arrow{width:70px}
heliux-tabs .tabs__base.tabs--m-gradientArrow .tabs__arrow heliux-icon{visibility:visible}
}
@media(min-width:768px){heliux-tabs .tabs__base.tabs--d-gradientArrow .tabs__arrow{cursor:pointer}
heliux-tabs .tabs__base.tabs--d-gradientArrow .tabs__arrow heliux-icon{visibility:visible}
}
heliux-tabs .tabs__base :hover .tabs__arrow{display:none}
heliux-tabs .tabs__panelsContainer{display:flex;flex-flow:row nowrap;place-content:flex-start;align-items:flex-start;max-width:100%;min-width:100%;position:relative}
@media(min-width:0)and (max-width:640px){heliux-tabs .tabs--swipper .tabs__panelsContainer{overflow:hidden}
}
heliux-tabs .tabs__arrow{opacity:0;border:0;position:absolute;inset-block-start:0;width:50px;margin-block:0;margin-inline:0;padding:0;z-index:2;transition:opacity 300ms;pointer-events:none;height:var(--tabs-tablist-height,100%)}
heliux-tabs .tabs__arrow heliux-icon{visibility:hidden}
heliux-tabs .tabs__arrow heliux-icon svg{--icon-size:var(--tabs-arrow-size)}
heliux-tabs .tabs__arrow--visible{opacity:1}
heliux-tabs .tabs__arrow--visible heliux-icon{pointer-events:all}
@media(min-width:768px){heliux-tabs .tabs__arrow{width:100px}
}
heliux-tabs .tabs__arrowPrev{background:linear-gradient(90deg,var(--scope-color-background) var(--tabs-arrow-opacity-start),rgba(255,255,255,0) 90%);inset-inline-start:-1px}
heliux-tabs .tabs__arrowNext{background:linear-gradient(270deg,var(--scope-color-background) var(--tabs-arrow-opacity-start),rgba(255,255,255,0) 90%);inset-inline-end:0}
heliux-tabs .tabs__arrow .icon__previous{position:absolute;inset-inline-start:0;inset-block-start:0}
heliux-tabs .tabs__arrow .icon__next{position:absolute;inset-inline-end:0;inset-block-start:0}
heliux-tabs .tabs__panel{--scope-margin-block-start:0;--scope-margin-block-end:var(--global-layout-default-margin);--scope-margin-inline-start:0;--scope-margin-inline-end:0;width:100%;min-width:100%}
heliux-tabs .tabs__panel.tabs--visible{display:flex}
heliux-tabs .tabs__panel>*{width:100%}
heliux-tabs .tabs__scroll{display:grid;transform:scale3d(1,1,1);position:relative;width:100%;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
heliux-tabs .tabs__scroll::-webkit-scrollbar{display:none}
heliux-tabs .tabs__scroll.isSticky{transform:scale3d(1,1,1);transition:margin-block-start 100ms ease-in-out;inset-block-start:var(--scope-sticky-top,0);position:fixed;background-color:var(--tabs-list-background);z-index:1000}
heliux-tabs .tabs__scroll.isAtLimit{margin-block-start:calc(-1*var(--tabs-tablist-height, 48px))}
heliux-tabs .tabs__sticky{max-width:100%;min-width:100%}
heliux-tabs .tabs__list{display:flex;flex-wrap:nowrap;width:100%;justify-content:var(--tabs-list-alignment)}
heliux-tabs .tabs__tab{display:flex;border-block-end:1px solid var(--tabs-link-disabled);padding-block:calc(var(--tabs-link-padding)/2);padding-inline:var(--tabs-link-padding);margin-block:0 1px;margin-inline:calc(var(--tabs-link-padding)/2);color:var(--tabs-title-color);cursor:pointer;white-space:nowrap}
heliux-tabs .tabs__tab.tabs--visible{border-color:var(--tabs-link-color)}
heliux-tabs .tabs__tab:hover{border-color:var(--tabs-link-hover)}
heliux-tabs .tabs__mobileAccordion{display:none;pointer-events:none;position:relative}
@media(min-width:0)and (max-width:640px){heliux-tabs .tabs__mobileAccordion{display:block;width:100%;pointer-events:all;visibility:visible;margin-block:var(--tabs-link-padding);margin-inline:var(--tabs-link-padding)}
}
heliux-tabs.accent2{--tabs-link-color:var(--scope-color-accent2,#000);--tabs-link-hover:var(--scope-color-accent2-hover,#000);--tabs-link-disabled:var(--scope-color-accent2-disabled,#000)}