.theme-toggler {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: calc((var(--unit--vertical) / 2) / 2)
    calc(var(--unit--horizontal) / 2);
  margin: calc((var(--unit--vertical) / 2) / 2)
    calc(var(--unit--horizontal) / 2);
  margin-bottom: calc(
    var(--unit--vertical) - ((var(--unit--vertical) / 2) / 2)
  );
  z-index: 1;
}
.theme-toggler-icon {
  width: 1.2rem;
  height: 1.2rem;

  background-color: var(--color-primary);

  mask-size: cover;
  -webkit-mask-size: cover;

  mask: var(--icon-theme-toggler) no-repeat center;
  -webkit-mask: var(--icon-theme-toggler) no-repeat center;
}
@media screen and (max-width: 640px) {
  .theme-toggler {
    margin-bottom: calc((var(--unit--vertical) / 2) / 2);
  }
  .theme-toggler-icon {
    width: 1.1rem;
    height: 1.1rem;
  }
}