.form-item { margin-bottom: 24px; }

input { border: 1px solid #999; width: 100%; padding: 12px; }
input[type="text"] { background: url(../img/icon_user.svg) 17px 17px no-repeat; padding-left: 50px; height: 50px; background-size: 16px 16px; }
input[type="email"] { background: url(../img/icon_mail.svg) 17px 17px no-repeat; padding-left: 50px; height: 50px; background-size: 16px 16px; }
input[type="url"] { background: url(../img/icon_sphere.svg) 17px 17px no-repeat; padding-left: 50px; height: 50px; background-size: 16px 16px; }

input:focus, input:focus { border: 3px solid Crimson; width: 100%; padding: 11px 11px 11px 50px; outline: none; background-position: 15px 15px; }

input[type="submit"] { background: transparent; border: 2px solid #333; }
input[type="submit"]:focus, input[type="submit"]:hover { background: #333; color: white; cursor: pointer; }

label { display: block; margin-bottom: 8px; }
label.ck-label { display: none; }
.js-form-type-url .description { display: none; }

.form-actions { display: flex; gap: 16px; flex-direction: row-reverse; }

/* Bugfixing for iOS */
input { border-radius: 0; }
input[type="search"] { -webkit-appearance: none; }

button { border-radius: 0; }

.pager { max-width: var(--maxwidthl); margin: 0 auto; padding: 0 var(--mainpadding); }
.pager__items { display: flex; gap: 2rem; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; margin: 0 auto; }