@st-namespace 'Tab-st-css';
@st-import [ --wix-color-1, --wix-color-5, --wix-color-8 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ insetFocusRing ] from '../../../common/palette.st.css';
@st-import [ createColor, createFont, setFont ] from '../../../common/formatters.st';
@st-import [ --wst-paragraph-2-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
/*
 * Selected tab color
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-indicator-color);

/*
 * Selected tab color block start
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-border-block-start-color);

/*
 * Selected tab color inline end
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-border-inline-end-color);

/*
 * Selected tab color inline start
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-border-inline-start-color);

/*
 * Selected tab width block end
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-block-end-width);

/*
 * Selected tab width block start
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-block-start-width);

/*
 * Selected tab width inline end
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-inline-end-width);

/*
 * Selected tab width inline start
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-inline-start-width);

/*
 * Selected tab border radius start start
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-radius-start-start);

/*
 * Selected tab border radius start end
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-radius-start-end);

/*
 * Selected tab border radius end start
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-radius-end-start);

/*
 * Selected tab border radius end end
 * @type size
 */
@property st-global(--wix-ui-tpa-tab-selected-border-radius-end-end);

/*
 * Selected tab background color
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-background-color);

/*
 * Selected tab text color
 * @type color
 */
@property st-global(--wix-ui-tpa-tab-selected-text-color);

/*
 * Selected tab text font
 * @type font
 */
@property st-global(--wix-ui-tpa-tab-selected-text-font);

/*
 * Tab background color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-tab-background-color);

 /*
 * Tab border radius start start
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-radius-start-start);

 /*
 * Tab border radius start end
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-radius-start-end);

 /*
 * Tab border radius end start
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-radius-end-start);

 /*
 * Tab border radius end end
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-radius-end-end);

 /*
 * Tab border block start color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-tab-border-block-start-color);

  /*
 * Tab border block start width
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-block-start-width);

 /*
 * Tab border inline start color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-tab-border-inline-start-color);

  /*
 * Tab border inline start width
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-inline-start-width);

 /*
 * Tab border inline end color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-tab-border-inline-end-color);

/*
 * Tab border inline end width
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-tab-border-inline-end-width);

 /*
 * Tab border block end color
 * @type color
 * @default transparent
 */
@property st-global(--wix-ui-tpa-tab-border-block-end-color);

/*
 * Tab border block end width
 * @type size
 * @default 3px
 */
@property st-global(--wix-ui-tpa-tab-border-block-end-width);

.root {
  -st-states: isActive, indicateActive, hasAnchor;
  --transparent: 0, 0, 0, 0;
  cursor: pointer;
  height: 100%;
  text-align: center;
  white-space: nowrap;
  padding: 14px 3%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  color: inherit;
  background: createColor(--wix-ui-tpa-tab-background-color, var(--transparent));
  font: inherit;
  border-start-start-radius: var(--wix-ui-tpa-tab-border-radius-start-start, 0px);
  border-start-end-radius: var(--wix-ui-tpa-tab-border-radius-start-end, 0px);
  border-end-start-radius: var(--wix-ui-tpa-tab-border-radius-end-start, 0px);
  border-end-end-radius: var(--wix-ui-tpa-tab-border-radius-end-end, 0px);
}

.root:isActive:indicateActive {
  border-style: solid;
  border-block-start: var(--wix-ui-tpa-tab-selected-border-block-start-width, var(--wix-ui-tpa-tab-border-block-start-width, 0px)) solid createColor((--wix-ui-tpa-tab-selected-border-block-start-color, --wix-ui-tpa-tab-border-block-start-color), var(--wix-color-1)) !important;
  border-block-end: var(--wix-ui-tpa-tab-selected-border-block-end-width, var(--wix-ui-tpa-tab-border-block-end-width, 3px)) solid createColor((--wix-ui-tpa-tab-selected-indicator-color, --wix-ui-tpa-tab-border-block-end-color), var(--wix-color-8)) !important;
  border-inline-start: var(--wix-ui-tpa-tab-selected-border-inline-start-width, var(--wix-ui-tpa-tab-border-inline-start-width, 0px)) solid createColor((--wix-ui-tpa-tab-selected-border-inline-start-color, --wix-ui-tpa-tab-border-inline-start-color), var(--wix-color-1)) !important;
  border-inline-end: var(--wix-ui-tpa-tab-selected-border-inline-end-width, var(--wix-ui-tpa-tab-border-inline-end-width, 0px)) solid createColor((--wix-ui-tpa-tab-selected-border-inline-end-color, --wix-ui-tpa-tab-border-inline-end-color), var(--wix-color-1)) !important;
  border-start-start-radius: var(--wix-ui-tpa-tab-selected-border-radius-start-start, var(--wix-ui-tpa-tab-border-radius-start-start, 0px));
  border-start-end-radius: var(--wix-ui-tpa-tab-selected-border-radius-start-end, var(--wix-ui-tpa-tab-border-radius-start-end, 0px));
  border-end-start-radius: var(--wix-ui-tpa-tab-selected-border-radius-end-start, var(--wix-ui-tpa-tab-border-radius-end-start, 0px));
  border-end-end-radius: var(--wix-ui-tpa-tab-selected-border-radius-end-end, var(--wix-ui-tpa-tab-border-radius-end-end, 0px));
  background: createColor((--wix-ui-tpa-tab-selected-background-color, --wix-ui-tpa-tab-background-color), var(--transparent));
  color: createColor((--wix-ui-tpa-tab-selected-text-color, --wix-ui-tpa-tabs-main-text-color), var(--wst-paragraph-2-color-rgb, var(--wix-color-5)));
  -st-mixin: createFont(--wix-ui-tpa-tab-selected-text-font);
  line-height: inherit;
}

.root a {
  text-decoration: none;
  color: inherit;
  position: relative;
  z-index: 1;
}

.tabContentWrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.prefix {
  display: flex;
  margin-inline-end: 4px;
}

.suffix {
  display: flex;
  margin-inline-start: 4px;
}

:global(#SITE_CONTAINER.focus-ring-active) .root:focus,
:global(#SITE_CONTAINER.focus-ring-active) .root:hasAnchor:focus-within {
  -st-mixin: insetFocusRing();
  background-color: transparent;
  outline: none;
}

/* st-namespace-reference="../../../../../src/components/Tabs/Tab/Tab.st.css" */