// Copyright 2015 Palantir Technologies, Inc. All rights reserved.
// Licensed under the Apache License, Version 2.0.

@import "../../common/variables-extended";

label.#{$ns}-label {
  display: block;
  margin-bottom: calc(var(--bp-surface-spacing) * 4);
  margin-top: 0;

  .#{$ns}-html-select,
  .#{$ns}-input,
  .#{$ns}-select,
  .#{$ns}-slider,
  .#{$ns}-popover-wrapper {
    display: block;
    margin-top: var(--bp-surface-spacing);
    text-transform: none;
  }

  .#{$ns}-button-group {
    margin-top: var(--bp-surface-spacing);
  }

  .#{$ns}-select select,
  .#{$ns}-html-select select {
    font-weight: 400;
    vertical-align: top;
    width: 100%;
  }

  .#{$ns}-control-group {
    margin-top: var(--bp-surface-spacing);

    > .#{$ns}-button-group,
    > .#{$ns}-html-select,
    > .#{$ns}-input,
    > .#{$ns}-select,
    > .#{$ns}-slider,
    > .#{$ns}-popover-wrapper {
      margin-top: 0;
    }
  }

  &.#{$ns}-disabled {
    &,
    .#{$ns}-text-muted {
      color: var(--bp-typography-color-default-disabled);
    }
  }

  &.#{$ns}-inline {
    line-height: calc(var(--bp-surface-spacing) * 7.5);

    .#{$ns}-html-select,
    .#{$ns}-input,
    .#{$ns}-input-group,
    .#{$ns}-select,
    .#{$ns}-popover-wrapper {
      display: inline-block;
      margin: 0 0 0 var(--bp-surface-spacing);
      vertical-align: top;
    }

    .#{$ns}-button-group {
      margin: 0 0 0 var(--bp-surface-spacing);
    }

    .#{$ns}-input-group .#{$ns}-input {
      margin-left: 0;
    }

    &.#{$ns}-large {
      line-height: calc(var(--bp-surface-spacing) * 10);
    }

    .#{$ns}-control-group {
      margin: 0 0 0 var(--bp-surface-spacing);

      > .#{$ns}-button-group,
      > .#{$ns}-html-select,
      > .#{$ns}-input,
      > .#{$ns}-select,
      > .#{$ns}-slider,
      > .#{$ns}-popover-wrapper {
        margin: 0;
      }
    }
  }

  &:not(.#{$ns}-inline) .#{$ns}-popover-target {
    display: block;
  }

  .#{$ns}-dark & {
    color: #{"oklch(from var(--bp-intent-default-rest) calc(l + 0.452) calc(c + -0.028) calc(h + 6.2))"};

    &.#{$ns}-disabled {
      &,
      .#{$ns}-text-muted {
        color: var(--bp-typography-color-default-disabled);
      }
    }
  }
}