/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-yaml-editor-header {
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 0.875rem;
  padding: 0 32px; }
  .ci-yaml-editor-header .template-pill {
    border-color: rgba(184, 94, 6, 1);
    border-color: var(--status-warning-text,rgba(184, 94, 6, 1));
    color: rgba(184, 94, 6, 1);
    color: var(--status-warning-text,rgba(184, 94, 6, 1)); }
  .ci-yaml-editor-header .branch-picker {
    margin-right: 16px;
    max-width: 350px; }
    .ci-yaml-editor-header .branch-picker .branchDropdown--combobox {
      min-width: 120px; }
    .ci-yaml-editor-header .branch-picker .vss-PickListDropdown--title:not(:active):not(:focus),
    .ci-yaml-editor-header .branch-picker .ms-ComboBox:not(:active):not(:focus-within) {
      border-color: rgba( 234, 234, 234 ,  1 );
      border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
      .ci-yaml-editor-header .branch-picker .vss-PickListDropdown--title:not(:active):not(:focus):hover,
      .ci-yaml-editor-header .branch-picker .ms-ComboBox:not(:active):not(:focus-within):hover {
        border-color: rgba( 166, 166, 166 ,  1 );
        border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 ); }
  .ci-yaml-editor-header .subheader-items {
    height: 40px;
    padding: 4px 4px 4px 0; }
  .ci-yaml-editor-header .subheader-item {
    min-width: 64px;
    flex-shrink: 1; }
  .ci-yaml-editor-header .repository-name {
    margin: 0 8px 0 5px; }
  .ci-yaml-editor-header .editable-path-container {
    min-width: 64px;
    flex-shrink: 1000000;
    padding: 0 8px; }
    .ci-yaml-editor-header .editable-path-container.editable {
      cursor: pointer; }
      .ci-yaml-editor-header .editable-path-container.editable:hover {
        background-color: rgba(0, 0, 0, 0.06);
        background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06));
        border-radius: 2px; }
  .ci-yaml-editor-header .editable-file-path {
    margin-left: 8px; }
  .ci-yaml-editor-header .file-path {
    min-width: 16px;
    flex-shrink: 1000000; }
  .ci-yaml-editor-header .file-name {
    font-weight: 600;
    white-space: pre; }
  .ci-yaml-editor-header .white-space-pre {
    white-space: pre; }
  .ci-yaml-editor-header .rename-icon {
    margin: 2px 0 0 8px; }

.file-path-error {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1));
  font-size: 0.75rem;
  padding: 4px 8px; }

.show-yaml-side-panel-button {
  display: flex;
  flex-shrink: 0;
  font-weight: normal;
  background-color: transparent;
  margin-left: 8px; }
  .show-yaml-side-panel-button .left-icon {
    align-self: flex-end; }