@mixin dock($spacing: $spacing * 0.7) {
  separator {
    border-radius: $radii;
    background-color: transparentize($fg-color, 0.8);
    margin: 0 $spacing;
    min-width: 2px;
    min-height: 2em;
  }

  button {
    @include accs-button($flat: true);

    .box {
      margin: $spacing / 2;
    }

    image {
      margin: $padding;

      @if $color-scheme == "light" {
        -gtk-icon-shadow: $text-shadow;
      }
    }

    .indicator {
      min-width: 8px;
      min-height: 8px;
      background-color: $fg-color;
      border-radius: $radii;
      margin-bottom: $padding/2;

      &.focused {
        background-image: $active-gradient;
      }
    }
  }
}

window.floating-dock .dock {
  @include dock;
  @include floating-widget;
  border-radius: if($radii == 0, 0, $radii + $spacing / 2);
  padding: $spacing / 2;
}