/* components/local-tasks/src/scss/local-tasks.scss */
.local-tasks {
  background-color: rgb(255, 255, 255);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  position: fixed;
  bottom: 0;
  left: 2rem;
  z-index: 20;
  -webkit-transform: translateY(calc(100% - 60px));
  transform: translateY(calc(100% - 60px));
  -webkit-transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s transform ease-in-out;
  transition: 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out;
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-box-shadow: 8px 8px 22px -26px rgb(46, 46, 173);
  box-shadow: 8px 8px 22px -26px rgb(46, 46, 173);
}
.local-tasks span {
  background: #ffffff;
  padding: 1rem;
  width: 150px;
  display: inline-block;
  color: #212121;
  font-family: "Poppins", sans-serif;
  font-weight: 300 !important;
  font-size: 18px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.local-tasks span::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23212121"><path d="M708-136 448-396q-21 9-45 14.5t-49 5.5q-96 0-163-68t-67-164q0-31 7-57.5t21-50.5l146 144 92-92-144-144q24-14 50.5-22t57.5-8q96 0 164 67t68 163q0 26-5 49.5T566-514l260 260q11 11 11 25t-11 25l-68 70q-11 11-25 10t-25-12Z"/></svg>');
  -webkit-transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s transform ease-in-out;
  transition: 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
.local-tasks span:hover {
  background-color: rgba(0, 0, 0, 0.0980392157);
}
.local-tasks > ul {
  list-style: none;
  overflow: hidden;
  min-width: 150px;
  margin: 0;
  padding-left: 0;
}
.local-tasks > ul li:hover {
  background-color: rgba(0, 0, 0, 0.0980392157);
}
.local-tasks > ul a {
  font-family: "Poppins", sans-serif;
  font-weight: 300 !important;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: black;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 0.5rem 1rem;
}
.local-tasks .local-task-trigger {
  cursor: pointer;
}
.local-tasks.open-tasks {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s transform ease-in-out;
  transition: 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out;
}
.local-tasks.open-tasks span::after {
  -webkit-transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s -webkit-transform ease-in-out;
  transition: 0.5s transform ease-in-out;
  transition: 0.5s transform ease-in-out, 0.5s -webkit-transform ease-in-out;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
/*# sourceMappingURL=local-tasks.css.map */