.group--unsegregated {
  background: linear-gradient(
    45deg,
    #d0342c 0%,
    #d0342c 4.166666666666667%,
    #d0342c 4.166666666666667%,
    #d0342c 8.333333333333334%,
    #ff7420 8.333333333333334%,
    #ff7420 12.5%,
    #ff7420 12.5%,
    #ff7420 16.666666666666668%,
    #fb9d18 16.666666666666668%,
    #fb9d18 20.833333333333336%,
    #fb9d18 20.833333333333336%,
    #fb9d18 25%,
    #fee715 25%,
    #fee715 29.166666666666668%,
    #fee715 29.166666666666668%,
    #fee715 33.333333333333336%,
    #9acd32 33.333333333333336%,
    #9acd32 37.5%,
    #9acd32 37.5%,
    #9acd32 41.66666666666667%,
    #008c4e 41.66666666666667%,
    #008c4e 45.833333333333336%,
    #008c4e 45.833333333333336%,
    #008c4e 50%,
    #007cb8 50%,
    #007cb8 54.16666666666667%,
    #007cb8 54.16666666666667%,
    #007cb8 58.333333333333336%,
    #2e4964 58.333333333333336%,
    #2e4964 62.50000000000001%,
    #2e4964 62.50000000000001%,
    #2e4964 66.66666666666667%,
    #5f4b8b 66.66666666666667%,
    #5f4b8b 70.83333333333334%,
    #5f4b8b 70.83333333333334%,
    #5f4b8b 75%,
    #c180b5 75%,
    #c180b5 79.16666666666667%,
    #c180b5 79.16666666666667%,
    #c180b5 83.33333333333334%,
    #f07ba5 83.33333333333334%,
    #f07ba5 87.5%,
    #f07ba5 87.5%,
    #f07ba5 91.66666666666667%,
    #fbac82 91.66666666666667%,
    #fbac82 95.83333333333334%,
    #fbac82 95.83333333333334%
  );
}

.group--white {
  background: #ffffff;
}

.group--white.tone--yellow-off-white {
  background: #fffcf4;
}

.group--white.tone--white {
  background: #ffffff;
}

.group--white.tone--slate-off-white {
  background: #f0f0f0;
}

.group--white.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #fffcf4 0%,
    #fffcf4 33.333333333333336%,
    #ffffff 33.333333333333336%,
    #ffffff 66.66666666666667%,
    #f0f0f0 66.66666666666667%
  );
}

.group--black {
  background: #27272a;
}

.group--black.tone--black-blue {
  background: #08103c;
}

.group--black.tone--black {
  background: #27272a;
}

.group--black.tone--black-gray {
  background: #2f2f2f;
}

.group--black.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #08103c 0%,
    #08103c 33.333333333333336%,
    #27272a 33.333333333333336%,
    #27272a 66.66666666666667%,
    #2f2f2f 66.66666666666667%
  );
}

.group--gray {
  background: #b3b3b0;
}

.group--gray.tone--dark {
  background: #646464;
}

.group--gray.tone--medium {
  background: #b3b3b0;
}

.group--gray.tone--light {
  background: #ebebeb;
}

.group--gray.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #646464 0%,
    #646464 33.333333333333336%,
    #b3b3b0 33.333333333333336%,
    #b3b3b0 66.66666666666667%,
    #ebebeb 66.66666666666667%
  );
}

.group--red {
  background: #d0342c;
}

.group--red.tone--dark {
  background: #8d130d;
}

.group--red.tone--medium {
  background: #d0342c;
}

.group--red.tone--light {
  background: #f5615a;
}

.group--red.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #8d130d 0%,
    #8d130d 33.333333333333336%,
    #d0342c 33.333333333333336%,
    #d0342c 66.66666666666667%,
    #f5615a 66.66666666666667%
  );
}

.group--brown {
  background: #855c4b;
}

.group--brown.tone--dark {
  background: #674436;
}

.group--brown.tone--medium {
  background: #855c4b;
}

.group--brown.tone--light {
  background: #ac7862;
}

.group--brown.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #674436 0%,
    #674436 33.333333333333336%,
    #855c4b 33.333333333333336%,
    #855c4b 66.66666666666667%,
    #ac7862 66.66666666666667%
  );
}

