drone/web/src/components/NewSpaceModalButton/NewSpaceModalButton.module.scss

/*
 * Copyright 2023 Harness, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.divider {
  margin: var(--spacing-medium) 0 var(--spacing-large) 0 !important;
}

.popoverSplit {
  transform: translateY(5px) !important;

  :global {
    .bp3-menu {
      min-width: 224px;
    }

    .bp3-menu-item {
      min-width: 214px;
    }

    .menuItem {
      max-width: fit-content;
    }
  }
}
.test {
  padding: 20px;
}

.dividerContainer {
  opacity: 0.2;
  height: 1px;
  color: var(--grey-100);
  margin: 20px 0;
}

.dividerContainer {
  opacity: 0.2;
  height: 1px;
  color: var(--grey-100);
  margin: 20px 0;
}

.halfDividerContainer {
  opacity: 0.2;
  height: 1px;
  color: var(--grey-100);
  margin-bottom: 20px;
}

.textContainer {
  font-size: 13px !important;
  --form-input-font-size: 13px !important;

  .hostContainer {
    margin-top: 15px !important;
    margin-bottom: unset !important;
  }

  .selectBox {
    margin-bottom: unset !important;
  }
}

.menuItem {
  max-width: fit-content;

  &:hover p {
    color: var(--white) !important;
  }
}

.importContainer {
  background: var(--grey-50) !important;
  border: 1px solid var(--grey-200) !important;
  border-radius: 4px;

  :global {
    .bp3-form-group {
      margin: unset !important;
    }
  }
}

.loadingIcon {
  fill: var(--grey-0) !important;
  color: var(--grey-0) !important;

  :global {
    .bp3-icon {
      padding-left: 45px !important;
      fill: var(--grey-0) !important;
      color: var(--grey-0) !important;
    }
  }
}

.detailsLabel {
  white-space: nowrap !important;
  max-width: 155px !important;
  color: var(--grey-600) !important;
}

.icon {
  > svg {
    fill: var(--primary-7) !important;

    > path {
      fill: var(--primary-7) !important;
    }
  }
}

.checkbox {
  :global {
    .Tooltip--acenter {
      opacity: 0.7 !important;
    }
    .bp3-control-indicator {
      background: var(--primary-7) !important;
      opacity: 0.7;
    }
  }
}

.popoverSpace {
  position: relative;
  left: 33px;
  transform: translateY(5px) !important;

  :global {
    .bp3-menu {
      min-width: 162px;
    }

    .bp3-menu-item {
      min-width: 158px;
    }

    .menuItem {
      max-width: fit-content;
    }
  }
}

.hideContainer {
  :global {
    .bp3-form-content {
      --bp3-intent-color: unset !important;
    }
    .bp3-form-helper-text {
      margin-top: unset !important;
    }
    .FormError--errorDiv {
      display: none !important;
    }
  }
}