@prefix: graphjs;

@{prefix}-group-creator.@{prefix}-root {
    display: block;
    width: 100%;
    max-width: 25em;
    text-align: center;
    &.@{prefix}-inline {
        .@{prefix}-header {
            border-color: transparent;
        }
    }
    .@{prefix}-content {
        form {
            width: 100%;
            margin: 0 auto;
            input, input[type] {
                &.@{prefix}-success {
                    border-width: 1px;
                    border-style: solid;
                    border-color: @success-color;
                    &::after {
                        content: attr(data-savesuccesstext);
                        display: block;
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 2.5em;
                        height: 2.5em;
                        color: white;
                        .heavy-font;
                        font-size: 1.5em;
                        line-height: 2.5em;
                        background-color: @success-color;
                    }
                }
            }
        }
    }
}