.dtcc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.dtcc-icon-user {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 1c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 1c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4Z'/%3E%3C/svg%3E");
}

.dtcc-icon-info {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm.93-11.59-1 4.71c-.07.34-.03.47.24.47.19 0 .5-.07.69-.18l-.09.42c-.3.12-.83.25-1.39.25-.92 0-1.33-.44-1.13-1.38l1-4.71c.07-.34.03-.47-.24-.47-.19 0-.5.07-.69.18l.09-.42c.3-.12.83-.25 1.39-.25.92 0 1.33.44 1.13 1.38ZM8 2.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm.93-11.59-1 4.71c-.07.34-.03.47.24.47.19 0 .5-.07.69-.18l-.09.42c-.3.12-.83.25-1.39.25-.92 0-1.33-.44-1.13-1.38l1-4.71c.07-.34.03-.47-.24-.47-.19 0-.5.07-.69.18l.09-.42c.3-.12.83-.25 1.39-.25.92 0 1.33.44 1.13 1.38ZM8 2.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z'/%3E%3C/svg%3E");
}

.dtcc-icon-logout {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10 12a.5.5 0 0 1 .5.5v2A1.5 1.5 0 0 1 9 16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h7a1.5 1.5 0 0 1 1.5 1.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 0 9 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 1 10 12Z'/%3E%3Cpath fill='black' d='M14.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L13.293 7.5H5.5a.5.5 0 0 0 0 1h7.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10 12a.5.5 0 0 1 .5.5v2A1.5 1.5 0 0 1 9 16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h7a1.5 1.5 0 0 1 1.5 1.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 0 9 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h7a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 1 10 12Z'/%3E%3Cpath fill='black' d='M14.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L13.293 7.5H5.5a.5.5 0 0 0 0 1h7.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3Z'/%3E%3C/svg%3E");
}

.dtcc-icon-check {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.485 1.929a.75.75 0 0 1 .086 1.057l-7.25 8.5a.75.75 0 0 1-1.08.043l-2.75-2.75a.75.75 0 0 1 1.06-1.06l2.18 2.18 6.72-7.88a.75.75 0 0 1 1.034-.09Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.485 1.929a.75.75 0 0 1 .086 1.057l-7.25 8.5a.75.75 0 0 1-1.08.043l-2.75-2.75a.75.75 0 0 1 1.06-1.06l2.18 2.18 6.72-7.88a.75.75 0 0 1 1.034-.09Z'/%3E%3C/svg%3E");
}

.dtcc-icon-x {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.22 2.22a.75.75 0 0 1 1.06 0L8 6.94l4.72-4.72a.75.75 0 1 1 1.06 1.06L9.06 8l4.72 4.72a.75.75 0 1 1-1.06 1.06L8 9.06l-4.72 4.72a.75.75 0 0 1-1.06-1.06L6.94 8 2.22 3.28a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M2.22 2.22a.75.75 0 0 1 1.06 0L8 6.94l4.72-4.72a.75.75 0 1 1 1.06 1.06L9.06 8l4.72 4.72a.75.75 0 1 1-1.06 1.06L8 9.06l-4.72 4.72a.75.75 0 0 1-1.06-1.06L6.94 8 2.22 3.28a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");
}