:root {
  --esi-cursor-default: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8 29.8667V27.7333H14.9333V25.6H17.0667V27.7333H19.2V29.8667H21.3333V32H29.8667V29.8667H32V23.4667H29.8667V21.3333H27.7333V19.2H25.6V14.9333H27.7333V12.8H29.8667V6.4H27.7333V4.26667H23.4667V2.13333H14.9333V0H4.26667V2.13333H2.13333V4.26667H0V19.2H2.13333V23.4667H4.26667V27.7333H6.4V29.8667H12.8Z' fill='black'/%3E%3Cpath d='M2.13333 4.26666V17.0667H4.26666V23.4667H6.4V27.7333H10.6667V25.6H12.8V23.4667H14.9333V21.3333H17.0667V23.4667H19.2V25.6H21.3333V27.7333H23.4667V29.8667H27.7333V27.7333H29.8667V23.4667H27.7333V21.3333H25.6V19.2H23.4667V17.0667H21.3333V14.9333H23.4667V12.8H25.6V10.6667H27.7333V6.4H23.4667V4.26666H14.9333V2.13333H4.26666V4.26666H2.13333Z' fill='white'/%3E%3C/svg%3E%0A"),
    auto;
}

a {
  color: #000;
  text-decoration: none;
}

/*убирает стандартную обводку файрфокс и сафари*/
input,
textarea {
  outline: none;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Custom cursor */
*,
*::before,
*::after,
html {
  cursor: var(--esi-cursor-default) !important;
  font-family: sans-serif;
}

/* Avatar */
.avatar-fr{
  background-color: #216fb3;
  padding: 4px;
  border-radius: 8px;
}
.avatar-img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
}