.bde-tabs, .bde-advanced-tabs {  --tabs-bg:var(--bde-background-color);  width:100%;  max-width:100%;  display:flex;  flex-direction:column;  --activeColor:var(--bde-woo-base-primary-color);  --hoverColor:var(--bde-woo-base-primary-color-hover);  --activeUnderlineColor:var(--bde-woo-base-primary-color);  --hoverUnderlineColor:var(--bde-woo-base-primary-color-hover);  --inactiveColor:var(--bde-body-text-color, #6b7280);  --separatorColor:#e5e7eb;  --separatorWidth:1px;  --activeUnderlineSize:2px;  --activeUnderlineRadius:0;  --bde-tabs-space-after:24px; } .bde-tabs__tabslist--tabs, .bde-tabs__tabslist--default {  --activeBgColor:transparent;  --hoverBgColor:transparent;  --inactiveBgColor:transparent; }  .bde-tabs__tabslist--pills {  --activeBgColor:#e0e7ff;  --hoverBgColor:transparent;  --inactiveBgColor:transparent;  --separatorColor:transparent; }  .bde-tabs__tabslist--bar {  --activeBgColor:#ffffff;  --hoverBgColor:#f9fafb;  --inactiveBgColor:#ffffff; } .bde-tabs__panel {  display:none; } .bde-tabs__panel.is-active {  display:block; } .bde-tabs__tabslist {  --transitionTime:100ms;  display:flex;  flex-direction:row;  flex-wrap:nowrap;  justify-content:center;  width:100%;  gap:32px; } .bde-tabs__tab {  padding:16px 8px;  margin:0;  display:inline-flex;  border:0;  align-items:center;  font-weight:400;  flex-shrink:0;  position:relative;  transition:all var(--transitionTime) ease;  cursor:pointer;  appearance:none; } .bde-tabs__tab-title {  transition:all var(--transitionTime) ease;  color:#999999;  font-weight:600;  font-size:var(--bde-base-font-size);  width:100%;  text-align:center; } .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 0.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--pills {  gap:24px; } .bde-tabs__tabslist--pills .bde-tabs__tab {  border-radius:4px; } .bde-tabs__tabslist--pills .bde-tabs__tab {  padding:8px 16px;  border-radius:4px; }  .bde-tabs__tabslist--bar {  box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 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__tabslist-container {  display:flex;  flex-direction:row;  justify-content:center;  margin-bottom:var(--bde-tabs-space-after); }  .bde-tabs-content-container {  width:100%; }  .bde-tabs__tabslist-container--scrollable .bde-tabs__select {  display:none; } .bde-tabs__tabslist-container--scrollable  .bde-tabs__tabslist::-webkit-scrollbar {  display:none; } .bde-tabs__tabslist-container--scrollable .bde-tabs__select {  display:none; } .bde-tabs__tabslist-container--scrollable::after {  content:"";  display:none;  width:20px;  height:100%;  position:absolute;  top:0;  right:0;  background-image:linear-gradient(   90deg,   rgba(255, 255, 255, 0) 0%,   var(--tabs-bg) 100%  ); }  .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); }