/* Dream Steps — pages/development-shopify-development.css
 * Page-specific rules for development/shopify-development.html.
 */

.wd-art-sf-storefront {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-sf-storefront svg {
  width: 50px; height: 50px; color: var(--ink); opacity: .82
}
.wd-art-sf-storefront svg:nth-child(1) {
  color: var(--ink)
}
.wd-art-sf-storefront svg:nth-child(2) {
  color: var(--orange); opacity: .9
}
.wd-art-sf-storefront svg:nth-child(3) {
  color: var(--ink); opacity: .7
}
.wd-art-sf-plus {
  background: linear-gradient(160deg, #15151B 0%, #0B0B0E 100%)
}
.wd-art-sf-plus svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-sf-plus svg:nth-child(1) {
  color: var(--orange)
}
.wd-art-sf-headless {
  background: linear-gradient(135deg, #F7F4EE 0%, #E8E3D8 100%)
}
.wd-art-sf-headless svg {
  width: 52px; height: 52px; color: var(--ink); opacity: .85
}
.wd-art-sf-headless svg:nth-child(2) {
  color: var(--orange); opacity: .95
}
.wd-art-sf-apps {
  background: linear-gradient(135deg, #EFEADD 0%, #E0D8C5 100%)
}
.wd-art-sf-apps svg {
  width: 48px; height: 48px; color: var(--ink); opacity: .85
}
.wd-art-sf-apps svg:nth-child(2) {
  color: var(--orange)
}
.wd-art-sf-subs {
  background: linear-gradient(160deg, #0B0B0E 0%, #15151B 100%)
}
.wd-art-sf-subs svg {
  width: 50px; height: 50px; color: rgba(255,255,255,.85)
}
.wd-art-sf-subs svg:nth-child(3) {
  color: var(--orange)
}
.wd-art-sf-multi {
  background: linear-gradient(135deg, #F7F4EE 0%, #EFEADD 100%)
}
.wd-art-sf-multi svg {
  width: 52px; height: 52px; color: var(--ink); opacity: .85
}
.wd-art-sf-multi svg:nth-child(1) {
  color: var(--orange)
}