.group--orange {
  background: #ff7420;
}

.group--orange.tone--dark {
  background: #ed5a02;
}

.group--orange.tone--medium {
  background: #ff7420;
}

.group--orange.tone--light {
  background: #ff9250;
}

.group--orange.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #ed5a02 0%,
    #ed5a02 33.333333333333336%,
    #ff7420 33.333333333333336%,
    #ff7420 66.66666666666667%,
    #ff9250 66.66666666666667%
  );
}

.group--yellow-orange {
  background: #fb9d18;
}

.group--yellow-orange.tone--dark {
  background: #e28809;
}

.group--yellow-orange.tone--medium {
  background: #fb9d18;
}

.group--yellow-orange.tone--light {
  background: #ffbd5d;
}

.group--yellow-orange.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #e28809 0%,
    #e28809 33.333333333333336%,
    #fb9d18 33.333333333333336%,
    #fb9d18 66.66666666666667%,
    #ffbd5d 66.66666666666667%
  );
}

.group--yellow {
  background: #fee715;
}

.group--yellow.tone--dark {
  background: #fae100;
}

.group--yellow.tone--medium {
  background: #fee715;
}

.group--yellow.tone--light {
  background: #fdf5a6;
}

.group--yellow.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #fae100 0%,
    #fae100 33.333333333333336%,
    #fee715 33.333333333333336%,
    #fee715 66.66666666666667%,
    #fdf5a6 66.66666666666667%
  );
}

.group--yellow-green {
  background: #9acd32;
}

.group--yellow-green.tone--dark {
  background: #7fa72e;
}

.group--yellow-green.tone--medium {
  background: #9acd32;
}

.group--yellow-green.tone--light {
  background: #d7f795;
}

.group--yellow-green.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #7fa72e 0%,
    #7fa72e 33.333333333333336%,
    #9acd32 33.333333333333336%,
    #9acd32 66.66666666666667%,
    #d7f795 66.66666666666667%
  );
}

.group--green {
  background: #008c4e;
}

.group--green.tone--dark {
  background: #005d34;
}

.group--green.tone--medium {
  background: #008c4e;
}

.group--green.tone--light {
  background: #00cb70;
}

.group--green.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #005d34 0%,
    #005d34 33.333333333333336%,
    #008c4e 33.333333333333336%,
    #008c4e 66.66666666666667%,
    #00cb70 66.66666666666667%
  );
}

.group--green-blue {
  background: #358082;
}

.group--green-blue.tone--dark {
  background: #115d67;
}

.group--green-blue.tone--medium {
  background: #358082;
}

.group--green-blue.tone--light {
  background: #8ad3ca;
}

.group--green-blue.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #115d67 0%,
    #115d67 33.333333333333336%,
    #358082 33.333333333333336%,
    #358082 66.66666666666667%,
    #8ad3ca 66.66666666666667%
  );
}

.group--blue {
  background: #007cb8;
}

.group--blue.tone--dark {
  background: #005a86;
}

.group--blue.tone--medium {
  background: #007cb8;
}

.group--blue.tone--light {
  background: #86d8ff;
}

.group--blue.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #005a86 0%,
    #005a86 33.333333333333336%,
    #007cb8 33.333333333333336%,
    #007cb8 66.66666666666667%,
    #86d8ff 66.66666666666667%
  );
}

.group--indigo-navy {
  background: #2e4964;
}

.group--indigo-navy.tone--dark {
  background: #223b53;
}

.group--indigo-navy.tone--medium {
  background: #2e4964;
}

.group--indigo-navy.tone--light {
  background: #345e88;
}

.group--indigo-navy.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #223b53 0%,
    #223b53 33.333333333333336%,
    #2e4964 33.333333333333336%,
    #2e4964 66.66666666666667%,
    #345e88 66.66666666666667%
  );
}

.group--blue-violet {
  background: #5f4b8b;
}

.group--blue-violet.tone--dark {
  background: #421d95;
}

.group--blue-violet.tone--medium {
  background: #5f4b8b;
}

.group--blue-violet.tone--light {
  background: #a381ff;
}

.group--blue-violet.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #421d95 0%,
    #421d95 33.333333333333336%,
    #5f4b8b 33.333333333333336%,
    #5f4b8b 66.66666666666667%,
    #a381ff 66.66666666666667%
  );
}

