/* Local tasks wrapper */
.local-tasks {
  display: flex;
}

.local-tasks--default {
  margin: calc(var(--lumi-gutter) / 2) 0;
}

.local-tasks--vertical {
  flex-direction: column;
  justify-content: center;
}

.local-tasks[class*="local-tasks--fixed-"] {
  position: fixed;
  z-index: 1000;
}

.local-tasks--fixed-left, .local-tasks--fixed-right {
  bottom: 0;
  top: 0;
}

.local-tasks--fixed-left {
  left: 0;
}

.local-tasks--fixed-right {
  right: 0;
}

.local-tasks--fixed-bottom-center {
  bottom: 0;
  justify-content: center;
  left: 0;
  right: 0;
}

.local-tasks--fixed-bottom-left {
  bottom: 0;
  left: 0;
}

.local-tasks--fixed-bottom-right {
  bottom: 0;
  right: 0;
}

/* Local tasks items */
.local-tasks__items {
  background: var(--lumi-local-tasks-background);
  border-radius: var(--lumi-local-tasks-border-radius);
  list-style: none;
  margin: 0;
  padding: calc(var(--lumi-gutter) / 2);
  pointer-events: all;
}

.local-tasks__items--horizontal {
  display: flex;
}

.local-tasks--fixed-left .local-tasks__items {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.local-tasks--fixed-right .local-tasks__items {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.local-tasks--fixed-bottom-center .local-tasks__items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.local-tasks--fixed-bottom-left .local-tasks__items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}

.local-tasks--fixed-bottom-right .local-tasks__items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}