/** Shopify CDN: Minification failed

Line 330:2 Unexpected "{"
Line 331:2 Expected identifier but found "%"

**/
[data-swatch]::before {
  background-color: rgba(var(--text-color) / 0.08);
}

/* English colors */
[data-swatch="black"]:before {
  background-color: #000000
}

[data-swatch="white"]:before {
  background-color: #ffffff
}

[data-swatch="royal blue"]:before {
  background-color: #4169e1
}

/* Spanish color names - Colombia store */
[data-swatch="negro"]:before {
  background-color: #000000
}

[data-swatch="blanco"]:before {
  background-color: #ffffff
}

[data-swatch="rojo"]:before {
  background-color: #c60c20
}

[data-swatch="azul"]:before {
  background-color: #003893
}

[data-swatch="azul marino"]:before {
  background-color: #001f5b
}

[data-swatch="azul claro"]:before {
  background-color: #add8e6
}

[data-swatch="azul rey"]:before {
  background-color: #4169e1
}

[data-swatch="verde"]:before {
  background-color: #228b22
}

[data-swatch="verde oliva"]:before {
  background-color: #556b2f
}

[data-swatch="verde militar"]:before {
  background-color: #41472f
}

[data-swatch="verde bosque"]:before {
  background-color: #228b22
}

[data-swatch="verde esmeralda"]:before {
  background-color: #50c878
}

[data-swatch="verde menta"]:before {
  background-color: #98ff98
}

[data-swatch="verde lima"]:before {
  background-color: #32cd32
}

[data-swatch="verde oscuro"]:before {
  background-color: #013220
}

[data-swatch="amarillo"]:before {
  background-color: #fcd116
}

[data-swatch="dorado"]:before {
  background-color: #d4a017
}

[data-swatch="mostaza"]:before {
  background-color: #d18a2b
}

[data-swatch="naranja"]:before {
  background-color: #ff8c00
}

[data-swatch="rosado"]:before {
  background-color: #ff69b4
}

[data-swatch="morado"]:before {
  background-color: #800080
}

[data-swatch="gris"]:before {
  background-color: #808080
}

[data-swatch="gris claro"]:before {
  background-color: #c6c3c0
}

[data-swatch="gris oscuro"]:before {
  background-color: #505052
}

[data-swatch="café"]:before {
  background-color: #6f4e37
}

[data-swatch="marrón"]:before {
  background-color: #8b4513
}

[data-swatch="beige"]:before {
  background-color: #f5f5dc
}

[data-swatch="crema"]:before {
  background-color: #fffdd0
}

[data-swatch="arena"]:before {
  background-color: #d3c5b2
}

[data-swatch="vino"]:before {
  background-color: #722f37
}

[data-swatch="vinotinto"]:before {
  background-color: #722f37
}

[data-swatch="rojo vino"]:before {
  background-color: #722f37
}

[data-swatch="rojo oscuro"]:before {
  background-color: #8b0000
}

[data-swatch="borgoña"]:before {
  background-color: #800020
}

[data-swatch="coral"]:before {
  background-color: #ff7f50
}

[data-swatch="turquesa"]:before {
  background-color: #40e0d0
}

[data-swatch="celeste"]:before {
  background-color: #87ceeb
}

[data-swatch="azul cielo"]:before {
  background-color: #87ceeb
}

[data-swatch="azul petróleo"]:before {
  background-color: #006d6f
}

[data-swatch="azul cobalto"]:before {
  background-color: #0047ab
}

[data-swatch="azul turquí"]:before {
  background-color: #1c1c5e
}

[data-swatch="caqui"]:before {
  background-color: #ceb59d
}

[data-swatch="khaki"]:before {
  background-color: #ceb59d
}

[data-swatch="militar"]:before {
  background-color: #41472f
}

[data-swatch="carbón"]:before {
  background-color: #36454f
}

[data-swatch="hueso"]:before {
  background-color: #e3dac9
}

