.big .icon {
  width: 45px;
  height: 45px;
}

.biggest .icon {
  width: 68px;
  height: 68px;
}

.small .icon {
  width: 21px;
  height: 21px;
}

.smallest .icon {
  width: 14px;
  height: 14px;
}

.icon {
  background-size  : 100% 100%;
  background-repeat: no-repeat;
  width            : 30px;
  height           : 30px;

  &.big {
    width: 45px;
    height: 45px;
  }

  &.biggest {
    width: 68px;
    height: 68px;
  }

  &.small {
    width: 21px;
    height: 21px;
  }

  &.smallest {
    width: 14px;
    height: 14px;
  }

  &.right  {
    @include transform(rotate(180deg));
  }

  // For the day we need to improve performance
  // &.plus {
  //   border          : 1px solid $primary-color;
  //   background-color: $primary-color;
  //   width           : 24px;
  //   height          : 24px;
  //   border-radius   : 50%;
  //   text-align      : center;
  //   color           : $white;

  //   &::before {
  //     content    : '+';
  //     font-size  : 20px;
  //     font-family: arial;
  //     line-height: 24px - 1px * 2;
  //   }

  //   &.hollow {
  //     background-color: transparent;
  //     color           : $primary-color;
  //   }
  // }

  &.plus {
     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQuMSAoMTU2ODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5pY29uLXBsdXMtc29saWRibHVlPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJpY29uLXBsdXMtc29saWRibHVlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIj4NCiAgICAgICAgICAgIDxnIGlkPSJJbXBvcnRlZC1MYXllcnMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDEyIEMwLDUuMzgzMzA0MzUgNS4zODMzMDQzNSwwIDEyLDAgQzE4LjYxNjY5NTcsMCAyNCw1LjM4MzMwNDM1IDI0LDEyIEMyNCwxOC42MTY2OTU3IDE4LjYxNjY5NTcsMjQgMTIsMjQgQzUuMzgzMzA0MzUsMjQgMCwxOC42MTY2OTU3IDAsMTIgWiIgaWQ9IkZpbGwtMyIgZmlsbD0iIzAwQUVGRiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS40NzgyNjA5LDYuMjYwODY5NTcgTDEyLjUyMTczOTEsNi4yNjA4Njk1NyBMMTIuNTIxNzM5MSwxNy43MzkxMzA0IEwxMS40NzgyNjA5LDE3LjczOTEzMDQgTDExLjQ3ODI2MDksNi4yNjA4Njk1NyBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMjYwODY5NTcsMTEuNDc4MjYwOSBMMTcuNzM5MTMwNCwxMS40NzgyNjA5IEwxNy43MzkxMzA0LDEyLjUyMTczOTEgTDYuMjYwODY5NTcsMTIuNTIxNzM5MSBMNi4yNjA4Njk1NywxMS40NzgyNjA5IFoiIGlkPSJGaWxsLTIiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");

     &.hollow {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5pY29uLXBsdXM8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4NCiAgICAgICAgPGcgaWQ9Imljb24tcGx1cyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzAwQUVGRiI+DQogICAgICAgICAgICA8ZyBpZD0iSW1wb3J0ZWQtTGF5ZXJzIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuNDc4MjYwOSw2LjI2MDg2OTU3IEwxMi41MjE3MzkxLDYuMjYwODY5NTcgTDEyLjUyMTczOTEsMTcuNzM5MTMwNCBMMTEuNDc4MjYwOSwxNy43MzkxMzA0IEwxMS40NzgyNjA5LDYuMjYwODY5NTcgWiIgaWQ9IkZpbGwtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjI2MDg2OTU3LDExLjQ3ODI2MDkgTDE3LjczOTEzMDQsMTEuNDc4MjYwOSBMMTcuNzM5MTMwNCwxMi41MjE3MzkxIEw2LjI2MDg2OTU3LDEyLjUyMTczOTEgTDYuMjYwODY5NTcsMTEuNDc4MjYwOSBaIiBpZD0iRmlsbC0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLDI0IEM1LjM4MzMwNDM1LDI0IDAsMTguNjE2Njk1NyAwLDEyIEMwLDUuMzgzMzA0MzUgNS4zODMzMDQzNSwwIDEyLDAgQzE4LjYxNjY5NTcsMCAyNCw1LjM4MzMwNDM1IDI0LDEyIEMyNCwxOC42MTY2OTU3IDE4LjYxNjY5NTcsMjQgMTIsMjQgTDEyLDI0IFogTTEyLDEuMDQzNDc4MjYgQzUuOTU4MjYwODcsMS4wNDM0NzgyNiAxLjA0MzQ3ODI2LDUuOTU4MjYwODcgMS4wNDM0NzgyNiwxMiBDMS4wNDM0NzgyNiwxOC4wNDE3MzkxIDUuOTU4MjYwODcsMjIuOTU2NTIxNyAxMiwyMi45NTY1MjE3IEMxOC4wNDE3MzkxLDIyLjk1NjUyMTcgMjIuOTU2NTIxNywxOC4wNDE3MzkxIDIyLjk1NjUyMTcsMTIgQzIyLjk1NjUyMTcsNS45NTgyNjA4NyAxOC4wNDE3MzkxLDEuMDQzNDc4MjYgMTIsMS4wNDM0NzgyNiBMMTIsMS4wNDM0NzgyNiBaIiBpZD0iRmlsbC0zIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
     }
  }

  &.minus {
     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6IzQ3QTdERTt9DQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPGNpcmNsZSBpZD0iU1ZHSURfMV8iIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgk8L2NsaXBQYXRoPg0KCTxyZWN0IHg9Ii01LjIiIHk9Ii01IiBjbGFzcz0ic3QwIiB3aWR0aD0iMzQuNCIgaGVpZ2h0PSIzNCIvPg0KPC9nPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8zXyIgeD0iNi41IiB5PSIxMS41IiB3aWR0aD0iMTEiIGhlaWdodD0iMSIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzRfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgk8L2NsaXBQYXRoPg0KCTxyZWN0IHg9IjEuNSIgeT0iNi41IiBjbGFzcz0ic3QxIiB3aWR0aD0iMjEiIGhlaWdodD0iMTEiLz4NCjwvZz4NCjwvc3ZnPg0K");

     &.hollow {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI5MyAzODUgMjUgMjQiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTI5MyAzODUgMjUgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDBBRUVGO30NCgkuc3Qye2ZpbGw6IzAwQUVFRjt9DQo8L3N0eWxlPg0KPHRpdGxlPmljb24tbWludXM8L3RpdGxlPg0KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQo8ZyBpZD0iVGltZWxpbmUiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPg0KCTxnIGlkPSJUaW1lbGluZS1EZXNpZ24tUHJvamVjdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MC4wMDAwMDAsIC0zNTU4LjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPg0KCQk8ZyBpZD0iaWNvbi1taW51cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUxLjAwMDAwMCwgMzU1OC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4NCgkJCTxwYXRoIGlkPSJGaWxsLTEiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDAiIGQ9Ik0tMjkyLjgsMzk3LjJjMC02LjIsNS4xLTExLjMsMTEuNS0xMS4zYzYuNCwwLDExLjUsNS4xLDExLjUsMTEuMw0KCQkJCWMwLDYuMi01LjEsMTEuMy0xMS41LDExLjNDLTI4Ny42LDQwOC41LTI5Mi44LDQwMy40LTI5Mi44LDM5Ny4yIi8+DQoJCQk8cGF0aCBpZD0iU3Ryb2tlLTIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDEiIGQ9Ik0tMjgxLjMsMzg1LjljNi40LDAsMTEuNSw1LjEsMTEuNSwxMS4zYzAsNi4yLTUuMSwxMS4zLTExLjUsMTEuMw0KCQkJCWMtNi40LDAtMTEuNS01LjEtMTEuNS0xMS4zQy0yOTIuOCwzOTEtMjg3LjYsMzg1LjktMjgxLjMsMzg1Ljl6Ii8+DQoJCQk8cGF0aCBpZD0iRmlsbC0zIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QyIiBkPSJNLTI4NC41LDM5Ni45aDYuNXYxaC02LjVWMzk2Ljl6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
     }
  }

  &.checkmark {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0yNyA0bC0xNSAxNS03LTctNSA1IDEyIDEyIDIwLTIweiI+PC9wYXRoPg0KPC9zdmc+DQo=");

    &.active {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI5MyAzODUgMjQgMjQiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTI5MyAzODUgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMEFFRkY7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8dGl0bGU+aWNvbi1wbHVzLXNlbGVjdGVkPC90aXRsZT4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQoJPGcgaWQ9Imljb24tcGx1cy1zZWxlY3RlZCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCI+DQoJCTxnIGlkPSJJbXBvcnRlZC1MYXllcnMiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPg0KCQkJPHBhdGggaWQ9IkZpbGwtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY2xhc3M9InN0MCIgZD0iTS0yODEuNSwzOTEuM2gxdjExLjVoLTFWMzkxLjN6Ii8+DQoJCQk8cGF0aCBpZD0iRmlsbC0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTI4Ni43LDM5Ni41aDExLjV2MWgtMTEuNVYzOTYuNXoiLz4NCgkJCTxwYXRoIGlkPSJGaWxsLTMiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDAiIGQ9Ik0tMjgxLDQwOWMtNi42LDAtMTItNS40LTEyLTEyczUuNC0xMiwxMi0xMnMxMiw1LjQsMTIsMTINCgkJCQlTLTI3NC40LDQwOS0yODEsNDA5TC0yODEsNDA5eiIvPg0KCQk8L2c+DQoJCTxwYXRoIGlkPSJGaWxsLTJfMV8iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDEiIGQ9Ik0tMjgwLjcsNDAxLjljLTAuMSwwLTAuMiwwLTAuMy0wLjFsLTMuOS0zLjUNCgkJCWMtMC4yLTAuMi0wLjItMC41LDAtMC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMGwzLjQsMy4xbDQuOS04LjZjMC4xLTAuMiwwLjQtMC4zLDAuNy0wLjJjMC4yLDAuMSwwLjMsMC40LDAuMiwwLjdsLTUuMiw5LjENCgkJCUMtMjgwLjQsNDAxLjgtMjgwLjUsNDAxLjktMjgwLjcsNDAxLjlDLTI4MC43LDQwMS45LTI4MC43LDQwMS45LTI4MC43LDQwMS45Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
    }
  }

  &.checkmark-white {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNyA0bC0xNSAxNS03LTctNSA1IDEyIDEyIDIwLTIweiI+PC9wYXRoPg0KPC9zdmc+DQo=");
  }

  &.warning {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xNiAyLjg5OWwxMy40MDkgMjYuNzI2aC0yNi44MTlsMTMuNDA5LTI2LjcyNnpNMTYgMGMtMC42OSAwLTEuMzc5IDAuNDY1LTEuOTAzIDEuMzk1bC0xMy42NTkgMjcuMjIyYy0xLjA0NiAxLjg2LTAuMTU2IDMuMzgzIDEuOTc4IDMuMzgzaDI3LjE2NmMyLjEzNCAwIDMuMDI1LTEuNTIyIDEuOTc4LTMuMzgzaDBsLTEzLjY1OS0yNy4yMjJjLTAuNTIzLTAuOTMtMS4yMTMtMS4zOTUtMS45MDMtMS4zOTV2MHoiPjwvcGF0aD4NCjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOCAyNmMwIDEuMTA1LTAuODk1IDItMiAycy0yLTAuODk1LTItMmMwLTEuMTA1IDAuODk1LTIgMi0yczIgMC44OTUgMiAyeiI+PC9wYXRoPg0KPHBhdGggZmlsbD0iIzQ0NDQ0NCIgZD0iTTE2IDIyYy0xLjEwNSAwLTItMC44OTUtMi0ydi02YzAtMS4xMDUgMC44OTUtMiAyLTJzMiAwLjg5NSAyIDJ2NmMwIDEuMTA1LTAuODk1IDItMiAyeiI+PC9wYXRoPg0KPC9zdmc+DQo=");
  }

  &.bubble {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCAyMCAyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Db21tZW50PC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJDb21tZW50IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQTZBOEFDIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4wMTEsMjEgTDUuMjk3LDE2LjYxMTc0NSBMMi4xOTgsMTYuNjExNzQ1IEMwLjk4NiwxNi42MTE3NDUgMCwxNS42MjMxNTQ0IDAsMTQuNDA3MDQ3IEwwLDIuMjA0Njk3OTkgQzAsMC45ODk1OTczMTUgMC45ODYsMCAyLjE5OCwwIEwxNy44MDMsMCBDMTkuMDE0LDAgMjAsMC45ODk1OTczMTUgMjAsMi4yMDQ2OTc5OSBMMjAsMTQuNDA3MDQ3IEMyMCwxNS42MjMxNTQ0IDE5LjAxNCwxNi42MTE3NDUgMTcuODAzLDE2LjYxMTc0NSBMMTQuNDQ0LDE2LjYxMTc0NSBMMTAuMDExLDIxIEwxMC4wMTEsMjEgWiBNMi4xOTgsMS4wMDc3MTgxMiBDMS41MzcsMS4wMDc3MTgxMiAxLDEuNTQ0Mjk1MyAxLDIuMjA0Njk3OTkgTDEsMTQuNDA3MDQ3IEMxLDE1LjA2NzQ0OTcgMS41MzcsMTUuNjA1MDMzNiAyLjE5OCwxNS42MDUwMzM2IEw1LjY4OCwxNS42MDUwMzM2IEw5Ljk5LDE5LjYwOTczMTUgTDE0LjAzNCwxNS42MDUwMzM2IEwxNy44MDMsMTUuNjA1MDMzNiBDMTguNDYzLDE1LjYwNTAzMzYgMTksMTUuMDY3NDQ5NyAxOSwxNC40MDcwNDcgTDE5LDIuMjA0Njk3OTkgQzE5LDEuNTQ0Mjk1MyAxOC40NjMsMS4wMDc3MTgxMiAxNy44MDMsMS4wMDc3MTgxMiBMMi4xOTgsMS4wMDc3MTgxMiBMMi4xOTgsMS4wMDc3MTgxMiBaIiBpZD0iRmlsbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNNCw2IEwxNS45MTcsNiBMMTUuOTE3LDcgTDQsNyBMNCw2IFoiIGlkPSJGaWxsLTIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LDEwIEwxNS45MTcsMTAgTDE1LjkxNywxMSBMNCwxMSBMNCwxMCBaIiBpZD0iRmlsbC0zIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
  }

  &.envelope {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjEzcHgiIHZpZXdCb3g9IjAgMCAxOSAxMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5NZXNzYWdpbmc8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4NCiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2luZyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0E2QThBQyI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMjE1NDg2NSwxMyBMMi43ODQ1MTM0NywxMyBDMS4yNDkxNzE5MywxMyAwLDExLjc2MTM5OTcgMCwxMC4yMzc2MDMxIEwwLDIuNzYyMzk2ODggQzAsMS4yMzk3Nzg4MSAxLjI0OTE3MTkzLDAgMi43ODQ1MTM0NywwIEwxNi4yMTU0ODY1LDAgQzE3Ljc1MDgyODEsMCAxOSwxLjIzOTc3ODgxIDE5LDIuNzYyMzk2ODggTDE5LDEwLjIzNzYwMzEgQzE5LDExLjc2MTM5OTcgMTcuNzUwODI4MSwxMyAxNi4yMTU0ODY1LDEzIEwxNi4yMTU0ODY1LDEzIFogTTIuNzg0NTEzNDcsMS4xNzg0OTY5NiBDMS45MDQ2MzA5NiwxLjE3ODQ5Njk2IDEuMTg4NjEzMjEsMS44ODkxMzA2MyAxLjE4ODYxMzIxLDIuNzYyMzk2ODggTDEuMTg4NjEzMjEsMTAuMjM3NjAzMSBDMS4xODg2MTMyMSwxMS4xMTIwNDc5IDEuOTA0NjMwOTYsMTEuODIyNjgxNSAyLjc4NDUxMzQ3LDExLjgyMjY4MTUgTDE2LjIxNTQ4NjUsMTEuODIyNjgxNSBDMTcuMDk1MzY5LDExLjgyMjY4MTUgMTcuODExMzg2OCwxMS4xMTIwNDc5IDE3LjgxMTM4NjgsMTAuMjM3NjAzMSBMMTcuODExMzg2OCwyLjc2MjM5Njg4IEMxNy44MTEzODY4LDEuODg5MTMwNjMgMTcuMDk1MzY5LDEuMTc4NDk2OTYgMTYuMjE1NDg2NSwxLjE3ODQ5Njk2IEwyLjc4NDUxMzQ3LDEuMTc4NDk2OTYgTDIuNzg0NTEzNDcsMS4xNzg0OTY5NiBaIiBpZD0iRmlsbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNOS40MTk4OTg4Miw3Ljk4MzU4ODI0IEwwLDQuMDE0ODIzNTMgTDAuNTE4ODA5MTg0LDMgTDkuNDI0ODI4MTIsNi43NTMwNTg4MiBMMTguNDg4NTg0OCwzIEwxOSw0LjAxNTk0MTE4IEw5LjQxOTg5ODgyLDcuOTgzNTg4MjQiIGlkPSJGaWxsLTIiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");

    height: 26px;
    width : 38px;

    &.small {
      width: 28px;
      height: 19.5px;
    }

    &.smallest {
      width: 19px;
      height: 13px;
    }
  }

  &.circle-arrow {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xNiAzMmM4LjgzNyAwIDE2LTcuMTYzIDE2LTE2cy03LjE2My0xNi0xNi0xNi0xNiA3LjE2My0xNiAxNiA3LjE2MyAxNiAxNiAxNnpNMTYgM2M3LjE4IDAgMTMgNS44MiAxMyAxM3MtNS44MiAxMy0xMyAxMy0xMy01LjgyLTEzLTEzIDUuODItMTMgMTMtMTN6Ij48L3BhdGg+DQo8cGF0aCBmaWxsPSIjNDQ0NDQ0IiBkPSJNMjAuOTE0IDkuOTE0bC0yLjgyOS0yLjgyOS04LjkxNCA4LjkxNCA4LjkxNCA4LjkxNCAyLjgyOC0yLjgyOC02LjA4Ni02LjA4NnoiPjwvcGF0aD4NCjwvc3ZnPg0K");
  }

  &.arrow {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCAxNCAzMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5sZWZ0LWFycm93LXNtYWxsPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJsZWZ0LWFycm93LXNtYWxsIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjRDBEMkQzIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi41MjY4NDk1LDMxIEMxMi4wNzM3NzU4LDMxIDExLjYyNzU4MTcsMzAuNzg5NTIzNSAxMS4zMzg2MzY2LDMwLjM5MTUxMzQgTDAsMTQuNzU1NDAyNCBMMTEuMzgxODgwMSwwLjU1MTcyODgzMyBDMTEuODk1ODg3OCwtMC4wODg2NzgzOSAxMi44MjQ2Mzk4LC0wLjE4NTQzNzczNyAxMy40NTU2MDE1LDAuMzM0MjY5NjgzIEMxNC4wODc1NDU5LDAuODU1OTcyMTQxIDE0LjE4Mjg3ODIsMS43OTg2Mjc2MyAxMy42Njg4NzA0LDIuNDM5MDM0ODYgTDMuNzI2ODAxNiwxNC44NDcxNzQyIEwxMy43MTMwOTY3LDI4LjYxNTkyOTUgQzE0LjE5NTY1NDYsMjkuMjgyMjcyMiAxNC4wNTUxMTMzLDMwLjIxODk0MjYgMTMuMzk5NTgxNSwzMC43MDg3MjQ0IEMxMy4xMzYxODk0LDMwLjkwNTIzNTcgMTIuODMwNTM2NiwzMSAxMi41MjY4NDk1LDMxIiBpZD0iRmlsbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");

    width: 14px;
    height: 31px;

    &.smallest {
      width: 7px;
      height: 15.5px;
    }
  }

  &.download {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyMSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5pY29uLWRvd25sb2FkPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJpY29uLWRvd25sb2FkIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjMDBBRUZGIj4NCiAgICAgICAgICAgIDxnIGlkPSJJbXBvcnRlZC1MYXllcnMtQ29weS02MSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjQ1NTM4NDYsMjMuNzA5MjMwOCBDMTkuMDAwNjE1NCwyMy43MDkyMzA4IDIwLjI1NjkyMzEsMjIuNDUyIDIwLjI1NjkyMzEsMjAuOTA2NzY5MiBMMjAuMjU2OTIzMSwxMi4zNjE4NDYyIEwxOS4zMzM4NDYyLDEyLjM2MTg0NjIgTDE5LjMzMzg0NjIsMjAuOTA2NzY5MiBDMTkuMzMzODQ2MiwyMS45NDMzODQ2IDE4LjQ5MiwyMi43ODYxNTM4IDE3LjQ1NTM4NDYsMjIuNzg2MTUzOCBMMy42NzQ3NjkyMywyMi43ODYxNTM4IEMyLjYzODE1Mzg1LDIyLjc4NjE1MzggMS43OTUzODQ2MiwyMS45NDMzODQ2IDEuNzk1Mzg0NjIsMjAuOTA2NzY5MiBMMS43OTUzODQ2MiwzLjQzNDc2OTIzIEMxLjc5NTM4NDYyLDIuMzk5MDc2OTIgMi42MzgxNTM4NSwxLjU1NTM4NDYyIDMuNjc0NzY5MjMsMS41NTUzODQ2MiBMOS4yOTUzODQ2MiwxLjU1NTM4NDYyIEw5LjI5NTM4NDYyLDAuNjMyMzA3NjkyIEwzLjY3NDc2OTIzLDAuNjMyMzA3NjkyIEMyLjEyOTUzODQ2LDAuNjMyMzA3NjkyIDAuODcyMzA3NjkyLDEuODg4NjE1MzggMC44NzIzMDc2OTIsMy40MzQ3NjkyMyBMMC44NzIzMDc2OTIsMjAuOTA2NzY5MiBDMC44NzIzMDc2OTIsMjIuNDUyIDIuMTI5NTM4NDYsMjMuNzA5MjMwOCAzLjY3NDc2OTIzLDIzLjcwOTIzMDggTDE3LjQ1NTM4NDYsMjMuNzA5MjMwOCBaIiBpZD0iRmlsbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjM0LDExLjU1NDE1MzggQzE0LjM0NzM4NDYsMTEuNTU4NzY5MiAxNC4zNTg0NjE1LDExLjU1NjkyMzEgMTQuMzY2NzY5MiwxMS41NjE1Mzg1IEMxNC40MzY5MjMxLDExLjYwNDkyMzEgMTQuNTE0NDYxNSwxMS42MzYzMDc3IDE0LjYwMzA3NjksMTEuNjM2MzA3NyBDMTQuNjk1Mzg0NiwxMS42MzYzMDc3IDE0Ljc3NTY5MjMsMTEuNjAzMDc2OSAxNC44NDY3NjkyLDExLjU1Nzg0NjIgQzE0Ljg1NTA3NjksMTEuNTUxMzg0NiAxNC44NjYxNTM4LDExLjU1NDE1MzggMTQuODc0NDYxNSwxMS41NDg2MTU0IEwxOS40NzMyMzA4LDguMjA4OTIzMDggQzE5LjY3OTA3NjksOC4wNTkzODQ2MiAxOS43MjUyMzA4LDcuNzcxMzg0NjIgMTkuNTc1NjkyMyw3LjU2NDYxNTM4IEMxOS40MjUyMzA4LDcuMzU3ODQ2MTUgMTkuMTM3MjMwOCw3LjMxMTY5MjMxIDE4LjkzMDQ2MTUsNy40NjIxNTM4NSBMMTUuMDY0NjE1NCwxMC4yNjkyMzA4IEwxNS4wNjQ2MTU0LDEuMjU3MjMwNzcgQzE1LjA2NDYxNTQsMS4wMDI0NjE1NCAxNC44NTg3NjkyLDAuNzk1NjkyMzA4IDE0LjYwMzA3NjksMC43OTU2OTIzMDggQzE0LjM0ODMwNzcsMC43OTU2OTIzMDggMTQuMTQxNTM4NSwxLjAwMjQ2MTU0IDE0LjE0MTUzODUsMS4yNTcyMzA3NyBMMTQuMTQxNTM4NSwxMC4yOTEzODQ2IEwxMC4wNzI2MTU0LDcuNDU3NTM4NDYgQzkuOTkyMzA3NjksNy40MDEyMzA3NyA5LjksNy4zNzQ0NjE1NCA5LjgwOTUzODQ2LDcuMzc0NDYxNTQgQzkuNjYzNjkyMzEsNy4zNzQ0NjE1NCA5LjUyMDYxNTM4LDcuNDQzNjkyMzEgOS40MzAxNTM4NSw3LjU3MiBDOS4yODQzMDc2OSw3Ljc4MDYxNTM4IDkuMzM2LDguMDY5NTM4NDYgOS41NDU1Mzg0Niw4LjIxNTM4NDYyIEwxNC4zNCwxMS41NTQxNTM4IiBpZD0iRmlsbC0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
  }

  &.cross {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjMuMyAoMTIwODEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5pY29uLWNsb3NlLXNtYWxsPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJpY29uLWNsb3NlLXNtYWxsIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjNUQ1RDVEIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4wNjQxNiwwIEwxMS42MTU1MiwxLjU1MDg4IEw3LjM3MjMyLDUuNzkzNiBMMTEuNjMwODgsMTAuMDUyMTYgTDEwLjA3NzEyLDExLjYwNTkyIEw1LjgxODU2LDcuMzQ3ODQgTDEuNTUwODgsMTEuNjE1NTIgTDEuNzc2MzU2ODRlLTE1LDEwLjA2NDE2IEw0LjI2NzY4LDUuNzk2OTYgTDAuMDMzNiwxLjU2MjQgTDEuNTg3MzYsMC4wMDg2NCBMNS44MjE5Miw0LjI0MjcyIEwxMC4wNjQxNiwwIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHktNzciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
  }

}