// Hydrogen / Sass Maps / Gradients
@use "sass:color";
@use "../defaults" as *;

$gradient-map-theme-3: (
  // 3-white
    // 0deg 3-white
    "0-3-white": linear-gradient(0deg, $theme-color-3, $white),
    "0-3(.9)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "0-3(.8)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "0-3(.7)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "0-3(.6)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "0-3(.5)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "0-3(.4)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "0-3(.3)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "0-3(.2)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "0-3(.1)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "0-3(0)-white": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "0-3-white(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "0-3-white(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "0-3-white(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "0-3-white(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "0-3-white(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "0-3-white(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "0-3-white(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "0-3-white(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "0-3-white(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "0-3-white(0)": linear-gradient(0deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 45deg 3-white
    "45-3-white": linear-gradient(45deg, $theme-color-3, $white),
    "45-3(.9)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "45-3(.8)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "45-3(.7)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "45-3(.6)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "45-3(.5)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "45-3(.4)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "45-3(.3)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "45-3(.2)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "45-3(.1)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "45-3(0)-white": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "45-3-white(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "45-3-white(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "45-3-white(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "45-3-white(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "45-3-white(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "45-3-white(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "45-3-white(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "45-3-white(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "45-3-white(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "45-3-white(0)": linear-gradient(45deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 90deg 3-white
    "90-3-white": linear-gradient(90deg, $theme-color-3, $white),
    "90-3(.9)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "90-3(.8)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "90-3(.7)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "90-3(.6)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "90-3(.5)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "90-3(.4)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "90-3(.3)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "90-3(.2)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "90-3(.1)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "90-3(0)-white": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "90-3-white(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "90-3-white(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "90-3-white(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "90-3-white(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "90-3-white(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "90-3-white(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "90-3-white(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "90-3-white(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "90-3-white(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "90-3-white(0)": linear-gradient(90deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 135deg 3-white
    "135-3-white": linear-gradient(135deg, $theme-color-3, $white),
    "135-3(.9)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "135-3(.8)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "135-3(.7)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "135-3(.6)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "135-3(.5)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "135-3(.4)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "135-3(.3)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "135-3(.2)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "135-3(.1)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "135-3(0)-white": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "135-3-white(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "135-3-white(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "135-3-white(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "135-3-white(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "135-3-white(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "135-3-white(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "135-3-white(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "135-3-white(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "135-3-white(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "135-3-white(0)": linear-gradient(135deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 180deg 3-white
    "180-3-white": linear-gradient(180deg, $theme-color-3, $white),
    "180-3(.9)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "180-3(.8)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "180-3(.7)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "180-3(.6)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "180-3(.5)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "180-3(.4)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "180-3(.3)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "180-3(.2)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "180-3(.1)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "180-3(0)-white": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "180-3-white(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "180-3-white(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "180-3-white(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "180-3-white(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "180-3-white(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "180-3-white(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "180-3-white(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "180-3-white(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "180-3-white(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "180-3-white(0)": linear-gradient(180deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 225deg 3-white
    "225-3-white": linear-gradient(225deg, $theme-color-3, $white),
    "225-3(.9)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "225-3(.8)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "225-3(.7)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "225-3(.6)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "225-3(.5)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "225-3(.4)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "225-3(.3)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "225-3(.2)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "225-3(.1)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "225-3(0)-white": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "225-3-white(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "225-3-white(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "225-3-white(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "225-3-white(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "225-3-white(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "225-3-white(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "225-3-white(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "225-3-white(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "225-3-white(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "225-3-white(0)": linear-gradient(225deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 270deg 3-white
    "270-3-white": linear-gradient(270deg, $theme-color-3, $white),
    "270-3(.9)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "270-3(.8)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "270-3(.7)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "270-3(.6)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "270-3(.5)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "270-3(.4)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "270-3(.3)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "270-3(.2)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "270-3(.1)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "270-3(0)-white": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "270-3-white(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "270-3-white(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "270-3-white(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "270-3-white(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "270-3-white(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "270-3-white(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "270-3-white(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "270-3-white(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "270-3-white(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "270-3-white(0)": linear-gradient(270deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
    // 315deg 3-white
    "315-3-white": linear-gradient(315deg, $theme-color-3, $white),
    "315-3(.9)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $white),
    "315-3(.8)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $white),
    "315-3(.7)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $white),
    "315-3(.6)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $white),
    "315-3(.5)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $white),
    "315-3(.4)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $white),
    "315-3(.3)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $white),
    "315-3(.2)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $white),
    "315-3(.1)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $white),
    "315-3(0)-white": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $white),
    "315-3-white(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.1%)),
    "315-3-white(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.2%)),
    "315-3-white(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.3%)),
    "315-3-white(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.4%)),
    "315-3-white(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.5%)),
    "315-3-white(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.6%)),
    "315-3-white(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.7%)),
    "315-3-white(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.8%)),
    "315-3-white(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -.9%)),
    "315-3-white(0)": linear-gradient(315deg, $theme-color-3, color.adjust($white, $alpha: -1%)),
  // 3-black
    // 0deg 3-black
    "0-3-black": linear-gradient(0deg, $theme-color-3, $black),
    "0-3(.9)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "0-3(.8)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "0-3(.7)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "0-3(.6)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "0-3(.5)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "0-3(.4)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "0-3(.3)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "0-3(.2)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "0-3(.1)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "0-3(0)-black": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "0-3-black(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "0-3-black(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "0-3-black(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "0-3-black(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "0-3-black(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "0-3-black(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "0-3-black(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "0-3-black(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "0-3-black(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "0-3-black(0)": linear-gradient(0deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 45deg 3-black
    "45-3-black": linear-gradient(45deg, $theme-color-3, $black),
    "45-3(.9)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "45-3(.8)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "45-3(.7)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "45-3(.6)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "45-3(.5)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "45-3(.4)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "45-3(.3)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "45-3(.2)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "45-3(.1)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "45-3(0)-black": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "45-3-black(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "45-3-black(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "45-3-black(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "45-3-black(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "45-3-black(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "45-3-black(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "45-3-black(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "45-3-black(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "45-3-black(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "45-3-black(0)": linear-gradient(45deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 90deg 3-black
    "90-3-black": linear-gradient(90deg, $theme-color-3, $black),
    "90-3(.9)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "90-3(.8)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "90-3(.7)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "90-3(.6)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "90-3(.5)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "90-3(.4)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "90-3(.3)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "90-3(.2)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "90-3(.1)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "90-3(0)-black": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "90-3-black(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "90-3-black(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "90-3-black(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "90-3-black(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "90-3-black(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "90-3-black(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "90-3-black(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "90-3-black(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "90-3-black(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "90-3-black(0)": linear-gradient(90deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 135deg 3-black
    "135-3-black": linear-gradient(135deg, $theme-color-3, $black),
    "135-3(.9)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "135-3(.8)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "135-3(.7)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "135-3(.6)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "135-3(.5)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "135-3(.4)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "135-3(.3)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "135-3(.2)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "135-3(.1)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "135-3(0)-black": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "135-3-black(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "135-3-black(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "135-3-black(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "135-3-black(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "135-3-black(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "135-3-black(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "135-3-black(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "135-3-black(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "135-3-black(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "135-3-black(0)": linear-gradient(135deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 180deg 3-black
    "180-3-black": linear-gradient(180deg, $theme-color-3, $black),
    "180-3(.9)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "180-3(.8)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "180-3(.7)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "180-3(.6)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "180-3(.5)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "180-3(.4)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "180-3(.3)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "180-3(.2)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "180-3(.1)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "180-3(0)-black": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "180-3-black(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "180-3-black(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "180-3-black(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "180-3-black(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "180-3-black(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "180-3-black(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "180-3-black(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "180-3-black(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "180-3-black(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "180-3-black(0)": linear-gradient(180deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 225deg 3-black
    "225-3-black": linear-gradient(225deg, $theme-color-3, $black),
    "225-3(.9)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "225-3(.8)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "225-3(.7)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "225-3(.6)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "225-3(.5)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "225-3(.4)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "225-3(.3)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "225-3(.2)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "225-3(.1)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "225-3(0)-black": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "225-3-black(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "225-3-black(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "225-3-black(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "225-3-black(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "225-3-black(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "225-3-black(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "225-3-black(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "225-3-black(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "225-3-black(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "225-3-black(0)": linear-gradient(225deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 270deg 3-black
    "270-3-black": linear-gradient(270deg, $theme-color-3, $black),
    "270-3(.9)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "270-3(.8)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "270-3(.7)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "270-3(.6)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "270-3(.5)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "270-3(.4)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "270-3(.3)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "270-3(.2)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "270-3(.1)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "270-3(0)-black": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "270-3-black(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "270-3-black(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "270-3-black(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "270-3-black(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "270-3-black(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "270-3-black(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "270-3-black(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "270-3-black(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "270-3-black(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "270-3-black(0)": linear-gradient(270deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
    // 315deg 3-black
    "315-3-black": linear-gradient(315deg, $theme-color-3, $black),
    "315-3(.9)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $black),
    "315-3(.8)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $black),
    "315-3(.7)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $black),
    "315-3(.6)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $black),
    "315-3(.5)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $black),
    "315-3(.4)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $black),
    "315-3(.3)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $black),
    "315-3(.2)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $black),
    "315-3(.1)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $black),
    "315-3(0)-black": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $black),
    "315-3-black(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.1%)),
    "315-3-black(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.2%)),
    "315-3-black(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.3%)),
    "315-3-black(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.4%)),
    "315-3-black(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.5%)),
    "315-3-black(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.6%)),
    "315-3-black(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.7%)),
    "315-3-black(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.8%)),
    "315-3-black(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -.9%)),
    "315-3-black(0)": linear-gradient(315deg, $theme-color-3, color.adjust($black, $alpha: -1%)),
  // 3-1
    // 0deg 3-1
    "0-3-1": linear-gradient(0deg, $theme-color-3, $theme-color-1),
    "0-3(.9)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "0-3(.8)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "0-3(.7)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "0-3(.6)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "0-3(.5)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "0-3(.4)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "0-3(.3)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "0-3(.2)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "0-3(.1)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "0-3(0)-1": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "0-3-1(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "0-3-1(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "0-3-1(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "0-3-1(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "0-3-1(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "0-3-1(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "0-3-1(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "0-3-1(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "0-3-1(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "0-3-1(0)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 45deg 3-1
    "45-3-1": linear-gradient(45deg, $theme-color-3, $theme-color-1),
    "45-3(.9)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "45-3(.8)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "45-3(.7)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "45-3(.6)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "45-3(.5)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "45-3(.4)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "45-3(.3)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "45-3(.2)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "45-3(.1)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "45-3(0)-1": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "45-3-1(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "45-3-1(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "45-3-1(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "45-3-1(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "45-3-1(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "45-3-1(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "45-3-1(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "45-3-1(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "45-3-1(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "45-3-1(0)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 90deg 3-1
    "90-3-1": linear-gradient(90deg, $theme-color-3, $theme-color-1),
    "90-3(.9)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "90-3(.8)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "90-3(.7)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "90-3(.6)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "90-3(.5)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "90-3(.4)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "90-3(.3)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "90-3(.2)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "90-3(.1)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "90-3(0)-1": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "90-3-1(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "90-3-1(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "90-3-1(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "90-3-1(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "90-3-1(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "90-3-1(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "90-3-1(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "90-3-1(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "90-3-1(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "90-3-1(0)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 135deg 3-1
    "135-3-1": linear-gradient(135deg, $theme-color-3, $theme-color-1),
    "135-3(.9)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "135-3(.8)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "135-3(.7)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "135-3(.6)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "135-3(.5)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "135-3(.4)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "135-3(.3)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "135-3(.2)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "135-3(.1)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "135-3(0)-1": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "135-3-1(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "135-3-1(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "135-3-1(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "135-3-1(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "135-3-1(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "135-3-1(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "135-3-1(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "135-3-1(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "135-3-1(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "135-3-1(0)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 180deg 3-1
    "180-3-1": linear-gradient(180deg, $theme-color-3, $theme-color-1),
    "180-3(.9)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "180-3(.8)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "180-3(.7)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "180-3(.6)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "180-3(.5)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "180-3(.4)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "180-3(.3)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "180-3(.2)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "180-3(.1)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "180-3(0)-1": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "180-3-1(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "180-3-1(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "180-3-1(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "180-3-1(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "180-3-1(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "180-3-1(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "180-3-1(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "180-3-1(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "180-3-1(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "180-3-1(0)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 225deg 3-1
    "225-3-1": linear-gradient(225deg, $theme-color-3, $theme-color-1),
    "225-3(.9)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "225-3(.8)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "225-3(.7)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "225-3(.6)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "225-3(.5)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "225-3(.4)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "225-3(.3)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "225-3(.2)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "225-3(.1)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "225-3(0)-1": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "225-3-1(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "225-3-1(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "225-3-1(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "225-3-1(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "225-3-1(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "225-3-1(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "225-3-1(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "225-3-1(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "225-3-1(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "225-3-1(0)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 270deg 3-1
    "270-3-1": linear-gradient(270deg, $theme-color-3, $theme-color-1),
    "270-3(.9)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "270-3(.8)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "270-3(.7)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "270-3(.6)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "270-3(.5)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "270-3(.4)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "270-3(.3)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "270-3(.2)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "270-3(.1)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "270-3(0)-1": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "270-3-1(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "270-3-1(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "270-3-1(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "270-3-1(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "270-3-1(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "270-3-1(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "270-3-1(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "270-3-1(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "270-3-1(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "270-3-1(0)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
    // 315deg 3-1
    "315-3-1": linear-gradient(315deg, $theme-color-3, $theme-color-1),
    "315-3(.9)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-1),
    "315-3(.8)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-1),
    "315-3(.7)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-1),
    "315-3(.6)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-1),
    "315-3(.5)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-1),
    "315-3(.4)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-1),
    "315-3(.3)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-1),
    "315-3(.2)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-1),
    "315-3(.1)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-1),
    "315-3(0)-1": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-1),
    "315-3-1(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.1%)),
    "315-3-1(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.2%)),
    "315-3-1(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.3%)),
    "315-3-1(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.4%)),
    "315-3-1(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.5%)),
    "315-3-1(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.6%)),
    "315-3-1(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.7%)),
    "315-3-1(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.8%)),
    "315-3-1(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -.9%)),
    "315-3-1(0)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-1, $alpha: -1%)),
  // 3-2
    // 0deg 3-2
    "0-3-2": linear-gradient(0deg, $theme-color-3, $theme-color-2),
    "0-3(.9)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "0-3(.8)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "0-3(.7)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "0-3(.6)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "0-3(.5)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "0-3(.4)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "0-3(.3)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "0-3(.2)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "0-3(.1)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "0-3(0)-2": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "0-3-2(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "0-3-2(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "0-3-2(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "0-3-2(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "0-3-2(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "0-3-2(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "0-3-2(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "0-3-2(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "0-3-2(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "0-3-2(0)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 45deg 3-2
    "45-3-2": linear-gradient(45deg, $theme-color-3, $theme-color-2),
    "45-3(.9)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "45-3(.8)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "45-3(.7)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "45-3(.6)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "45-3(.5)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "45-3(.4)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "45-3(.3)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "45-3(.2)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "45-3(.1)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "45-3(0)-2": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "45-3-2(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "45-3-2(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "45-3-2(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "45-3-2(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "45-3-2(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "45-3-2(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "45-3-2(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "45-3-2(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "45-3-2(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "45-3-2(0)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 90deg 3-2
    "90-3-2": linear-gradient(90deg, $theme-color-3, $theme-color-2),
    "90-3(.9)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "90-3(.8)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "90-3(.7)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "90-3(.6)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "90-3(.5)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "90-3(.4)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "90-3(.3)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "90-3(.2)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "90-3(.1)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "90-3(0)-2": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "90-3-2(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "90-3-2(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "90-3-2(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "90-3-2(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "90-3-2(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "90-3-2(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "90-3-2(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "90-3-2(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "90-3-2(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "90-3-2(0)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 135deg 3-2
    "135-3-2": linear-gradient(135deg, $theme-color-3, $theme-color-2),
    "135-3(.9)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "135-3(.8)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "135-3(.7)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "135-3(.6)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "135-3(.5)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "135-3(.4)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "135-3(.3)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "135-3(.2)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "135-3(.1)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "135-3(0)-2": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "135-3-2(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "135-3-2(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "135-3-2(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "135-3-2(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "135-3-2(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "135-3-2(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "135-3-2(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "135-3-2(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "135-3-2(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "135-3-2(0)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 180deg 3-2
    "180-3-2": linear-gradient(180deg, $theme-color-3, $theme-color-2),
    "180-3(.9)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "180-3(.8)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "180-3(.7)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "180-3(.6)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "180-3(.5)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "180-3(.4)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "180-3(.3)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "180-3(.2)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "180-3(.1)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "180-3(0)-2": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "180-3-2(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "180-3-2(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "180-3-2(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "180-3-2(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "180-3-2(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "180-3-2(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "180-3-2(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "180-3-2(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "180-3-2(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "180-3-2(0)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 225deg 3-2
    "225-3-2": linear-gradient(225deg, $theme-color-3, $theme-color-2),
    "225-3(.9)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "225-3(.8)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "225-3(.7)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "225-3(.6)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "225-3(.5)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "225-3(.4)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "225-3(.3)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "225-3(.2)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "225-3(.1)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "225-3(0)-2": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "225-3-2(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "225-3-2(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "225-3-2(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "225-3-2(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "225-3-2(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "225-3-2(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "225-3-2(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "225-3-2(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "225-3-2(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "225-3-2(0)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 270deg 3-2
    "270-3-2": linear-gradient(270deg, $theme-color-3, $theme-color-2),
    "270-3(.9)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "270-3(.8)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "270-3(.7)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "270-3(.6)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "270-3(.5)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "270-3(.4)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "270-3(.3)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "270-3(.2)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "270-3(.1)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "270-3(0)-2": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "270-3-2(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "270-3-2(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "270-3-2(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "270-3-2(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "270-3-2(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "270-3-2(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "270-3-2(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "270-3-2(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "270-3-2(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "270-3-2(0)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
    // 315deg 3-2
    "315-3-2": linear-gradient(315deg, $theme-color-3, $theme-color-2),
    "315-3(.9)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-2),
    "315-3(.8)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-2),
    "315-3(.7)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-2),
    "315-3(.6)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-2),
    "315-3(.5)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-2),
    "315-3(.4)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-2),
    "315-3(.3)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-2),
    "315-3(.2)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-2),
    "315-3(.1)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-2),
    "315-3(0)-2": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-2),
    "315-3-2(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.1%)),
    "315-3-2(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.2%)),
    "315-3-2(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.3%)),
    "315-3-2(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.4%)),
    "315-3-2(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.5%)),
    "315-3-2(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.6%)),
    "315-3-2(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.7%)),
    "315-3-2(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.8%)),
    "315-3-2(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -.9%)),
    "315-3-2(0)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-2, $alpha: -1%)),
  // 3-3
    // 0deg 3-3
    "0-3-3": linear-gradient(0deg, $theme-color-3-light, $theme-color-3-dark),
    "0-3(.9)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "0-3(.8)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "0-3(.7)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "0-3(.6)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "0-3(.5)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "0-3(.4)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "0-3(.3)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "0-3(.2)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "0-3(.1)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "0-3(0)-3": linear-gradient(0deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "0-3-3(.9)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "0-3-3(.8)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "0-3-3(.7)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "0-3-3(.6)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "0-3-3(.5)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "0-3-3(.4)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "0-3-3(.3)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "0-3-3(.2)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "0-3-3(.1)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "0-3-3(0)": linear-gradient(0deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 45deg 3-3
    "45-3-3": linear-gradient(45deg, $theme-color-3-light, $theme-color-3-dark),
    "45-3(.9)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "45-3(.8)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "45-3(.7)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "45-3(.6)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "45-3(.5)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "45-3(.4)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "45-3(.3)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "45-3(.2)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "45-3(.1)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "45-3(0)-3": linear-gradient(45deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "45-3-3(.9)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "45-3-3(.8)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "45-3-3(.7)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "45-3-3(.6)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "45-3-3(.5)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "45-3-3(.4)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "45-3-3(.3)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "45-3-3(.2)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "45-3-3(.1)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "45-3-3(0)": linear-gradient(45deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 90deg 3-3
    "90-3-3": linear-gradient(90deg, $theme-color-3-light, $theme-color-3-dark),
    "90-3(.9)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "90-3(.8)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "90-3(.7)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "90-3(.6)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "90-3(.5)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "90-3(.4)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "90-3(.3)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "90-3(.2)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "90-3(.1)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "90-3(0)-3": linear-gradient(90deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "90-3-3(.9)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "90-3-3(.8)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "90-3-3(.7)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "90-3-3(.6)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "90-3-3(.5)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "90-3-3(.4)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "90-3-3(.3)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "90-3-3(.2)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "90-3-3(.1)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "90-3-3(0)": linear-gradient(90deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 135deg 3-3
    "135-3-3": linear-gradient(135deg, $theme-color-3-light, $theme-color-3-dark),
    "135-3(.9)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "135-3(.8)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "135-3(.7)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "135-3(.6)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "135-3(.5)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "135-3(.4)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "135-3(.3)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "135-3(.2)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "135-3(.1)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "135-3(0)-3": linear-gradient(135deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "135-3-3(.9)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "135-3-3(.8)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "135-3-3(.7)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "135-3-3(.6)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "135-3-3(.5)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "135-3-3(.4)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "135-3-3(.3)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "135-3-3(.2)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "135-3-3(.1)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "135-3-3(0)": linear-gradient(135deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 180deg 3-3
    "180-3-3": linear-gradient(180deg, $theme-color-3-light, $theme-color-3-dark),
    "180-3(.9)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "180-3(.8)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "180-3(.7)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "180-3(.6)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "180-3(.5)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "180-3(.4)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "180-3(.3)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "180-3(.2)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "180-3(.1)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "180-3(0)-3": linear-gradient(180deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "180-3-3(.9)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "180-3-3(.8)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "180-3-3(.7)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "180-3-3(.6)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "180-3-3(.5)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "180-3-3(.4)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "180-3-3(.3)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "180-3-3(.2)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "180-3-3(.1)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "180-3-3(0)": linear-gradient(180deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 225deg 3-3
    "225-3-3": linear-gradient(225deg, $theme-color-3-light, $theme-color-3-dark),
    "225-3(.9)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "225-3(.8)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "225-3(.7)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "225-3(.6)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "225-3(.5)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "225-3(.4)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "225-3(.3)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "225-3(.2)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "225-3(.1)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "225-3(0)-3": linear-gradient(225deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "225-3-3(.9)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "225-3-3(.8)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "225-3-3(.7)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "225-3-3(.6)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "225-3-3(.5)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "225-3-3(.4)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "225-3-3(.3)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "225-3-3(.2)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "225-3-3(.1)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "225-3-3(0)": linear-gradient(225deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 270deg 3-3
    "270-3-3": linear-gradient(270deg, $theme-color-3-light, $theme-color-3-dark),
    "270-3(.9)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "270-3(.8)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "270-3(.7)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "270-3(.6)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "270-3(.5)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "270-3(.4)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "270-3(.3)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "270-3(.2)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "270-3(.1)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "270-3(0)-3": linear-gradient(270deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "270-3-3(.9)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "270-3-3(.8)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "270-3-3(.7)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "270-3-3(.6)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "270-3-3(.5)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "270-3-3(.4)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "270-3-3(.3)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "270-3-3(.2)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "270-3-3(.1)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "270-3-3(0)": linear-gradient(270deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
    // 315deg 3-3
    "315-3-3": linear-gradient(315deg, $theme-color-3-light, $theme-color-3-dark),
    "315-3(.9)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.1%), $theme-color-3-dark),
    "315-3(.8)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.2%), $theme-color-3-dark),
    "315-3(.7)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.3%), $theme-color-3-dark),
    "315-3(.6)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.4%), $theme-color-3-dark),
    "315-3(.5)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.5%), $theme-color-3-dark),
    "315-3(.4)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.6%), $theme-color-3-dark),
    "315-3(.3)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.7%), $theme-color-3-dark),
    "315-3(.2)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.8%), $theme-color-3-dark),
    "315-3(.1)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -.9%), $theme-color-3-dark),
    "315-3(0)-3": linear-gradient(315deg, color.adjust($theme-color-3-light, $alpha: -1%), $theme-color-3-dark),
    "315-3-3(.9)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.1%)),
    "315-3-3(.8)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.2%)),
    "315-3-3(.7)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.3%)),
    "315-3-3(.6)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.4%)),
    "315-3-3(.5)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.5%)),
    "315-3-3(.4)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.6%)),
    "315-3-3(.3)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.7%)),
    "315-3-3(.2)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.8%)),
    "315-3-3(.1)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -.9%)),
    "315-3-3(0)": linear-gradient(315deg, $theme-color-3-light, color.adjust($theme-color-3-dark, $alpha: -1%)),
  // 3-4
    // 0deg 3-4
    "0-3-4": linear-gradient(0deg, $theme-color-3, $theme-color-4),
    "0-3(.9)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "0-3(.8)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "0-3(.7)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "0-3(.6)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "0-3(.5)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "0-3(.4)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "0-3(.3)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "0-3(.2)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "0-3(.1)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "0-3(0)-4": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "0-3-4(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "0-3-4(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "0-3-4(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "0-3-4(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "0-3-4(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "0-3-4(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "0-3-4(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "0-3-4(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "0-3-4(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "0-3-4(0)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 45deg 3-4
    "45-3-4": linear-gradient(45deg, $theme-color-3, $theme-color-4),
    "45-3(.9)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "45-3(.8)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "45-3(.7)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "45-3(.6)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "45-3(.5)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "45-3(.4)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "45-3(.3)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "45-3(.2)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "45-3(.1)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "45-3(0)-4": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "45-3-4(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "45-3-4(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "45-3-4(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "45-3-4(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "45-3-4(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "45-3-4(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "45-3-4(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "45-3-4(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "45-3-4(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "45-3-4(0)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 90deg 3-4
    "90-3-4": linear-gradient(90deg, $theme-color-3, $theme-color-4),
    "90-3(.9)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "90-3(.8)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "90-3(.7)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "90-3(.6)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "90-3(.5)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "90-3(.4)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "90-3(.3)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "90-3(.2)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "90-3(.1)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "90-3(0)-4": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "90-3-4(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "90-3-4(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "90-3-4(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "90-3-4(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "90-3-4(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "90-3-4(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "90-3-4(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "90-3-4(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "90-3-4(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "90-3-4(0)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 135deg 3-4
    "135-3-4": linear-gradient(135deg, $theme-color-3, $theme-color-4),
    "135-3(.9)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "135-3(.8)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "135-3(.7)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "135-3(.6)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "135-3(.5)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "135-3(.4)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "135-3(.3)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "135-3(.2)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "135-3(.1)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "135-3(0)-4": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "135-3-4(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "135-3-4(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "135-3-4(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "135-3-4(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "135-3-4(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "135-3-4(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "135-3-4(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "135-3-4(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "135-3-4(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "135-3-4(0)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 180deg 3-4
    "180-3-4": linear-gradient(180deg, $theme-color-3, $theme-color-4),
    "180-3(.9)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "180-3(.8)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "180-3(.7)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "180-3(.6)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "180-3(.5)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "180-3(.4)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "180-3(.3)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "180-3(.2)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "180-3(.1)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "180-3(0)-4": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "180-3-4(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "180-3-4(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "180-3-4(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "180-3-4(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "180-3-4(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "180-3-4(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "180-3-4(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "180-3-4(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "180-3-4(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "180-3-4(0)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 225deg 3-4
    "225-3-4": linear-gradient(225deg, $theme-color-3, $theme-color-4),
    "225-3(.9)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "225-3(.8)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "225-3(.7)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "225-3(.6)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "225-3(.5)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "225-3(.4)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "225-3(.3)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "225-3(.2)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "225-3(.1)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "225-3(0)-4": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "225-3-4(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "225-3-4(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "225-3-4(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "225-3-4(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "225-3-4(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "225-3-4(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "225-3-4(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "225-3-4(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "225-3-4(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "225-3-4(0)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 270deg 3-4
    "270-3-4": linear-gradient(270deg, $theme-color-3, $theme-color-4),
    "270-3(.9)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "270-3(.8)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "270-3(.7)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "270-3(.6)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "270-3(.5)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "270-3(.4)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "270-3(.3)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "270-3(.2)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "270-3(.1)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "270-3(0)-4": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "270-3-4(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "270-3-4(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "270-3-4(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "270-3-4(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "270-3-4(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "270-3-4(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "270-3-4(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "270-3-4(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "270-3-4(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "270-3-4(0)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
    // 315deg 3-4
    "315-3-4": linear-gradient(315deg, $theme-color-3, $theme-color-4),
    "315-3(.9)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-4),
    "315-3(.8)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-4),
    "315-3(.7)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-4),
    "315-3(.6)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-4),
    "315-3(.5)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-4),
    "315-3(.4)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-4),
    "315-3(.3)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-4),
    "315-3(.2)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-4),
    "315-3(.1)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-4),
    "315-3(0)-4": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-4),
    "315-3-4(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.1%)),
    "315-3-4(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.2%)),
    "315-3-4(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.3%)),
    "315-3-4(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.4%)),
    "315-3-4(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.5%)),
    "315-3-4(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.6%)),
    "315-3-4(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.7%)),
    "315-3-4(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.8%)),
    "315-3-4(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -.9%)),
    "315-3-4(0)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-4, $alpha: -1%)),
  // 3-5
    // 0deg 3-5
    "0-3-5": linear-gradient(0deg, $theme-color-3, $theme-color-5),
    "0-3(.9)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "0-3(.8)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "0-3(.7)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "0-3(.6)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "0-3(.5)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "0-3(.4)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "0-3(.3)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "0-3(.2)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "0-3(.1)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "0-3(0)-5": linear-gradient(0deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "0-3-5(.9)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "0-3-5(.8)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "0-3-5(.7)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "0-3-5(.6)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "0-3-5(.5)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "0-3-5(.4)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "0-3-5(.3)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "0-3-5(.2)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "0-3-5(.1)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "0-3-5(0)": linear-gradient(0deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 45deg 3-5
    "45-3-5": linear-gradient(45deg, $theme-color-3, $theme-color-5),
    "45-3(.9)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "45-3(.8)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "45-3(.7)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "45-3(.6)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "45-3(.5)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "45-3(.4)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "45-3(.3)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "45-3(.2)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "45-3(.1)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "45-3(0)-5": linear-gradient(45deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "45-3-5(.9)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "45-3-5(.8)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "45-3-5(.7)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "45-3-5(.6)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "45-3-5(.5)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "45-3-5(.4)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "45-3-5(.3)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "45-3-5(.2)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "45-3-5(.1)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "45-3-5(0)": linear-gradient(45deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 90deg 3-5
    "90-3-5": linear-gradient(90deg, $theme-color-3, $theme-color-5),
    "90-3(.9)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "90-3(.8)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "90-3(.7)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "90-3(.6)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "90-3(.5)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "90-3(.4)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "90-3(.3)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "90-3(.2)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "90-3(.1)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "90-3(0)-5": linear-gradient(90deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "90-3-5(.9)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "90-3-5(.8)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "90-3-5(.7)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "90-3-5(.6)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "90-3-5(.5)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "90-3-5(.4)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "90-3-5(.3)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "90-3-5(.2)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "90-3-5(.1)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "90-3-5(0)": linear-gradient(90deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 135deg 3-5
    "135-3-5": linear-gradient(135deg, $theme-color-3, $theme-color-5),
    "135-3(.9)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "135-3(.8)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "135-3(.7)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "135-3(.6)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "135-3(.5)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "135-3(.4)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "135-3(.3)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "135-3(.2)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "135-3(.1)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "135-3(0)-5": linear-gradient(135deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "135-3-5(.9)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "135-3-5(.8)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "135-3-5(.7)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "135-3-5(.6)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "135-3-5(.5)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "135-3-5(.4)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "135-3-5(.3)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "135-3-5(.2)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "135-3-5(.1)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "135-3-5(0)": linear-gradient(135deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 180deg 3-5
    "180-3-5": linear-gradient(180deg, $theme-color-3, $theme-color-5),
    "180-3(.9)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "180-3(.8)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "180-3(.7)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "180-3(.6)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "180-3(.5)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "180-3(.4)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "180-3(.3)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "180-3(.2)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "180-3(.1)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "180-3(0)-5": linear-gradient(180deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "180-3-5(.9)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "180-3-5(.8)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "180-3-5(.7)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "180-3-5(.6)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "180-3-5(.5)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "180-3-5(.4)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "180-3-5(.3)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "180-3-5(.2)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "180-3-5(.1)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "180-3-5(0)": linear-gradient(180deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 225deg 3-5
    "225-3-5": linear-gradient(225deg, $theme-color-3, $theme-color-5),
    "225-3(.9)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "225-3(.8)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "225-3(.7)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "225-3(.6)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "225-3(.5)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "225-3(.4)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "225-3(.3)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "225-3(.2)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "225-3(.1)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "225-3(0)-5": linear-gradient(225deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "225-3-5(.9)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "225-3-5(.8)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "225-3-5(.7)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "225-3-5(.6)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "225-3-5(.5)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "225-3-5(.4)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "225-3-5(.3)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "225-3-5(.2)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "225-3-5(.1)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "225-3-5(0)": linear-gradient(225deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 270deg 3-5
    "270-3-5": linear-gradient(270deg, $theme-color-3, $theme-color-5),
    "270-3(.9)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "270-3(.8)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "270-3(.7)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "270-3(.6)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "270-3(.5)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "270-3(.4)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "270-3(.3)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "270-3(.2)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "270-3(.1)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "270-3(0)-5": linear-gradient(270deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "270-3-5(.9)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "270-3-5(.8)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "270-3-5(.7)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "270-3-5(.6)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "270-3-5(.5)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "270-3-5(.4)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "270-3-5(.3)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "270-3-5(.2)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "270-3-5(.1)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "270-3-5(0)": linear-gradient(270deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%)),
    // 315deg 3-5
    "315-3-5": linear-gradient(315deg, $theme-color-3, $theme-color-5),
    "315-3(.9)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.1%), $theme-color-5),
    "315-3(.8)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.2%), $theme-color-5),
    "315-3(.7)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.3%), $theme-color-5),
    "315-3(.6)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.4%), $theme-color-5),
    "315-3(.5)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.5%), $theme-color-5),
    "315-3(.4)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.6%), $theme-color-5),
    "315-3(.3)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.7%), $theme-color-5),
    "315-3(.2)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.8%), $theme-color-5),
    "315-3(.1)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -.9%), $theme-color-5),
    "315-3(0)-5": linear-gradient(315deg, color.adjust($theme-color-3, $alpha: -1%), $theme-color-5),
    "315-3-5(.9)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.1%)),
    "315-3-5(.8)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.2%)),
    "315-3-5(.7)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.3%)),
    "315-3-5(.6)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.4%)),
    "315-3-5(.5)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.5%)),
    "315-3-5(.4)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.6%)),
    "315-3-5(.3)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.7%)),
    "315-3-5(.2)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.8%)),
    "315-3-5(.1)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -.9%)),
    "315-3-5(0)": linear-gradient(315deg, $theme-color-3, color.adjust($theme-color-5, $alpha: -1%))
);