/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/blocks/wlc-tabs-item.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.wlc-tabs__inner .wlc-tabs__nav {
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item {
  position: relative;
  height: 2.8125rem;
  width: auto;
  border-radius: 0.5rem;
  background-image: linear-gradient(180deg, #4A4A4A 0%, #1E1E1C 100%);
  padding: 1px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-family: var(--wp--preset--font-family--program-ot)
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item::after {
  position: absolute;
  inset: 0;
  z-index: 9;
  border-radius: 0.5rem;
  background-image: linear-gradient(180deg, #2C2D2A 0%, #0E0E0C 100%);
  --tw-content: "";
  content: var(--tw-content)
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item::before {
  position: absolute;
  inset: 1px;
  z-index: 10;
  border-radius: 0.5rem;
  --tw-content: "";
  content: var(--tw-content);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: radial-gradient(42.47% 51.11% at 48.63% 4.44%, rgba(158, 141, 73, 0.80) 0%, rgba(38, 38, 25, 0.80) 85.58%)
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item span {
  position: relative;
  z-index: 11;
  width: 100%;
  border-radius: 0.5rem;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.4375rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1 !important;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1)) !important
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item:hover::before,
.wlc-tabs__inner .wlc-tabs__nav .tab-item.active::before {
  opacity: 1
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item.active {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item.active span {
  --tw-text-opacity: 1 !important;
  color: rgb(247 247 247 / var(--tw-text-opacity, 1)) !important
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item.active .no-opacity {
  opacity: 1 !important
}

.wlc-tabs__inner .wlc-tabs__nav .tab-item.active::after {
  background-image: linear-gradient(180deg, #9E8D49, #181917);
  padding: 1px;
  -webkit-mask-composite: xor;
          mask-composite: exclude
}

.wlc-tabs__inner .wlc-tabs__nav .add-item {
  position: relative;
  height: 2.8125rem;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

@media (prefers-reduced-motion: reduce) {
  .wlc-tabs__inner .wlc-tabs__nav .tab-item,
  .wlc-tabs__inner .wlc-tabs__nav .tab-item::before,
  .wlc-tabs__inner .wlc-tabs__nav .tab-item::after {
    transform: none !important;
    animation: none !important
  }
}

/*# sourceMappingURL=wlc-tabs-item.css.map*/