@font-face {
    font-family: 'GlitchInside'; /* Your custom font name */
    src: url('/dist/assets/css/fonts/GlitchInside.otf') format('opentype'); /* For .otf file */
    font-weight: normal;
    font-style: normal;
  }
  
  .iconifyuseraccount {
    /* Add dimensions to span */
    display: inline-block;
    width: 48px;
    height: 48px;
    /* Add background image */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='%2352565d' d='M6 17c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6m9-9a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3M3 5v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

 .iconifyflagfrench {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 36 36'%3E%3Cpath fill='%23ed2939' d='M36 27a4 4 0 0 1-4 4h-8V5h8a4 4 0 0 1 4 4z'/%3E%3Cpath fill='%23002495' d='M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h8V5z'/%3E%3Cpath fill='%23eee' d='M12 5h12v26H12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left:5px;
}

.iconifyflaggb {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='96' viewBox='0 0 640 480'%3E%3Cpath fill='%23012169' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23fff' d='m75 0l244 181L562 0h78v62L400 241l240 178v61h-80L320 301L81 480H0v-60l239-178L0 64V0z'/%3E%3Cpath fill='%23c8102e' d='m424 281l216 159v40L369 281zm-184 20l6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z'/%3E%3Cpath fill='%23fff' d='M241 0v480h160V0zM0 160v160h640V160z'/%3E%3Cpath fill='%23c8102e' d='M0 193v96h640v-96zM273 0v480h96V0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius:11px;
}

.iconifyflagspain {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 36 36'%3E%3Cpath fill='%23c60a1d' d='M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z'/%3E%3Cpath fill='%23ffc400' d='M0 12h36v12H0z'/%3E%3Cpath fill='%23ea596e' d='M9 17v3a3 3 0 1 0 6 0v-3z'/%3E%3Cpath fill='%23f4a2b2' d='M12 16h3v3h-3z'/%3E%3Cpath fill='%23dd2e44' d='M9 16h3v3H9z'/%3E%3Cellipse cx='12' cy='14.5' fill='%23ea596e' rx='3' ry='1.5'/%3E%3Cellipse cx='12' cy='13.75' fill='%23ffac33' rx='3' ry='.75'/%3E%3Cpath fill='%2399aab5' d='M7 16h1v7H7zm9 0h1v7h-1z'/%3E%3Cpath fill='%2366757f' d='M6 22h3v1H6zm9 0h3v1h-3zm-8-7h1v1H7zm9 0h1v1h-1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left:5px;
}

.iconifyflaggermany {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 36 36'%3E%3Cpath fill='%23ffcd05' d='M0 27a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4v-4H0z'/%3E%3Cpath fill='%23ed1f24' d='M0 14h36v9H0z'/%3E%3Cpath fill='%23141414' d='M32 5H4a4 4 0 0 0-4 4v5h36V9a4 4 0 0 0-4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left:5px;
}

.iconifyflagitaly {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 36 36'%3E%3Cpath fill='%23ce2b37' d='M36 27a4 4 0 0 1-4 4h-8V5h8a4 4 0 0 1 4 4z'/%3E%3Cpath fill='%23009246' d='M4 5a4 4 0 0 0-4 4v18a4 4 0 0 0 4 4h8V5z'/%3E%3Cpath fill='%23eee' d='M12 5h12v26H12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left:5px;
}

.iconifyflagrussia {
  /* Add dimensions to span */
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Add background image */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 36 36'%3E%3Cpath fill='%23ce2028' d='M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-4h36z'/%3E%3Cpath fill='%2322408c' d='M0 13h36v10H0z'/%3E%3Cpath fill='%23eee' d='M32 5H4a4 4 0 0 0-4 4v4h36V9a4 4 0 0 0-4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left:5px;
}