.Metadata {
    :global(label),
    :global(legend) {
        margin: 20px 0 0;
        padding: 0;
        color: $color-text-gray-blue;
        border-bottom: 0;
        font-weight: 700;
        font-size: 14px;
    
        &:first-child {
            margin: 0;
        }
    }

    :global(fieldset) {
        margin: 20px 0 0;
    }

    :global(.list-group-item label) {
        font-weight: normal;
    }

    .SubjectsField label {
        margin: 0;
    }

    :global(.form-group) {
        margin: 10px 0 0;
    }

    :global(.form-control) {
        height: 40px;
        background-color: $color-bg-gray-blue-light;
        color: $color-text-gray-blue;
        border-radius: 2px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    }
}

.PageHeading {
    color: $color-text-gray-blue;
    margin: 20px 0 0;
    padding: 0;

    &:first-child {
        margin: 0;
    }
}

.HeadingParagraph {
    margin: 10px 0;
}


.SchemaBlockInput {
    :global(input) {
        height: 40px;
        background-color: $color-bg-gray-blue-light;
        color: $color-text-gray-blue;
        border-radius: 2px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    }
}

.SchemaBlockLongText {
    textarea {
        min-height: 100px;
        color: $color-text-gray-blue;
        background-color: $color-bg-gray-blue-light;
        border: 1px solid $color-border-gray;
        border-radius: 2px;
        font-size: 14px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        resize: vertical;
    }
}

.SchemaBlockDropdown {
    margin: 10px 0 0;

    :global(.ember-power-select-trigger) {
        padding: 10px;
        color: $color-text-gray-blue;
        background-color: $color-bg-gray-blue-light;
        border: 1px solid $color-border-gray;
        border-radius: 2px;
        font-size: 14px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        margin: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.DisplayText {
    display: inline-block;
    margin: 0;
}

.Required {
    color: $brand-danger;
}

.TagsContainer {
    margin-top: 10px;
    padding: 5px 5px 0;
    border: 1px dotted #d9d9d9;
}

.FlexContainer {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 20px;
}

.ContributorButton {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    margin-bottom: 5px;

    svg {
        margin-left: -2px;
    }
}
