/*
|---------------------------------------------------------------
| TA Icons
|---------------------------------------------------------------
*/
*[class^=ta-icon-] {
  font-style: normal;
}

.ta-icon-action-start {
  font-style: normal;
}
.ta-icon-action-start::before {
  content: "";
  display: inline-block;
  vertical-align: var(--ta-vertical-align, middle);
  line-height: 1;
  width: var(--ta-size, min(21px, 1.5em));
  height: var(--ta-size, min(21px, 1.5em));
  background-image: url(../img/icon/action/start.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ta-icon-action-stop {
  font-style: normal;
}
.ta-icon-action-stop::before {
  content: "";
  display: inline-block;
  vertical-align: var(--ta-vertical-align, middle);
  line-height: 1;
  width: var(--ta-size, min(21px, 1.5em));
  height: var(--ta-size, min(21px, 1.5em));
  background-image: url(../img/icon/action/stop.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ta-icon-action-pause {
  font-style: normal;
}
.ta-icon-action-pause::before {
  content: "";
  display: inline-block;
  vertical-align: var(--ta-vertical-align, middle);
  line-height: 1;
  width: var(--ta-size, min(21px, 1.5em));
  height: var(--ta-size, min(21px, 1.5em));
  background-image: url(../img/icon/action/pause.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ta-icon-calendar::before {
  content: "";
  display: block;
  width: min(21px, 1.5em);
  height: min(21px, 1.5em);
  background-image: url(../img/icon/calendar.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.ta-icon-sync::before {
  content: "";
  display: block;
  width: min(21px, 1.5em);
  height: min(21px, 1.5em);
  background-image: url(../img/icon/sync.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.ta-icon-priority--2 {
  --ta-bg-url: url(../img/icon/priority-2.png);
}
.ta-icon-priority--3 {
  --ta-bg-url: url(../img/icon/priority-3.png);
}
.ta-icon-priority--4 {
  --ta-bg-url: url(../img/icon/priority-4.png);
}
.ta-icon-priority::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: min(18px, 1.25em);
  height: min(18px, 1.25em);
  background-image: var(--ta-bg-url, none);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.ta-icon-info::before {
  content: "\f05a";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-user::before {
  content: "\f007";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-useredit::before {
  content: "\f4ff";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-userplus::before {
  content: "\f234";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-external::before {
  content: "\f35d";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-bookmark::before {
  content: "\f02e";
  font-family: "fa-regular";
  font-style: normal;
}

.ta-icon-bookmarked::before {
  content: "\f02e";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-search::before {
  content: "\f002";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-bell::before {
  content: "\f0f3";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-history::before {
  content: "\f1da";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-home::before {
  content: "\f015";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-download::before {
  content: "\f56d";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-trash::before {
  content: "\f1f8";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-actions::before {
  content: "\f058";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-notification::before {
  content: "\f0f3";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-notification-slash::before {
  content: "\f1f6";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-option::before {
  content: "\f013";
  font-family: "fa-solid";
  font-style: normal;
}

.ta-icon-help::before {
  content: "\f128";
  font-family: "fa-solid";
  font-style: normal;
}