/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/tabbed-content/tabbed-content.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
:is([data-background=violet-gradient], [data-background=violet-vertical-gradient], [data-background=dark-grey]) .tabbed-content-inner::before {
  border-left-color: var(--color-white);
}

.tabbed-content {
  margin: var(--section-spacing) 0;
  overflow: hidden;
}
.tabbed-content-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  -webkit-column-gap: 13rem;
     -moz-column-gap: 13rem;
          column-gap: 13rem;
  row-gap: 4rem;
}
@media (min-width: 992px) {
  .tabbed-content-inner {
    grid-template-columns: 34rem minmax(0, auto);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tabbed-content-inner::before {
    content: "";
    display: block;
    height: 100%;
    border-left: 0.2rem solid var(--color-violet);
    position: absolute;
    top: 0;
    left: 40.4rem;
  }
}
.tabbed-content-inner-title.animated {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.tabbed-content-inner-title h2 {
  font: var(--font-headline-2);
  letter-spacing: var(--font-headline-2--spacing);
  color: var(--color-violet);
  margin-bottom: 4rem;
}
@media (max-width: 991px) {
  .tabbed-content-inner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    padding: 0 var(--container-padding) 2rem;
    width: 100vw;
    margin-left: calc(var(--container-padding) * -1);
  }
  .tabbed-content-inner-list button {
    font: var(--font-body-large);
    letter-spacing: var(--font-body-large--spacing);
    text-decoration: none;
    border: none;
    border-radius: 4rem;
    padding: 1.1rem 3rem 1rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    color: var(--color-black);
    background: transparent;
    font-weight: 500;
    border: 0.2rem solid var(--color-black);
    padding: 0.9rem 2.8rem 0.8rem;
    color: var(--color-black);
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    text-decoration: none;
    outline: none;
  }
  .tabbed-content-inner-list button[disabled] {
    opacity: 0.7;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    background-color: var(--color-violet);
    border-color: var(--color-violet);
    color: var(--color-white);
  }
  .tabbed-content-inner-list button.active {
    background-color: var(--color-violet);
    border-color: var(--color-violet);
    color: var(--color-white);
  }
}
@media (min-width: 992px) {
  .tabbed-content-inner-list button {
    font: var(--font-body-large);
    letter-spacing: var(--font-body-large--spacing);
    text-decoration: none;
    border: none;
    border-radius: 4rem;
    padding: 1.1rem 3rem 1rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    color: var(--color-black);
    background: transparent;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding: 1rem 0;
    text-decoration: underline;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    text-decoration: none;
    outline: none;
  }
  .tabbed-content-inner-list button[disabled] {
    opacity: 0.7;
  }
  .tabbed-content-inner-list button:is(:hover, :focus, :active) {
    color: var(--color-orange);
    text-decoration: underline;
  }
  .tabbed-content-inner-list button.active {
    color: var(--color-violet);
    text-decoration: none;
  }
}
.tabbed-content-inner-tabs {
  overflow: hidden;
}
.tabbed-content-inner-tabs.animated {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.tabbed-content-inner-tabs-panel {
  display: none;
}
.tabbed-content-inner-tabs-panel.active {
  display: block;
}
.tabbed-content-inner-tabs-panel h3 {
  font: var(--font-headline-3);
  letter-spacing: var(--font-headline-3--spacing);
  font-weight: 500;
  margin-bottom: 4rem;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons li {
  margin: 0;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons a {
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font: var(--font-body-large);
  letter-spacing: var(--font-body-large--spacing);
  text-decoration: none;
  border: none;
  border-radius: 4rem;
  padding: 1.1rem 3rem 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  color: var(--color-black);
  background: transparent;
  font-weight: 500;
  background: var(--gradient-purple);
  color: var(--color-white);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons a:is(:hover, :focus, :active) {
  text-decoration: none;
  outline: none;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons a[disabled] {
  opacity: 0.7;
}
.tabbed-content-inner-tabs-panel .tabbed-external-buttons a:is(:hover, :focus, :active) {
  color: var(--color-white);
  background: var(--color-orange);
}

/*# sourceMappingURL=tabbed-content.css.map*/