/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.yaml-snippet-form {
  padding: 0;
  min-height: 0;
  width: 375px; }
  .yaml-snippet-form .snippet-form-header {
    align-items: center;
    height: 64px;
    padding-left: 8px; }
    .yaml-snippet-form .snippet-form-header .yaml-snippet-back-button {
      padding: 0;
      font-size: 1rem; }
    .yaml-snippet-form .snippet-form-header .snippet-name-header {
      margin: 0 12px;
      line-height: 20px;
      white-space: normal; }
  .yaml-snippet-form .yaml-snippet-form-content {
    padding: 0 0 0 16px; }
    .yaml-snippet-form .yaml-snippet-form-content .yaml-snippet-form-inner-content {
      max-width: 319px; }
  .yaml-snippet-form .snippit-input-group.ungrouped {
    padding: 0 8px; }
  .yaml-snippet-form .yaml-snippet-form-inner-content > .snippet-input-group {
    padding: 0 8px; }
  .yaml-snippet-form .snippet-input-group > * {
    margin: 8px 0; }
  .yaml-snippet-form .yaml-snippet-checkbox + .yaml-snippet-checkbox {
    margin-top: 0; }
  .yaml-snippet-form .yaml-snippet-form-footer {
    display: flex;
    flex: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: auto;
    width: 100%;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid var(--border-subtle-color,rgba(0, 0, 0, .08)); }
    .yaml-snippet-form .yaml-snippet-form-footer button {
      min-width: 66px;
      margin: 16px 48px 16px auto; }
    .yaml-snippet-form .yaml-snippet-form-footer .snippet-documentation {
      margin-left: 24px; }
  .yaml-snippet-form .yaml-snippet-warning-message {
    color: rgba(184, 94, 6, 1);
    color: var(--status-warning-text,rgba(184, 94, 6, 1)); }
  .yaml-snippet-form .yaml-snippet-error-message {
    color: rgba(218, 10, 0, 1);
    color: var(--status-error-text,rgba(218, 10, 0, 1)); }
  .yaml-snippet-form label {
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .yaml-snippet-form .required label:after {
    content: " *";
    color: rgba(218, 10, 0, 1);
    color: var(--status-error-text,rgba(218, 10, 0, 1)); }
  .yaml-snippet-form .snippet-multiline textarea {
    max-height: 500px;
    overflow-y: auto; }

@media screen and (min-width: 0\0) {
  .yaml-snippet-form {
    height: 0; } }