.group--violet {
  background: #c180b5;
}

.group--violet.tone--dark {
  background: #b2459e;
}

.group--violet.tone--medium {
  background: #c180b5;
}

.group--violet.tone--light {
  background: #e2afd8;
}

.group--violet.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #b2459e 0%,
    #b2459e 33.333333333333336%,
    #c180b5 33.333333333333336%,
    #c180b5 66.66666666666667%,
    #e2afd8 66.66666666666667%
  );
}

.group--red-violet {
  background: #a35776;
}

.group--red-violet.tone--dark {
  background: #89264e;
}

.group--red-violet.tone--medium {
  background: #a35776;
}

.group--red-violet.tone--light {
  background: #d3789d;
}

.group--red-violet.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #89264e 0%,
    #89264e 33.333333333333336%,
    #a35776 33.333333333333336%,
    #a35776 66.66666666666667%,
    #d3789d 66.66666666666667%
  );
}

.group--scarlet {
  background: #bc2c3d;
}

.group--scarlet.tone--dark {
  background: #900919;
}

.group--scarlet.tone--medium {
  background: #bc2c3d;
}

.group--scarlet.tone--light {
  background: #f7374e;
}

.group--scarlet.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #900919 0%,
    #900919 33.333333333333336%,
    #bc2c3d 33.333333333333336%,
    #bc2c3d 66.66666666666667%,
    #f7374e 66.66666666666667%
  );
}

.group--pink {
  background: #f07ba5;
}

.group--pink.tone--dark {
  background: #d54075;
}

.group--pink.tone--medium {
  background: #f07ba5;
}

.group--pink.tone--light {
  background: #ffc9dc;
}

.group--pink.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #d54075 0%,
    #d54075 33.333333333333336%,
    #f07ba5 33.333333333333336%,
    #f07ba5 66.66666666666667%,
    #ffc9dc 66.66666666666667%
  );
}

.group--apricot {
  background: #fbac82;
}

.group--apricot.tone--dark {
  background: #e59265;
}

.group--apricot.tone--medium {
  background: #fbac82;
}

.group--apricot.tone--light {
  background: #fad8c5;
}

.group--apricot.tone--unsegregated-tones {
  background: linear-gradient(
    45deg,
    #e59265 0%,
    #e59265 33.333333333333336%,
    #fbac82 33.333333333333336%,
    #fbac82 66.66666666666667%,
    #fad8c5 66.66666666666667%
  );
}

.group--greige-pfd {
  background: #fff;
}

/* All Over Print */

.group--aop {
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.45) 25%, transparent 25%) -8px 0 / 16px 16px,
    linear-gradient(225deg, rgba(0, 0, 0, 0.45) 25%, transparent 25%) -8px 0 / 16px 16px,
    linear-gradient(315deg, rgba(0, 0, 0, 0.45) 25%, transparent 25%) 0 0 / 16px 16px,
    linear-gradient(45deg, rgba(0, 0, 0, 0.45) 25%, transparent 25%) 0 0 / 16px 16px,
    linear-gradient(to right, #d0342c, #ff7420, #fee715, #9acd32, #007cb8, #5f4b8b, #f07ba5);
}

.group--yarn-dyed {
  background: repeating-linear-gradient(
    45deg,
    #d0342c 0 3px,
    #f2ede4 3px 5px,
    #ff7420 5px 8px,
    #f2ede4 8px 10px,
    #fb9d18 10px 13px,
    #f2ede4 13px 15px,
    #fee715 15px 18px,
    #f2ede4 18px 20px,
    #9acd32 20px 23px,
    #f2ede4 23px 25px,
    #008c4e 25px 28px,
    #f2ede4 28px 30px,
    #007cb8 30px 33px,
    #f2ede4 33px 35px,
    #2e4964 35px 38px,
    #f2ede4 38px 40px,
    #5f4b8b 40px 43px,
    #f2ede4 43px 45px,
    #c180b5 45px 48px,
    #f2ede4 48px 50px,
    #f07ba5 50px 53px,
    #f2ede4 53px 55px,
    #fbac82 55px 58px,
    #f2ede4 58px 60px
  );
}