.simpleedit {
    display: flex;
}
.simpleedit *:not(:last-child) {
    margin-right: 0.25rem;
}
.simpleedit input {
    flex-grow: 1;
    min-width: 100px;
}
.simpleedit button {
    max-width: 35px;
    padding: 0 0.35rem;
    height: 30px;
}
.simpleedit button span {
    display: contents;
}
.simpleedit button.submit, .simpleedit button.abort {
    color: transparent;
}
.simpleedit button.submit span, .simpleedit button.abort span {
    width: 25px;
    height: 25px;
}
.simpleedit button.submit {
    text-shadow: 0 0 0 #3cb371;
}
.simpleedit button.abort {
    text-shadow: 0 0 0 #CD5C5C;
}
.simpleedit button.loader span.simpleedit-spinner {
    display: block;
    box-sizing: border-box;
    -webkit-animation: simpleedit-spinner 0.6s linear infinite;
    animation: simpleedit-spinner 0.6s linear infinite;
    width: 22px;
    height: 24px;
}

@-webkit-keyframes simpleedit-spinner {
    to {
        transform: rotate(360deg);
    }
}

@keyframes simpleedit-spinner {
    to {
        transform: rotate(360deg);
    }
}
.simpleedit-empty {
    font-style: italic;
    color: #CD5C5C;
    font-weight: bold;
}

.simpleedit-error {
    -webkit-animation: simpleedit-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: simpleedit-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}
.simpleedit-error input {
    box-shadow: 0 0 3px #FF0000;
}

.simpleedit-error-fade input {
    transition: 1s all;
    box-shadow: none;
}

@-webkit-keyframes simpleedit-shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes simpleedit-shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}