.bde-tabs__tabslist--tabs,.bde-tabs__tabslist--default{--activeBgColor:transparent;--hoverBgColor:transparent;--inactiveBgColor:transparent}.bde-tabs__tabslist--bar{--activeBgColor:#fff;--hoverBgColor:#f9fafb;--inactiveBgColor:#fff}.bde-tabs__panel{display:none}.bde-tabs__panel.is-active{display:block}.bde-tabs__tab-icon{display:flex;margin-right:8px;transform:translate(0,0)}.bde-tabs__tab-icon>svg{font-size:inherit;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;transition:all var(--transitionTime) ease}.bde-tabs__select{display:none;width:100%;border-radius:6px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:8px 12px;border:1px solid #d1d5db;margin-bottom:var(--bde-tabs-space-after)}.bde-tabs__tabslist--tabs,.bde-tabs__tabslist--default{border-bottom:var(--separatorWidth) solid var(--separatorColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab.is-active .bde-tabs__tab-title,.bde-tabs__tabslist--default .bde-tabs__tab.is-active .bde-tabs__tab-title{color:var(--activeColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab::after,.bde-tabs__tabslist--default .bde-tabs__tab::after,.bde-tabs__tabslist--bar .bde-tabs__tab::after{content:"";width:100%;position:absolute;bottom:0;left:0;height:var(--activeUnderlineSize);transition:background-color var(--transitionTime) ease;border-radius:var(--activeUnderlineRadius)}.bde-tabs__tabslist--tabs .bde-tabs__tab:hover::after,.bde-tabs__tabslist--default .bde-tabs__tab:hover::after,.bde-tabs__tabslist--bar .bde-tabs__tab:hover::after{background-color:var(--hoverUnderlineColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab.is-active::after,.bde-tabs__tabslist--default .bde-tabs__tab.is-active::after,.bde-tabs__tabslist--bar .bde-tabs__tab.is-active::after{background-color:var(--activeUnderlineColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab .bde-tabs__tab-icon>svg,.bde-tabs__tabslist--default .bde-tabs__tab .bde-tabs__tab-icon>svg{color:var(--inactiveColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab.is-active .bde-tabs__tab-icon>svg,.bde-tabs__tabslist--default .bde-tabs__tab.is-active .bde-tabs__tab-icon>svg{color:var(--activeColor)}.bde-tabs__tabslist--tabs .bde-tabs__tab:hover .bde-tabs__tab-icon>svg,.bde-tabs__tabslist--default .bde-tabs__tab:hover .bde-tabs__tab-icon>svg,.bde-tabs__tabslist--tabs .bde-tabs__tab:hover .bde-tabs__tab-title,.bde-tabs__tabslist--default .bde-tabs__tab:hover .bde-tabs__tab-title{color:var(--activeColor)}.bde-tabs__tabslist--bar{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);gap:0!important;border-radius:8px;display:inline-flex;width:fit-content;justify-content:unset;overflow:hidden}.bde-tabs__tabslist--bar .bde-tabs__tab{padding:16px 40px;border-right:1px solid var(--separatorColor)}.bde-tabs__tabslist--bar .bde-tabs__tab:last-child{border-right:none}.bde-tabs__tabslist--bar .bde-tabs__tab:not(.is-active):hover::after{display:none}.bde-tabs-content-container{width:100%}.bde-tabs__tabslist-container--scrollable .bde-tabs__select{display:none}.bde-tabs__tabslist-container--scrollable .bde-tabs__select{display:none}.bde-tabs__tabslist-container.is-vertical{flex-shrink:0}.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist{flex-direction:column;gap:8px}.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--tabs,.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--default{border-bottom:0;border-left:var(--separatorWidth) solid var(--separatorColor)}.bde-tabs__tabslist-container.is-vertical .bde-tabs__tab{padding:14px 18px}.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--tabs .bde-tabs__tab::after,.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--default .bde-tabs__tab::after,.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--bar .bde-tabs__tab::after{width:var(--activeUnderlineSize);height:100%}.bde-tabs__tabslist-container.is-vertical .bde-tabs__tabslist--bar .bde-tabs__tab{border-right:0;border-bottom:1px solid var(--separatorColor)}