/**
 * Единый стиль элементов форм
 * School Catalog
 */

input,
select,
textarea{

    width:100%;

    min-height:52px;

    padding:14px 18px;

    border:1px solid #d9e2ef;

    border-radius:12px;

    background:#ffffff;

    color:#1f2937;

    font-size:16px;

    font-family:inherit;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}

input::placeholder,
textarea::placeholder{

    color:#9ca3af;

}

input:focus,
select:focus,
textarea:focus{

    outline:none;

    border-color: var(--color-primary);

    box-shadow:0 0 0 4px rgba(31,95,191,.12);

}

select{

    cursor:pointer;

}

textarea{

    resize:vertical;

    min-height:140px;

}