/*
    - Name: "tabs-item.scss"
    - Description: "Add custom styles to tabs item component"
*/
.micon.iconXs {
  width: var(--sizeXs);
  height: var(--sizeXs);
}

.micon.iconSm {
  width: var(--sizeSm);
  height: var(--sizeSm);
}

.micon.iconMd {
  width: var(--sizeMd);
  height: var(--sizeMd);
}

.micon.iconLg {
  width: var(--sizeLg);
  height: var(--sizeLg);
}

.micon.iconXl {
  width: var(--sizeXl);
  height: var(--sizeXl);
}

.micon.icon2xl {
  width: var(--size2xl);
  height: var(--size2xl);
}

.c-tabs-item {
  padding: var(--spacingSm);
}

.c-tabs-item.is-hidden {
  display: none;
}

.c-tabs-item p {
  font-family: var(--fontFamilyBody), sans-serif;
  font-size: var(--fontSizeBody);
  font-weight: var(--fontWeightRegular);
  line-height: var(--lineHeightLg);
  text-align: left;
  padding: 0;
  margin: 0 0 var(--spacingSm);
}

.c-tabs-item .title-text-document .heading {
  font-family: var(--baseBoldFontFamily), sans-serif;
  font-size: var(--baseBoldFontSize);
  font-weight: var(--baseBoldFontWeight);
  line-height: var(--baseBoldLineHeight);
  text-align: left;
}