.content {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 25px;
}

.content .flex-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.content .hint {

}

.content .hint.italic {
    font-style: italic;
}

.content .hint.big {
    font-weight: bold;
    font-size: 24px;
}

.content .hint.green {
    color: green;
}

.content .hint.red {
    color: red;
}

.content .form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.content .form .line {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    border: 1px solid #ececec;
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
    flex-grow: 1;
}

.content .form .line img {
    width: max-content;
}

.content .form .line .preview {
    border: 1px solid #777;
    margin-top: -6px;
    padding: 0 7px;
    font-size: 14px;
    height: 25px;
    display: flex;
    align-items: center;
    overflow: auto;
    text-wrap: nowrap;
}

#image_preview[src="#"] {
    display: none;
}

.content .form .line .preview > span {
    color: #6e6e6e;
}

.content .form .line .split {
    display: flex;
}

.content .form .line .split .prefix,
.content .form .line .split .suffix {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 7px;
    border: 1px solid #777;
    text-wrap: nowrap;
    color: #9f9f9f;
    font-size: 14px;
}

.content .form .line .split .prefix {
    margin-right: -1px;
}

.content .form .line .split .suffix {
    margin-left: -1px;
}

.content .form .line .split .suffix.suffix-button {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}

.content .form .line .split .suffix.suffix-button:hover {
    background: #f1f1f1;
}

.content .form label {
    font-size: 15px;
}

.content .form label span {
    font-size: 12px;
    color: #9f9f9f;
}

.content .form input[type="text"],
.content .form input[type="password"],
.content .form input[type="datetime-local"] {
    height: 30px;
    padding: 0 7px;
}

.content .form textarea {
    min-height: 30px;
    max-height: 300px;
    height: 80px;
    resize: vertical;
    padding: 5px 7px;
}

.content .form input[type="text"],
.content .form input[type="password"],
.content .form input[type="datetime-local"],
.content .form textarea {
    font-size: 14px;
    font-family: sans-serif;
    border: 1px solid #777;
    width: 100%;
}


.content hr {
    background: #000;
    width: 100%;
    height: 1px;
    border: 0;
}