@font-face {
  font-family: 'Textile LH Pi two';
  src: url('./TextileLH-Pi-two.woff2') format('woff2');
  font-display: swap;
}


.textile-icon {
  width: 44px;
  height: 44px;
  font-family: "Textile LH Pi Two", sans-serif;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;    
  color: var(--tan);
  overflow: hidden;
}

/* Washing */
.icon-wash-any:before {
  content: "P";
}
.icon-do-not-wash:before {
  content: "T";
}
.icon-hand-wash:before {
  content: "S";
}
.icon-wash-30-very-mild:before {
  content: "K";
}
.icon-wash-30-mild:before {
  content: "F";
}
.icon-wash-30:before {
  content: "A";
}
.icon-wash-40-very-mild:before {
  content: "L";
}
.icon-wash-40-mild:before {
  content: "G";
}
.icon-wash-40:before {
  content: "B";
}
.icon-wash-50-very-mild:before {
  content: "M";
}
.icon-wash-50-mild:before {
  content: "H";
}
.icon-wash-50:before {
  content: "C";
}
.icon-wash-60-very-mild:before {
  content: "N";
}
.icon-wash-60-mild:before {
  content: "I";
}
.icon-wash-60:before {
  content: "D";
}
.icon-wash-95-very-mild:before {
  content: "O";
}
.icon-wash-95-mild:before {
  content: "J";
}
.icon-wash-95:before {
  content: "E";
}

/* Bleaching */
.icon-no-bleach:before {
  content: "9";
}
.icon-any-bleach:before {
  content: "8";
}
.icon-chlorine-bleach:before {
  content: "@";
}

/* Drying */
.icon-td-any-dryer:before {
  content: "0";
}
.icon-td-low-dryer:before {
  content: "1";
}
.icon-td-normal-dryer:before {
  content: "2";
}
.icon-td-high-dryer:before {
  content: "3";
}
.icon-td-no-dryer:before {
  content: "4";
}

.icon-nd-line:before {
  content: "7";
}
.icon-nd-wet:before {
  content: "5";
}
.icon-nd-laying:before {
  content: "6";
}

/* Ironing */
.icon-iron-any:before {
  content: "/";
}
.icon-iron-low:before {
  content: "*";
}
.icon-iron-medium:before {
  content: "+";
}
.icon-iron-high:before {
  content: "^";
}
.icon-no-iron:before {
  content: '"';
}

/* Professional cleaning */
.icon-pc-any:before {
  content: "$";
}
.icon-pc-non-chemical:before {
  content: "&";
}

.icon-pc-hydrocarbon:before {
  content: "!";
}
.icon-pc-hydrocarbon-mild:before {
  content: "Y";
}
.icon-pc-hydrocarbon-very-mild:before {
  content: "(";
}

.icon-pc-perchloro:before {
  content: ")";
}
.icon-pc-perchloro-mild:before {
  content: "Z";
}
.icon-pc-perchloro-very-mild:before {
  content: "-";
}