/* Общие стили для элементов формы */
.embedded-project input[type="text"],
.embedded-project textarea,
.embedded-project select,
.my_dark_div input[type="text"],
.my_dark_div textarea,
.my_dark_div select {
    padding: .3125rem;
    border: 1px solid var(--cs-color-border);
    border-radius: var(--cs-input-border-radius);
    box-shadow: 0 5px 25px 0 rgba(var(--cs-color-box-shadow-rgb), .12);
    background-color: var(--cs-layout-background);
    transition: .25s;
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
}

/* Состояния наведения и фокуса для элементов формы */
.embedded-project input[type="text"]:hover,
.embedded-project input[type="text"]:focus,
.embedded-project textarea:hover,
.embedded-project textarea:focus,
.embedded-project select:hover,
.embedded-project select:focus,
.my_dark_div input[type="text"]:hover,
.my_dark_div input[type="text"]:focus,
.my_dark_div textarea:hover,
.my_dark_div textarea:focus,
.my_dark_div select:hover,
.my_dark_div select:focus {
    border-color: var(--cs-color-primary);
    outline: none;
}

/* Специфичные стили для textarea */
.embedded-project textarea,
.my_dark_div textarea {
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
}

/* Специфичные стили для select */
.embedded-project select,
.my_dark_div select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px;
}