.l-sticky-tool {
  position: fixed;
  opacity: 1;
  box-sizing: border-box;
  background-color: var(--td-bg-color-container);
  border: var(--td-component-border);
  box-shadow: var(--td-shadow-3);
}
.l-sticky-tool-popup-content {
  box-shadow: var(--td-shadow-3);
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
}
.l-sticky-tool .l-sticky-item {
  opacity: 1;
  position: relative;
  margin: var(--td-comp-margin-xs);
  text-align: center;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  transition: background-color 0.2s linear;
}
.l-sticky-tool .l-sticky-item:hover {
  cursor: pointer;
  background-color: var(--td-bg-color-container-hover);
}
.l-sticky-tool .l-sticky-item--normal {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.l-sticky-tool .l-sticky-item--normal .l-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s) var(--td-comp-margin-l) 0 var(--td-comp-margin-l);
  color: var(--td-text-color-primary);
}
.l-sticky-tool .l-sticky-item--compact {
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
}
.l-sticky-tool .l-sticky-item--compact .l-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
}
.l-sticky-tool .l-sticky-item--square {
  border-radius: var(--td-radius-default);
}
.l-sticky-tool .l-sticky-item--round {
  border-radius: var(--td-radius-circle);
}
.l-sticky-tool .l-sticky-item .l-sticky-item__label {
  width: 100%;
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  margin-top: var(--td-comp-margin-xxs);
  text-align: center;
}
.l-sticky-tool--square {
  border-radius: var(--td-radius-medium);
}
.l-sticky-tool--round {
  border-radius: var(--td-radius-round);
}
