/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.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/layout/tax-nav/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--nav-tax {
  position: sticky;
  top: 0;
  color: #ffffff;
  background: #0A0A0A;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 1029;
  top: var(--navbar-height);
  display: block;
  border-top: 1px solid var(--navbar-border-color);
  border-bottom: 1px solid var(--navbar-border-color);
  overflow: hidden; }
  .b--nav-tax .l__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    position: relative; }
  .b--nav-tax .l__item {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 43%;
            flex: 1 0 43%;
    position: relative; }
    @media (min-width: 768px) {
      .b--nav-tax .l__item {
        min-width: 8.125rem; } }
    @media (hover: hover) {
      .b--nav-tax .l__item:hover::before {
        opacity: 1; } }
    .b--nav-tax .l__item::before {
      display: block;
      content: "";
      height: 0%;
      width: 0;
      position: absolute;
      left: 0;
      -webkit-box-shadow: -1px 24px 74px 25px #E02127;
              box-shadow: -1px 24px 74px 25px #E02127;
      left: 50%;
      top: 35%;
      opacity: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .b--nav-tax .l__item.active::before {
      opacity: 1; }
    .b--nav-tax .l__item.active::after {
      display: block;
      content: "";
      height: clamp(calc((9 * 1px)), calc(0.45vw), calc(18px * var(--max-font-size-controler)));
      width: clamp(calc((22 * 1px)), calc(1.1vw), calc(44px * var(--max-font-size-controler)));
      margin-left: auto;
      margin-right: auto;
      background-color: transparent;
      background-image: url("../assets/images/list-icon-bottom.svg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0; }
    .b--nav-tax .l__item a {
      padding: var(--spacers-xs);
      display: block;
      border-right: 1px solid var(--navbar-border-color);
      height: 100%; }
    @media (min-width: 768px) {
      .b--nav-tax .l__item {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%; } }
    .b--nav-tax .l__item:last-child a {
      border-right: 0; }
  .b--nav-tax .l__img {
    width: clamp(calc((40 * 1px)), calc(2vw), calc(80px * var(--max-font-size-controler)));
    margin-left: auto;
    margin-right: auto; }
  .b--nav-tax .l__link {
    position: relative;
    display: inline-block;
    font-size: var(--text-xs);
    line-height: var(--text-xs-line-height);
    font-weight: 500; }
  .b--nav-tax .custom__navigation {
    position: static; }
  .b--nav-tax .custom__button {
    position: fixed !important;
    top: 0;
    bottom: 0; }
    .b--nav-tax .custom__button--prev {
      left: 0;
      right: unset; }

.navbar {
  -webkit-transition: top .3s;
  transition: top .3s; }

.b--nav-tax {
  -webkit-transition: top .3s;
  transition: top .3s; }

[data-direction="down"] .navbar {
  top: calc(var(--navbar-height) * -1); }

[data-direction="down"] .b--nav-tax {
  top: 0; }