Skip to content

Instantly share code, notes, and snippets.

@brod-ie
Created November 30, 2022 14:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brod-ie/7c8e5d1c2ee82cc1c8427dee51e9f2b5 to your computer and use it in GitHub Desktop.
Save brod-ie/7c8e5d1c2ee82cc1c8427dee51e9f2b5 to your computer and use it in GitHub Desktop.
Figma Styles → Our Webflow CSS selectors
.red.fill,.red.fill.light{background:#ff3b30}.red.fill path[fill],.red.fill.light path[fill]{fill:#ff3b30}.red.fill path[stroke],.red.fill.light path[stroke]{stroke:#ff3b30}.red.fill.dark{background:#ff453a}.red.fill.dark path[fill]{fill:#ff453a}.red.fill.dark path[stroke]{stroke:#ff453a}.red.stroke,.red.stroke.light{color:#ff3b30}.red.stroke path[fill],.red.stroke.light path[fill]{fill:#ff3b30}.red.stroke path[stroke],.red.stroke.light path[stroke]{stroke:#ff3b30}.red.stroke.dark{color:#ff453a}.red.stroke.dark path[fill]{fill:#ff453a}.red.stroke.dark path[stroke]{stroke:#ff453a}.orange.fill,.orange.fill.light{background:#ff9500}.orange.fill path[fill],.orange.fill.light path[fill]{fill:#ff9500}.orange.fill path[stroke],.orange.fill.light path[stroke]{stroke:#ff9500}.orange.fill.dark{background:#ff9f0a}.orange.fill.dark path[fill]{fill:#ff9f0a}.orange.fill.dark path[stroke]{stroke:#ff9f0a}.orange.stroke,.orange.stroke.light{color:#ff9500}.orange.stroke path[fill],.orange.stroke.light path[fill]{fill:#ff9500}.orange.stroke path[stroke],.orange.stroke.light path[stroke]{stroke:#ff9500}.orange.stroke.dark{color:#ff9f0a}.orange.stroke.dark path[fill]{fill:#ff9f0a}.orange.stroke.dark path[stroke]{stroke:#ff9f0a}.yellow.fill,.yellow.fill.light{background:#fc0}.yellow.fill path[fill],.yellow.fill.light path[fill]{fill:#fc0}.yellow.fill path[stroke],.yellow.fill.light path[stroke]{stroke:#fc0}.yellow.fill.dark{background:#ffd60a}.yellow.fill.dark path[fill]{fill:#ffd60a}.yellow.fill.dark path[stroke]{stroke:#ffd60a}.yellow.stroke,.yellow.stroke.light{color:#fc0}.yellow.stroke path[fill],.yellow.stroke.light path[fill]{fill:#fc0}.yellow.stroke path[stroke],.yellow.stroke.light path[stroke]{stroke:#fc0}.yellow.stroke.dark{color:#ffd60a}.yellow.stroke.dark path[fill]{fill:#ffd60a}.yellow.stroke.dark path[stroke]{stroke:#ffd60a}.green.fill,.green.fill.light{background:#34c759}.green.fill path[fill],.green.fill.light path[fill]{fill:#34c759}.green.fill path[stroke],.green.fill.light path[stroke]{stroke:#34c759}.green.fill.dark{background:#32d74b}.green.fill.dark path[fill]{fill:#32d74b}.green.fill.dark path[stroke]{stroke:#32d74b}.green.stroke,.green.stroke.light{color:#34c759}.green.stroke path[fill],.green.stroke.light path[fill]{fill:#34c759}.green.stroke path[stroke],.green.stroke.light path[stroke]{stroke:#34c759}.green.stroke.dark{color:#32d74b}.green.stroke.dark path[fill]{fill:#32d74b}.green.stroke.dark path[stroke]{stroke:#32d74b}.mint.fill,.mint.fill.light{background:#00c7be}.mint.fill path[fill],.mint.fill.light path[fill]{fill:#00c7be}.mint.fill path[stroke],.mint.fill.light path[stroke]{stroke:#00c7be}.mint.fill.dark{background:#66d4cf}.mint.fill.dark path[fill]{fill:#66d4cf}.mint.fill.dark path[stroke]{stroke:#66d4cf}.mint.stroke,.mint.stroke.light{color:#00c7be}.mint.stroke path[fill],.mint.stroke.light path[fill]{fill:#00c7be}.mint.stroke path[stroke],.mint.stroke.light path[stroke]{stroke:#00c7be}.mint.stroke.dark{color:#66d4cf}.mint.stroke.dark path[fill]{fill:#66d4cf}.mint.stroke.dark path[stroke]{stroke:#66d4cf}.teal.fill,.teal.fill.light{background:#5ac8fa}.teal.fill path[fill],.teal.fill.light path[fill]{fill:#5ac8fa}.teal.fill path[stroke],.teal.fill.light path[stroke]{stroke:#5ac8fa}.teal.fill.dark{background:#64d2ff}.teal.fill.dark path[fill]{fill:#64d2ff}.teal.fill.dark path[stroke]{stroke:#64d2ff}.teal.stroke,.teal.stroke.light{color:#5ac8fa}.teal.stroke path[fill],.teal.stroke.light path[fill]{fill:#5ac8fa}.teal.stroke path[stroke],.teal.stroke.light path[stroke]{stroke:#5ac8fa}.teal.stroke.dark{color:#64d2ff}.teal.stroke.dark path[fill]{fill:#64d2ff}.teal.stroke.dark path[stroke]{stroke:#64d2ff}.cyan.fill,.cyan.fill.light{background:#32ade6}.cyan.fill path[fill],.cyan.fill.light path[fill]{fill:#32ade6}.cyan.fill path[stroke],.cyan.fill.light path[stroke]{stroke:#32ade6}.cyan.fill.dark{background:#64d2ff}.cyan.fill.dark path[fill]{fill:#64d2ff}.cyan.fill.dark path[stroke]{stroke:#64d2ff}.cyan.stroke,.cyan.stroke.light{color:#32ade6}.cyan.stroke path[fill],.cyan.stroke.light path[fill]{fill:#32ade6}.cyan.stroke path[stroke],.cyan.stroke.light path[stroke]{stroke:#32ade6}.cyan.stroke.dark{color:#64d2ff}.cyan.stroke.dark path[fill]{fill:#64d2ff}.cyan.stroke.dark path[stroke]{stroke:#64d2ff}.blue.fill,.blue.fill.light{background:#007aff}.blue.fill path[fill],.blue.fill.light path[fill]{fill:#007aff}.blue.fill path[stroke],.blue.fill.light path[stroke]{stroke:#007aff}.blue.fill.dark{background:#0a84ff}.blue.fill.dark path[fill]{fill:#0a84ff}.blue.fill.dark path[stroke]{stroke:#0a84ff}.blue.stroke,.blue.stroke.light{color:#007aff}.blue.stroke path[fill],.blue.stroke.light path[fill]{fill:#007aff}.blue.stroke path[stroke],.blue.stroke.light path[stroke]{stroke:#007aff}.blue.stroke.dark{color:#0a84ff}.blue.stroke.dark path[fill]{fill:#0a84ff}.blue.stroke.dark path[stroke]{stroke:#0a84ff}.indigo.fill,.indigo.fill.light{background:#5856d6}.indigo.fill path[fill],.indigo.fill.light path[fill]{fill:#5856d6}.indigo.fill path[stroke],.indigo.fill.light path[stroke]{stroke:#5856d6}.indigo.fill.dark{background:#5e5ce6}.indigo.fill.dark path[fill]{fill:#5e5ce6}.indigo.fill.dark path[stroke]{stroke:#5e5ce6}.indigo.stroke,.indigo.stroke.light{color:#5856d6}.indigo.stroke path[fill],.indigo.stroke.light path[fill]{fill:#5856d6}.indigo.stroke path[stroke],.indigo.stroke.light path[stroke]{stroke:#5856d6}.indigo.stroke.dark{color:#5e5ce6}.indigo.stroke.dark path[fill]{fill:#5e5ce6}.indigo.stroke.dark path[stroke]{stroke:#5e5ce6}.purple.fill,.purple.fill.light{background:#af52de}.purple.fill path[fill],.purple.fill.light path[fill]{fill:#af52de}.purple.fill path[stroke],.purple.fill.light path[stroke]{stroke:#af52de}.purple.fill.dark{background:#bf5af2}.purple.fill.dark path[fill]{fill:#bf5af2}.purple.fill.dark path[stroke]{stroke:#bf5af2}.purple.stroke,.purple.stroke.light{color:#af52de}.purple.stroke path[fill],.purple.stroke.light path[fill]{fill:#af52de}.purple.stroke path[stroke],.purple.stroke.light path[stroke]{stroke:#af52de}.purple.stroke.dark{color:#bf5af2}.purple.stroke.dark path[fill]{fill:#bf5af2}.purple.stroke.dark path[stroke]{stroke:#bf5af2}.pink.fill,.pink.fill.light{background:#ff2d55}.pink.fill path[fill],.pink.fill.light path[fill]{fill:#ff2d55}.pink.fill path[stroke],.pink.fill.light path[stroke]{stroke:#ff2d55}.pink.fill.dark{background:#fe365e}.pink.fill.dark path[fill]{fill:#fe365e}.pink.fill.dark path[stroke]{stroke:#fe365e}.pink.stroke,.pink.stroke.light{color:#ff2d55}.pink.stroke path[fill],.pink.stroke.light path[fill]{fill:#ff2d55}.pink.stroke path[stroke],.pink.stroke.light path[stroke]{stroke:#ff2d55}.pink.stroke.dark{color:#fe365e}.pink.stroke.dark path[fill]{fill:#fe365e}.pink.stroke.dark path[stroke]{stroke:#fe365e}.brown.fill,.brown.fill.light{background:#a2845e}.brown.fill path[fill],.brown.fill.light path[fill]{fill:#a2845e}.brown.fill path[stroke],.brown.fill.light path[stroke]{stroke:#a2845e}.brown.fill.dark{background:#ac8e68}.brown.fill.dark path[fill]{fill:#ac8e68}.brown.fill.dark path[stroke]{stroke:#ac8e68}.brown.stroke,.brown.stroke.light{color:#a2845e}.brown.stroke path[fill],.brown.stroke.light path[fill]{fill:#a2845e}.brown.stroke path[stroke],.brown.stroke.light path[stroke]{stroke:#a2845e}.brown.stroke.dark{color:#ac8e68}.brown.stroke.dark path[fill]{fill:#ac8e68}.brown.stroke.dark path[stroke]{stroke:#ac8e68}.gray.one.fill,.gray.one.fill.light{background:#8e8e93}.gray.one.fill path[fill],.gray.one.fill.light path[fill]{fill:#8e8e93}.gray.one.fill path[stroke],.gray.one.fill.light path[stroke]{stroke:#8e8e93}.gray.one.fill.dark{background:#8e8e93}.gray.one.fill.dark path[fill]{fill:#8e8e93}.gray.one.fill.dark path[stroke]{stroke:#8e8e93}.gray.one.stroke,.gray.one.stroke.light{color:#8e8e93}.gray.one.stroke path[fill],.gray.one.stroke.light path[fill]{fill:#8e8e93}.gray.one.stroke path[stroke],.gray.one.stroke.light path[stroke]{stroke:#8e8e93}.gray.one.stroke.dark{color:#8e8e93}.gray.one.stroke.dark path[fill]{fill:#8e8e93}.gray.one.stroke.dark path[stroke]{stroke:#8e8e93}.gray.two.fill,.gray.two.fill.light{background:#aeaeb2}.gray.two.fill path[fill],.gray.two.fill.light path[fill]{fill:#aeaeb2}.gray.two.fill path[stroke],.gray.two.fill.light path[stroke]{stroke:#aeaeb2}.gray.two.fill.dark{background:#636366}.gray.two.fill.dark path[fill]{fill:#636366}.gray.two.fill.dark path[stroke]{stroke:#636366}.gray.two.stroke,.gray.two.stroke.light{color:#aeaeb2}.gray.two.stroke path[fill],.gray.two.stroke.light path[fill]{fill:#aeaeb2}.gray.two.stroke path[stroke],.gray.two.stroke.light path[stroke]{stroke:#aeaeb2}.gray.two.stroke.dark{color:#636366}.gray.two.stroke.dark path[fill]{fill:#636366}.gray.two.stroke.dark path[stroke]{stroke:#636366}.gray.three.fill,.gray.three.fill.light{background:#c7c7cc}.gray.three.fill path[fill],.gray.three.fill.light path[fill]{fill:#c7c7cc}.gray.three.fill path[stroke],.gray.three.fill.light path[stroke]{stroke:#c7c7cc}.gray.three.fill.dark{background:#48484a}.gray.three.fill.dark path[fill]{fill:#48484a}.gray.three.fill.dark path[stroke]{stroke:#48484a}.gray.three.stroke,.gray.three.stroke.light{color:#c7c7cc}.gray.three.stroke path[fill],.gray.three.stroke.light path[fill]{fill:#c7c7cc}.gray.three.stroke path[stroke],.gray.three.stroke.light path[stroke]{stroke:#c7c7cc}.gray.three.stroke.dark{color:#48484a}.gray.three.stroke.dark path[fill]{fill:#48484a}.gray.three.stroke.dark path[stroke]{stroke:#48484a}.gray.four.fill,.gray.four.fill.light{background:#d1d1d6}.gray.four.fill path[fill],.gray.four.fill.light path[fill]{fill:#d1d1d6}.gray.four.fill path[stroke],.gray.four.fill.light path[stroke]{stroke:#d1d1d6}.gray.four.fill.dark{background:#3a3a3c}.gray.four.fill.dark path[fill]{fill:#3a3a3c}.gray.four.fill.dark path[stroke]{stroke:#3a3a3c}.gray.four.stroke,.gray.four.stroke.light{color:#d1d1d6}.gray.four.stroke path[fill],.gray.four.stroke.light path[fill]{fill:#d1d1d6}.gray.four.stroke path[stroke],.gray.four.stroke.light path[stroke]{stroke:#d1d1d6}.gray.four.stroke.dark{color:#3a3a3c}.gray.four.stroke.dark path[fill]{fill:#3a3a3c}.gray.four.stroke.dark path[stroke]{stroke:#3a3a3c}.gray.five.fill,.gray.five.fill.light{background:#e5e5ea}.gray.five.fill path[fill],.gray.five.fill.light path[fill]{fill:#e5e5ea}.gray.five.fill path[stroke],.gray.five.fill.light path[stroke]{stroke:#e5e5ea}.gray.five.fill.dark{background:#1c1c1e}.gray.five.fill.dark path[fill]{fill:#1c1c1e}.gray.five.fill.dark path[stroke]{stroke:#1c1c1e}.gray.five.stroke,.gray.five.stroke.light{color:#e5e5ea}.gray.five.stroke path[fill],.gray.five.stroke.light path[fill]{fill:#e5e5ea}.gray.five.stroke path[stroke],.gray.five.stroke.light path[stroke]{stroke:#e5e5ea}.gray.five.stroke.dark{color:#1c1c1e}.gray.five.stroke.dark path[fill]{fill:#1c1c1e}.gray.five.stroke.dark path[stroke]{stroke:#1c1c1e}.gray.six.fill,.gray.six.fill.light{background:#f2f2f7}.gray.six.fill path[fill],.gray.six.fill.light path[fill]{fill:#f2f2f7}.gray.six.fill path[stroke],.gray.six.fill.light path[stroke]{stroke:#f2f2f7}.gray.six.fill.dark{background:#1c1c1e}.gray.six.fill.dark path[fill]{fill:#1c1c1e}.gray.six.fill.dark path[stroke]{stroke:#1c1c1e}.gray.six.stroke,.gray.six.stroke.light{color:#f2f2f7}.gray.six.stroke path[fill],.gray.six.stroke.light path[fill]{fill:#f2f2f7}.gray.six.stroke path[stroke],.gray.six.stroke.light path[stroke]{stroke:#f2f2f7}.gray.six.stroke.dark{color:#1c1c1e}.gray.six.stroke.dark path[fill]{fill:#1c1c1e}.gray.six.stroke.dark path[stroke]{stroke:#1c1c1e}.background.primary.fill,.background.primary.fill.light{background:#fff}.background.primary.fill path[fill],.background.primary.fill.light path[fill]{fill:#fff}.background.primary.fill path[stroke],.background.primary.fill.light path[stroke]{stroke:#fff}.background.primary.fill.dark{background:#000}.background.primary.fill.dark path[fill]{fill:#000}.background.primary.fill.dark path[stroke]{stroke:#000}.background.primary.stroke,.background.primary.stroke.light{color:#fff}.background.primary.stroke path[fill],.background.primary.stroke.light path[fill]{fill:#fff}.background.primary.stroke path[stroke],.background.primary.stroke.light path[stroke]{stroke:#fff}.background.primary.stroke.dark{color:#000}.background.primary.stroke.dark path[fill]{fill:#000}.background.primary.stroke.dark path[stroke]{stroke:#000}.background.secondary.fill,.background.secondary.fill.light{background:#f2f2f7}.background.secondary.fill path[fill],.background.secondary.fill.light path[fill]{fill:#f2f2f7}.background.secondary.fill path[stroke],.background.secondary.fill.light path[stroke]{stroke:#f2f2f7}.background.secondary.fill.dark{background:#1c1c1e}.background.secondary.fill.dark path[fill]{fill:#1c1c1e}.background.secondary.fill.dark path[stroke]{stroke:#1c1c1e}.background.secondary.stroke,.background.secondary.stroke.light{color:#f2f2f7}.background.secondary.stroke path[fill],.background.secondary.stroke.light path[fill]{fill:#f2f2f7}.background.secondary.stroke path[stroke],.background.secondary.stroke.light path[stroke]{stroke:#f2f2f7}.background.secondary.stroke.dark{color:#1c1c1e}.background.secondary.stroke.dark path[fill]{fill:#1c1c1e}.background.secondary.stroke.dark path[stroke]{stroke:#1c1c1e}.background.tertiary.fill,.background.tertiary.fill.light{background:#fff}.background.tertiary.fill path[fill],.background.tertiary.fill.light path[fill]{fill:#fff}.background.tertiary.fill path[stroke],.background.tertiary.fill.light path[stroke]{stroke:#fff}.background.tertiary.fill.dark{background:#2c2c2e}.background.tertiary.fill.dark path[fill]{fill:#2c2c2e}.background.tertiary.fill.dark path[stroke]{stroke:#2c2c2e}.background.tertiary.stroke,.background.tertiary.stroke.light{color:#fff}.background.tertiary.stroke path[fill],.background.tertiary.stroke.light path[fill]{fill:#fff}.background.tertiary.stroke path[stroke],.background.tertiary.stroke.light path[stroke]{stroke:#fff}.background.tertiary.stroke.dark{color:#2c2c2e}.background.tertiary.stroke.dark path[fill]{fill:#2c2c2e}.background.tertiary.stroke.dark path[stroke]{stroke:#2c2c2e}.separator.no-transparency.fill,.separator.no-transparency.fill.light{background:#c6c6c8}.separator.no-transparency.fill path[fill],.separator.no-transparency.fill.light path[fill]{fill:#c6c6c8}.separator.no-transparency.fill path[stroke],.separator.no-transparency.fill.light path[stroke]{stroke:#c6c6c8}.separator.no-transparency.fill.dark{background:#38383a}.separator.no-transparency.fill.dark path[fill]{fill:#38383a}.separator.no-transparency.fill.dark path[stroke]{stroke:#38383a}.separator.no-transparency.stroke,.separator.no-transparency.stroke.light{color:#c6c6c8}.separator.no-transparency.stroke path[fill],.separator.no-transparency.stroke.light path[fill]{fill:#c6c6c8}.separator.no-transparency.stroke path[stroke],.separator.no-transparency.stroke.light path[stroke]{stroke:#c6c6c8}.separator.no-transparency.stroke.dark{color:#38383a}.separator.no-transparency.stroke.dark path[fill]{fill:#38383a}.separator.no-transparency.stroke.dark path[stroke]{stroke:#38383a}a,a.light{color:#007afe}a path[fill],a.light path[fill]{fill:#007afe}a path[stroke],a.light path[stroke]{stroke:#007afe}a.dark{color:#0b84fe}a.dark path[fill]{fill:#0b84fe}a.dark path[stroke]{stroke:#0b84fe}.link.fill,.link.fill.light{background:#007afe}.link.fill path[fill],.link.fill.light path[fill]{fill:#007afe}.link.fill path[stroke],.link.fill.light path[stroke]{stroke:#007afe}.link.fill.dark{background:#0b84fe}.link.fill.dark path[fill]{fill:#0b84fe}.link.fill.dark path[stroke]{stroke:#0b84fe}.link.stroke,.link.stroke.light{color:#007afe}.link.stroke path[fill],.link.stroke.light path[fill]{fill:#007afe}.link.stroke path[stroke],.link.stroke.light path[stroke]{stroke:#007afe}.link.stroke.dark{color:#0b84fe}.link.stroke.dark path[fill]{fill:#0b84fe}.link.stroke.dark path[stroke]{stroke:#0b84fe}.label.primary.fill,.label.primary.fill.light{background:#000}.label.primary.fill path[fill],.label.primary.fill.light path[fill]{fill:#000}.label.primary.fill path[stroke],.label.primary.fill.light path[stroke]{stroke:#000}.label.primary.fill.dark{background:#fff}.label.primary.fill.dark path[fill]{fill:#fff}.label.primary.fill.dark path[stroke]{stroke:#fff}.label.primary.stroke,.label.primary.stroke.light{color:#000}.label.primary.stroke path[fill],.label.primary.stroke.light path[fill]{fill:#000}.label.primary.stroke path[stroke],.label.primary.stroke.light path[stroke]{stroke:#000}.label.primary.stroke.dark{color:#fff}.label.primary.stroke.dark path[fill]{fill:#fff}.label.primary.stroke.dark path[stroke]{stroke:#fff}.label.secondary.fill,.label.secondary.fill.light{background:rgba(60,60,67,0.6)}.label.secondary.fill path[fill],.label.secondary.fill.light path[fill]{fill:rgba(60,60,67,0.6)}.label.secondary.fill path[stroke],.label.secondary.fill.light path[stroke]{stroke:rgba(60,60,67,0.6)}.label.secondary.fill.dark{background:rgba(235,235,245,0.6)}.label.secondary.fill.dark path[fill]{fill:rgba(235,235,245,0.6)}.label.secondary.fill.dark path[stroke]{stroke:rgba(235,235,245,0.6)}.label.secondary.stroke,.label.secondary.stroke.light{color:rgba(60,60,67,0.6)}.label.secondary.stroke path[fill],.label.secondary.stroke.light path[fill]{fill:rgba(60,60,67,0.6)}.label.secondary.stroke path[stroke],.label.secondary.stroke.light path[stroke]{stroke:rgba(60,60,67,0.6)}.label.secondary.stroke.dark{color:rgba(235,235,245,0.6)}.label.secondary.stroke.dark path[fill]{fill:rgba(235,235,245,0.6)}.label.secondary.stroke.dark path[stroke]{stroke:rgba(235,235,245,0.6)}.label.tertiary.fill,.label.tertiary.fill.light{background:rgba(60,60,67,0.301961)}.label.tertiary.fill path[fill],.label.tertiary.fill.light path[fill]{fill:rgba(60,60,67,0.301961)}.label.tertiary.fill path[stroke],.label.tertiary.fill.light path[stroke]{stroke:rgba(60,60,67,0.301961)}.label.tertiary.fill.dark{background:rgba(235,235,245,0.301961)}.label.tertiary.fill.dark path[fill]{fill:rgba(235,235,245,0.301961)}.label.tertiary.fill.dark path[stroke]{stroke:rgba(235,235,245,0.301961)}.label.tertiary.stroke,.label.tertiary.stroke.light{color:rgba(60,60,67,0.301961)}.label.tertiary.stroke path[fill],.label.tertiary.stroke.light path[fill]{fill:rgba(60,60,67,0.301961)}.label.tertiary.stroke path[stroke],.label.tertiary.stroke.light path[stroke]{stroke:rgba(60,60,67,0.301961)}.label.tertiary.stroke.dark{color:rgba(235,235,245,0.301961)}.label.tertiary.stroke.dark path[fill]{fill:rgba(235,235,245,0.301961)}.label.tertiary.stroke.dark path[stroke]{stroke:rgba(235,235,245,0.301961)}.label.quaternary.fill,.label.quaternary.fill.light{background:rgba(60,60,67,0.180392)}.label.quaternary.fill path[fill],.label.quaternary.fill.light path[fill]{fill:rgba(60,60,67,0.180392)}.label.quaternary.fill path[stroke],.label.quaternary.fill.light path[stroke]{stroke:rgba(60,60,67,0.180392)}.label.quaternary.fill.dark{background:rgba(235,235,245,0.180392)}.label.quaternary.fill.dark path[fill]{fill:rgba(235,235,245,0.180392)}.label.quaternary.fill.dark path[stroke]{stroke:rgba(235,235,245,0.180392)}.label.quaternary.stroke,.label.quaternary.stroke.light{color:rgba(60,60,67,0.180392)}.label.quaternary.stroke path[fill],.label.quaternary.stroke.light path[fill]{fill:rgba(60,60,67,0.180392)}.label.quaternary.stroke path[stroke],.label.quaternary.stroke.light path[stroke]{stroke:rgba(60,60,67,0.180392)}.label.quaternary.stroke.dark{color:rgba(235,235,245,0.180392)}.label.quaternary.stroke.dark path[fill]{fill:rgba(235,235,245,0.180392)}.label.quaternary.stroke.dark path[stroke]{stroke:rgba(235,235,245,0.180392)}@media (prefers-color-scheme: dark){.red.fill{background:#ff453a}.red.fill path[fill]{fill:#ff453a}.red.fill path[stroke]{stroke:#ff453a}.red.stroke{color:#ff453a}.red.stroke path[fill]{fill:#ff453a}.red.stroke path[stroke]{stroke:#ff453a}.orange.fill{background:#ff9f0a}.orange.fill path[fill]{fill:#ff9f0a}.orange.fill path[stroke]{stroke:#ff9f0a}.orange.stroke{color:#ff9f0a}.orange.stroke path[fill]{fill:#ff9f0a}.orange.stroke path[stroke]{stroke:#ff9f0a}.yellow.fill{background:#ffd60a}.yellow.fill path[fill]{fill:#ffd60a}.yellow.fill path[stroke]{stroke:#ffd60a}.yellow.stroke{color:#ffd60a}.yellow.stroke path[fill]{fill:#ffd60a}.yellow.stroke path[stroke]{stroke:#ffd60a}.green.fill{background:#32d74b}.green.fill path[fill]{fill:#32d74b}.green.fill path[stroke]{stroke:#32d74b}.green.stroke{color:#32d74b}.green.stroke path[fill]{fill:#32d74b}.green.stroke path[stroke]{stroke:#32d74b}.mint.fill{background:#66d4cf}.mint.fill path[fill]{fill:#66d4cf}.mint.fill path[stroke]{stroke:#66d4cf}.mint.stroke{color:#66d4cf}.mint.stroke path[fill]{fill:#66d4cf}.mint.stroke path[stroke]{stroke:#66d4cf}.teal.fill{background:#64d2ff}.teal.fill path[fill]{fill:#64d2ff}.teal.fill path[stroke]{stroke:#64d2ff}.teal.stroke{color:#64d2ff}.teal.stroke path[fill]{fill:#64d2ff}.teal.stroke path[stroke]{stroke:#64d2ff}.cyan.fill{background:#64d2ff}.cyan.fill path[fill]{fill:#64d2ff}.cyan.fill path[stroke]{stroke:#64d2ff}.cyan.stroke{color:#64d2ff}.cyan.stroke path[fill]{fill:#64d2ff}.cyan.stroke path[stroke]{stroke:#64d2ff}.blue.fill{background:#0a84ff}.blue.fill path[fill]{fill:#0a84ff}.blue.fill path[stroke]{stroke:#0a84ff}.blue.stroke{color:#0a84ff}.blue.stroke path[fill]{fill:#0a84ff}.blue.stroke path[stroke]{stroke:#0a84ff}.indigo.fill{background:#5e5ce6}.indigo.fill path[fill]{fill:#5e5ce6}.indigo.fill path[stroke]{stroke:#5e5ce6}.indigo.stroke{color:#5e5ce6}.indigo.stroke path[fill]{fill:#5e5ce6}.indigo.stroke path[stroke]{stroke:#5e5ce6}.purple.fill{background:#bf5af2}.purple.fill path[fill]{fill:#bf5af2}.purple.fill path[stroke]{stroke:#bf5af2}.purple.stroke{color:#bf5af2}.purple.stroke path[fill]{fill:#bf5af2}.purple.stroke path[stroke]{stroke:#bf5af2}.pink.fill{background:#fe365e}.pink.fill path[fill]{fill:#fe365e}.pink.fill path[stroke]{stroke:#fe365e}.pink.stroke{color:#fe365e}.pink.stroke path[fill]{fill:#fe365e}.pink.stroke path[stroke]{stroke:#fe365e}.brown.fill{background:#ac8e68}.brown.fill path[fill]{fill:#ac8e68}.brown.fill path[stroke]{stroke:#ac8e68}.brown.stroke{color:#ac8e68}.brown.stroke path[fill]{fill:#ac8e68}.brown.stroke path[stroke]{stroke:#ac8e68}.gray.one.fill{background:#8e8e93}.gray.one.fill path[fill]{fill:#8e8e93}.gray.one.fill path[stroke]{stroke:#8e8e93}.gray.one.stroke{color:#8e8e93}.gray.one.stroke path[fill]{fill:#8e8e93}.gray.one.stroke path[stroke]{stroke:#8e8e93}.gray.two.fill{background:#636366}.gray.two.fill path[fill]{fill:#636366}.gray.two.fill path[stroke]{stroke:#636366}.gray.two.stroke{color:#636366}.gray.two.stroke path[fill]{fill:#636366}.gray.two.stroke path[stroke]{stroke:#636366}.gray.three.fill{background:#48484a}.gray.three.fill path[fill]{fill:#48484a}.gray.three.fill path[stroke]{stroke:#48484a}.gray.three.stroke{color:#48484a}.gray.three.stroke path[fill]{fill:#48484a}.gray.three.stroke path[stroke]{stroke:#48484a}.gray.four.fill{background:#3a3a3c}.gray.four.fill path[fill]{fill:#3a3a3c}.gray.four.fill path[stroke]{stroke:#3a3a3c}.gray.four.stroke{color:#3a3a3c}.gray.four.stroke path[fill]{fill:#3a3a3c}.gray.four.stroke path[stroke]{stroke:#3a3a3c}.gray.five.fill{background:#1c1c1e}.gray.five.fill path[fill]{fill:#1c1c1e}.gray.five.fill path[stroke]{stroke:#1c1c1e}.gray.five.stroke{color:#1c1c1e}.gray.five.stroke path[fill]{fill:#1c1c1e}.gray.five.stroke path[stroke]{stroke:#1c1c1e}.gray.six.fill{background:#1c1c1e}.gray.six.fill path[fill]{fill:#1c1c1e}.gray.six.fill path[stroke]{stroke:#1c1c1e}.gray.six.stroke{color:#1c1c1e}.gray.six.stroke path[fill]{fill:#1c1c1e}.gray.six.stroke path[stroke]{stroke:#1c1c1e}.background.primary.fill{background:#000}.background.primary.fill path[fill]{fill:#000}.background.primary.fill path[stroke]{stroke:#000}.background.primary.stroke{color:#000}.background.primary.stroke path[fill]{fill:#000}.background.primary.stroke path[stroke]{stroke:#000}.background.secondary.fill{background:#1c1c1e}.background.secondary.fill path[fill]{fill:#1c1c1e}.background.secondary.fill path[stroke]{stroke:#1c1c1e}.background.secondary.stroke{color:#1c1c1e}.background.secondary.stroke path[fill]{fill:#1c1c1e}.background.secondary.stroke path[stroke]{stroke:#1c1c1e}.background.tertiary.fill{background:#2c2c2e}.background.tertiary.fill path[fill]{fill:#2c2c2e}.background.tertiary.fill path[stroke]{stroke:#2c2c2e}.background.tertiary.stroke{color:#2c2c2e}.background.tertiary.stroke path[fill]{fill:#2c2c2e}.background.tertiary.stroke path[stroke]{stroke:#2c2c2e}.separator.no-transparency.fill{background:#38383a}.separator.no-transparency.fill path[fill]{fill:#38383a}.separator.no-transparency.fill path[stroke]{stroke:#38383a}.separator.no-transparency.stroke{color:#38383a}.separator.no-transparency.stroke path[fill]{fill:#38383a}.separator.no-transparency.stroke path[stroke]{stroke:#38383a}a{color:#0b84fe}a path[fill]{fill:#0b84fe}a path[stroke]{stroke:#0b84fe}.link.fill{background:#0b84fe}.link.fill path[fill]{fill:#0b84fe}.link.fill path[stroke]{stroke:#0b84fe}.link.stroke{color:#0b84fe}.link.stroke path[fill]{fill:#0b84fe}.link.stroke path[stroke]{stroke:#0b84fe}.label.primary.fill{background:#fff}.label.primary.fill path[fill]{fill:#fff}.label.primary.fill path[stroke]{stroke:#fff}.label.primary.stroke{color:#fff}.label.primary.stroke path[fill]{fill:#fff}.label.primary.stroke path[stroke]{stroke:#fff}.label.secondary.fill{background:rgba(235,235,245,0.6)}.label.secondary.fill path[fill]{fill:rgba(235,235,245,0.6)}.label.secondary.fill path[stroke]{stroke:rgba(235,235,245,0.6)}.label.secondary.stroke{color:rgba(235,235,245,0.6)}.label.secondary.stroke path[fill]{fill:rgba(235,235,245,0.6)}.label.secondary.stroke path[stroke]{stroke:rgba(235,235,245,0.6)}.label.tertiary.fill{background:rgba(235,235,245,0.301961)}.label.tertiary.fill path[fill]{fill:rgba(235,235,245,0.301961)}.label.tertiary.fill path[stroke]{stroke:rgba(235,235,245,0.301961)}.label.tertiary.stroke{color:rgba(235,235,245,0.301961)}.label.tertiary.stroke path[fill]{fill:rgba(235,235,245,0.301961)}.label.tertiary.stroke path[stroke]{stroke:rgba(235,235,245,0.301961)}.label.quaternary.fill{background:rgba(235,235,245,0.180392)}.label.quaternary.fill path[fill]{fill:rgba(235,235,245,0.180392)}.label.quaternary.fill path[stroke]{stroke:rgba(235,235,245,0.180392)}.label.quaternary.stroke{color:rgba(235,235,245,0.180392)}.label.quaternary.stroke path[fill]{fill:rgba(235,235,245,0.180392)}.label.quaternary.stroke path[stroke]{stroke:rgba(235,235,245,0.180392)}.hero-image{content:url("https://uploads-ssl.webflow.com/63750ed78a7acf5e65a331a3/6380a6c8bd14026d66ad70c8_Hero%20Image-dark.png")}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment