.the-icons {
  font-size: 14px;
  line-height: 24px;
}
.switch {
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #666;
}
.switch input {
  margin-right: 0.3em;
}
.codesOn .i-name {
  display: none;
}
.codesOn .i-code {
  display: inline;
}
.i-code {
  display: none;
}

@font-face {
      font-family: 'km-socialmedia';
      src: url('/cssfonts/km-socialmedia.eot?97543898');
      src: url('/cssfonts/km-socialmedia.eot?97543898#iefix') format('embedded-opentype'),
           url('/cssfonts/km-socialmedia.woff?97543898') format('woff'),
           url('/cssfonts/km-socialmedia.ttf?97543898') format('truetype'),
           url('/cssfonts/km-socialmedia.svg?97543898#km-socialmedia') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .social-icon {
      font-family: "km-socialmedia";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      /*margin-right: .2em;*/
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      /*margin-left: .2em;*/
     
      /* You can be more comfortable with increased icons size */
      font-size: 250%; 
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      }

.icon-bluesky-neg:before { content: '\42'; } /* 'B' */
.icon-reddtit-neg:before { content: '\44'; } /* 'D' */
.icon-facebook-neg:before { content: '\46'; } /* 'F' */
.icon-threads-neg:before { content: '\48'; } /* 'H' */
.icon-instagram-neg:before { content: '\49'; } /* 'I' */
.icon-joyclub-neg:before { content: '\4a'; } /* 'J' */
.icon-tiktok-neg:before { content: '\4b'; } /* 'K' */
.icon-telegram-neg:before { content: '\4c'; } /* 'L' */
.icon-mastodon-neg:before { content: '\4d'; } /* 'M' */
.icon-pinterest-neg:before { content: '\50'; } /* 'P' */
.icon-romeo-neg:before { content: '\52'; } /* 'R' */
.icon-tumblr-neg:before { content: '\54'; } /* 'T' */
.icon-whatsapp-neg:before { content: '\57'; } /* 'W' */
.icon-x-neg:before { content: '\58'; } /* 'X' */
.icon-youtube-neg:before { content: '\59'; } /* 'Y' */
.icon-bluesky:before { content: '\62'; } /* 'b' */
.icon-reddit:before { content: '\64'; } /* 'd' */
.icon-facebook:before { content: '\66'; } /* 'f' */
.icon-threads:before { content: '\68'; } /* 'h' */
.icon-instagram:before { content: '\69'; } /* 'i' */
.icon-joyclub:before { content: '\6a'; } /* 'j' */
.icon-tiktok:before { content: '\6b'; } /* 'k' */
.icon-telegram:before { content: '\6c'; } /* 'l' */
.icon-mastodon:before { content: '\6d'; } /* 'm' */
.icon-pinterest:before { content: '\70'; } /* 'p' */
.icon-romeo:before { content: '\72'; } /* 'r' */
.icon-tumblr:before { content: '\74'; } /* 't' */
.icon-whatsapp:before { content: '\77'; } /* 'w' */
.icon-x:before { content: '\78'; } /* 'x' */
.icon-youtube:before { content: '\79'; } /* 'y' */