/*$color-palette: (
        "orange": #FF6B35,
        "light-orange": #F7C59F,
        "lightest-orange": #EFEFD0,
        "blue": #004E89,
        "light-blue": #1A659E,
) !default;

$gradients: (
        "orange": (
                "start": #FF6B35,
                "end": #F7C59F
        ),
        "blue": (
                "start": #004E89,
                "end": #1A659E
        ),
) !default;

$orange: map-get($color-palette, "orange") !default;
$light-orange: map-get($color-palette, "light-orange") !default;
$lightest-orange: map-get($color-palette, "lightest-orange") !default;
$blue: map-get($color-palette, "blue") !default;
$light-blue: map-get($color-palette, "light-blue") !default;*/
.block--tabber {
  --tab-top-offset: 0;
}

.block--tabber .nav-tabs {
  border-bottom: 0;
  padding: 0 2rem 0.5rem;
  transition: 0.2s ease-in-out;
}

.block--tabber .nav-tabs.sticky-top-most-lg::before {
  content: "";
  background: var(--bs-light);
  width: 100vw;
  height: 100%;
  left: calc((100% - 100vw) * 0.5);
  position: absolute;
  top: 0;
  z-index: -1;
}

.block--tabber .nav-tabs.sticky-lg-top {
  top: var(--tab-top-offset);
  background-color: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 0.375rem;
}

.block--tabber .nav-tabs .nav-link {
  background-color: var(--bs-primary);
  color: #fff;
  font-weight: 700;
  border-radius: 0.375rem;
  margin: 0.5rem 0.25rem 0;
  padding: 5px 10px;
}

.block--tabber .nav-tabs .nav-link:hover, .block--tabber .nav-tabs .nav-link.active {
  background-color: #fff;
  color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  border-bottom: 1px solid var(--bs-primary);
}

.block--tabber .tab-content {
  min-height: 300px;
}

.editor-styles-wrapper .block--tabber .--preview {
  border: 5px solid var(--bs-primary-bg-subtle);
}