:root {
  --local-tasks-spacing: var(--form-item-spacing);
  --local-tasks-gap: 0;
  --local-tasks-font-size: 1rem;
  --local-tasks-font-weight: 400;
  --local-tasks-font-weight-active: 700;
  --local-tasks-color: var(--beo-body-color);
  --local-tasks-color-hover: currentcolor;
  --local-tasks-text-decoration-hover: underline;
  --local-tasks-color-active: var(--beo-black);
  --local-tasks-icon-btn-size: 2.5rem;
  --local-tasks-icon-size: 1.125rem;
  --local-tasks-icon-spacing: 1rem;
  --local-tasks-icon-active-color: var(--beo-light);
  --local-task-icon-default: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-person' viewBox='0 0 16 16'%3E %3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E %3C/svg%3E");
  --local-task-icon-address-book: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-map' viewBox='0 0 16 16'%3E %3Cpath fill-rule='evenodd' d='M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.5.5 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103M10 1.91l-4-.8v12.98l4 .8zm1 12.98 4-.8V1.11l-4 .8zm-6-.8V1.11l-4 .8v12.98z'/%3E %3C/svg%3E");
  --local-task-icon-payment-methods: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-credit-card' viewBox='0 0 16 16'%3E %3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E %3Cpath d='M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E %3C/svg%3E");
  --local-task-icon-edit: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-square' viewBox='0 0 16 16'%3E %3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456l-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E %3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z'/%3E %3C/svg%3E");
  --local-task-icon-shortcuts: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-star' viewBox='0 0 16 16'%3E %3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3E %3C/svg%3E");
  --local-task-icon-files: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-archive' viewBox='0 0 16 16'%3E %3Cpath d='M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 12.5V5a1 1 0 0 1-1-1zm2 3v7.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V5zm13-3H1v2h14zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E %3C/svg%3E");
  --local-task-icon-orders: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-basket' viewBox='0 0 16 16'%3E %3Cpath d='M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9zM1 7v1h14V7zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5'/%3E %3C/svg%3E");
}

.local-tasks--vertical {
  margin-top: calc(var(--form-item-spacing) / 2);
}
.local-tasks--vertical .nav-tabs {
  display: flex;
  flex-direction: column;
  background: transparent;
  margin-bottom: var(--local-tasks-spacing);
  padding: 0;
  border-bottom: none;
  gap: var(--local-tasks-gap);
}
.local-tasks--vertical .nav-item {
  margin-bottom: 0;
  display: block;
  width: 100%;
}
.local-tasks--vertical .nav-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--local-tasks-color);
  text-decoration: none;
  background: transparent;
  border: none;
  font-weight: var(--local-tasks-font-weight);
  font-size: var(--local-tasks-font-size);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
}
.local-tasks--vertical .nav-link::before {
  content: "";
  display: inline-block;
  width: var(--local-tasks-icon-btn-size);
  height: var(--local-tasks-icon-btn-size);
  background-image: var(--icon, var(--local-task-icon-default));
  background-size: var(--local-tasks-icon-size);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin-right: var(--local-tasks-icon-spacing);
  flex-shrink: 0;
}
.local-tasks--vertical .nav-link:hover {
  color: var(--local-tasks-color-hover);
  background: transparent;
  -webkit-text-decoration: var(--local-tasks-text-decoration-hover);
          text-decoration: var(--local-tasks-text-decoration-hover);
  text-underline-offset: 0.25em;
}
.local-tasks--vertical .nav-link.active {
  color: var(--local-tasks-color-active);
  font-weight: var(--local-tasks-font-weight-active);
  background: transparent;
}
.local-tasks--vertical .nav-link.active::before {
  background-color: var(--local-tasks-icon-active-color);
}
.local-tasks--vertical .nav-link.active:hover {
  color: var(--local-tasks-color-hover);
  background: transparent;
}
.local-tasks--vertical .local-task--view {
  --icon: var(--local-task-icon-default);
}
.local-tasks--vertical .local-task--address-book {
  --icon: var(--local-task-icon-address-book);
}
.local-tasks--vertical .local-task--payment-methods {
  --icon: var(--local-task-icon-payment-methods);
}
.local-tasks--vertical .local-task--edit {
  --icon: var(--local-task-icon-edit);
}
.local-tasks--vertical .local-task--shortcuts {
  --icon: var(--local-task-icon-shortcuts);
}
.local-tasks--vertical .local-task--files {
  --icon: var(--local-task-icon-files);
}
.local-tasks--vertical .local-task--orders {
  --icon: var(--local-task-icon-orders);
}
@media (max-width: 767.98px) {
  .local-tasks--vertical .nav-tabs {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .local-tasks--vertical .nav-item:not(:has(.nav-link.active)) {
    display: none;
  }
  .local-tasks--vertical .nav-item:has(.nav-link.active) {
    position: relative;
    order: -1;
  }
  .local-tasks--vertical .nav-item:has(.nav-link.active) .nav-link::after {
    display: inline-block;
    border: 0;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E %3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E %3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E %3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E %3C/svg%3E");
    -webkit-mask-size: 1.2rem;
            mask-size: 1.2rem;
    font-size: 0;
    background-color: currentcolor;
    content: "";
    margin-left: 1rem;
  }
  .local-tasks--vertical .nav-tabs.expanded .nav-item {
    display: block;
  }
  .local-tasks--vertical .nav-tabs.expanded .nav-item:has(.nav-link.active) .nav-link::after {
    transform: rotate(180deg);
  }
}

/*# sourceMappingURL=local-tasks.vertical.css.map */