[data-swatch="marfil"]:before {
  background-color: #f4f1ec
}

[data-swatch="perla"]:before {
  background-color: #eae0c8
}

[data-swatch="plata"]:before {
  background-color: #c0c0c0
}

[data-swatch="grafito"]:before {
  background-color: #383838
}

[data-swatch="antracita"]:before {
  background-color: #293133
}

[data-swatch="piedra"]:before {
  background-color: #928e85
}

[data-swatch="terracota"]:before {
  background-color: #e2725b
}

[data-swatch="salmón"]:before {
  background-color: #fa8072
}

[data-swatch="lavanda"]:before {
  background-color: #e6e6fa
}

[data-swatch="lila"]:before {
  background-color: #c8a2c8
}

[data-swatch="fucsia"]:before {
  background-color: #ff00ff
}

[data-swatch="magenta"]:before {
  background-color: #ff0090
}

[data-swatch="chocolate"]:before {
  background-color: #7b3f00
}

[data-swatch="caramelo"]:before {
  background-color: #ffd59a
}

[data-swatch="ocre"]:before {
  background-color: #cc7722
}

[data-swatch="cacao"]:before {
  background-color: #a3927c
}

/* Acid wash colors - flat swatches */
[data-swatch="negro acido"]:before {
  background-color: #222222
}

[data-swatch="negro ácido"]:before {
  background-color: #222222
}

[data-swatch="gris acido"]:before {
  background-color: #6a6a6a
}

[data-swatch="gris ácido"]:before {
  background-color: #6a6a6a
}

[data-swatch="blanco acido"]:before {
  background-color: #d8d8d8
}

[data-swatch="blanco ácido"]:before {
  background-color: #d8d8d8
}

[data-swatch="azul acido"]:before {
  background-color: #1e4570
}

[data-swatch="azul ácido"]:before {
  background-color: #1e4570
}

[data-swatch="verde acido"]:before {
  background-color: #6f9b99
}

[data-swatch="verde ácido"]:before {
  background-color: #6f9b99
}

[data-swatch="verde militar acido"]:before {
  background-color: #6f9b99
}

[data-swatch="verde militar ácido"]:before {
  background-color: #6f9b99
}

[data-swatch="rojo acido"]:before {
  background-color: #701e1e
}

[data-swatch="rojo ácido"]:before {
  background-color: #701e1e
}

  {
  % liquid assign swatch_lines=settings.swatch_colors | newline_to_br | strip_newlines | split: '<br />'
  for line in swatch_lines assign line_split=line | split: ':'
  assign attr_val=line_split.first | replace: '"',
  '' | downcase if line_split.last contains '#'
  assign color_split=line_split.last | split: '#'
  if color_split.size==2 echo '[data-swatch="' | append: attr_val | append: '"]:before { background-color:' | append: line_split.last | append: '}'
    else assign bg_img='linear-gradient(to bottom right, #' | append: color_split[1] | append: ', '
    if color_split.size==3 assign bg_img=bg_img | append: '#' | append: color_split[1] | append: ' 50%, #' | append: color_split[2] | append: ' 50%, '
    elsif color_split.size >=4 assign bg_img=bg_img | append: '#' | append: color_split[1] | append: ' 33.3%, #' | append: color_split[2] | append: ' 33.3%, '
    assign bg_img=bg_img | append: '#' | append: color_split[2] | append: ' 66.6%, #' | append: color_split[3] | append: ' 66.6%, '
    endif assign bg_img=bg_img | append: '#' | append: color_split.last | append: ')'
    echo '[data-swatch="' | append: attr_val | append: '"]:before { background-image: ' | append: bg_img | append: ' }'
    endif else assign url=line_split.last | strip | file_img_url: '250x250'
    echo '[data-swatch="' | append: attr_val | append: '"]:before { background-image: url(' | append: url | append: ') }'
    endif endfor %
}