/** Shopify CDN: Minification failed

Line 182:34 Expected ":"

**/
/* swatch lives in its own file for reusability of the swatch in swatch-input and dropdown */
.swatch {
  --swatch--size: var(--swatch-input--size, 4.4rem);
  --swatch--border-radius: var(--swatch-input--border-radius, 50%);

  display: block;
  width: var(--swatch--size);
  max-width: 100%;
  aspect-ratio: 1 / 1;
  background: var(--swatch--background);
  background-position: var(--swatch-focal-point, initial);
  background-size: cover;
  background-origin: border-box;
  border: 0.1rem solid rgba(var(--color-foreground), 0.15);
  border-radius: var(--swatch--border-radius);
}

.swatch--square {
  --swatch--border-radius: var(--swatch-input--border-radius, 0.2rem);
}

.swatch--unavailable {
  border-style: dashed;
  border-color: rgba(var(--color-foreground), 0.5);
}
/* ==== ONLY COLOR SWATCHES ROUND, SIZE STAYS NORMAL ==== */

/* ainult värvivaliku fieldset */
.product-form__input--pill input[name*='Color'] + label,
.product-form__input--pill input[name*='color'] + label {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  overflow: hidden !important;
  border: 1px solid #d8d8d8 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.product-form__input--pill input[name*='Color'] + label:hover,
.product-form__input--pill input[name*='color'] + label:hover {
  transform: scale(1.08);
}

.product-form__input--pill input[name*='Color']:checked + label,
.product-form__input--pill input[name*='color']:checked + label {
  box-shadow: 0 0 0 2px #2f2f2f !important;
}

/* spacing ainult värvidele */
.product-form__input--pill input[name*='Color'] + label,
.product-form__input--pill input[name*='color'] + label {
  margin-right: 10px !important;
  margin-bottom: 8px !important;
}

/* sold out ainult värvidele */
.product-form__input--pill input[name*='Color'].disabled + label,
.product-form__input--pill input[name*='color'].disabled + label,
.product-form__input--pill input[name*='Color']:disabled + label,
.product-form__input--pill input[name*='color']:disabled + label {
  opacity: 0.4 !important;
}

/* ==== COLOR MAP ==== */

.product-form__input--pill input[name*='Color'][value*='Black'] + label,
.product-form__input--pill input[name*='color'][value*='Black'] + label { background:#2f2f2f !important; }

.product-form__input--pill input[name*='Color'][value*='White'] + label,
.product-form__input--pill input[name*='color'][value*='White'] + label { background:#f3f1eb !important; border-color:#d8d4cb !important; }

.product-form__input--pill input[name*='Color'][value*='Grey'] + label,
.product-form__input--pill input[name*='Color'][value*='Gray'] + label,
.product-form__input--pill input[name*='color'][value*='Grey'] + label,
.product-form__input--pill input[name*='color'][value*='Gray'] + label { background:#9a9a9a !important; }

.product-form__input--pill input[name*='Color'][value*='Red'] + label,
.product-form__input--pill input[name*='color'][value*='Red'] + label { background:#b84b4b !important; }

.product-form__input--pill input[name*='Color'][value*='Wine'] + label,
.product-form__input--pill input[name*='color'][value*='Wine'] + label { background:#7a3e46 !important; }

.product-form__input--pill input[name*='Color'][value*='Burgundy'] + label,
.product-form__input--pill input[name*='color'][value*='Burgundy'] + label { background:#6a2e3b !important; }

.product-form__input--pill input[name*='Color'][value*='Pink'] + label,
.product-form__input--pill input[name*='color'][value*='Pink'] + label { background:#d9a6b2 !important; }

.product-form__input--pill input[name*='Color'][value*='Rose'] + label,
.product-form__input--pill input[name*='color'][value*='Rose'] + label { background:#e4b6c1 !important; }

.product-form__input--pill input[name*='Color'][value*='Purple'] + label,
.product-form__input--pill input[name*='color'][value*='Purple'] + label { background:#a48fbf !important; }

.product-form__input--pill input[name*='Color'][value*='Lilac'] + label,
.product-form__input--pill input[name*='color'][value*='Lilac'] + label { background:#b8a4c9 !important; }

.product-form__input--pill input[name*='Color'][value*='Blue'] + label,
.product-form__input--pill input[name*='color'][value*='Blue'] + label { background:#6f89a6 !important; }

.product-form__input--pill input[name*='Color'][value*='Navy'] + label,
.product-form__input--pill input[name*='color'][value*='Navy'] + label { background:#4f6484 !important; }

.product-form__input--pill input[name*='Color'][value*='Sky'] + label,
.product-form__input--pill input[name*='color'][value*='Sky'] + label { background:#9fc3e6 !important; }

.product-form__input--pill input[name*='Color'][value*='Misty Blue'] + label,
.product-form__input--pill input[name*='color'][value*='Misty Blue'] + label { background:#9aa8bc !important; }

.product-form__input--pill input[name*='Color'][value*='Green'] + label,
.product-form__input--pill input[name*='color'][value*='Green'] + label { background:#7a8472 !important; }

.product-form__input--pill input[name*='Color'][value*='Olive'] + label,
.product-form__input--pill input[name*='color'][value*='Olive'] + label { background:#6d734f !important; }

.product-form__input--pill input[name*='Color'][value*='Moss'] + label,
.product-form__input--pill input[name*='color'][value*='Moss'] + label { background:#7a8472 !important; }

.product-form__input--pill input[name*='Color'][value*='Mint'] + label,
.product-form__input--pill input[name*='color'][value*='Mint'] + label { background:#b9d7c3 !important; }

.product-form__input--pill input[name*='Color'][value*='Brown'] + label,
.product-form__input--pill input[name*='color'][value*='Brown'] + label { background:#7a5a43 !important; }

.product-form__input--pill input[name*='Color'][value*='Chocolate'] + label,
.product-form__input--pill input[name*='color'][value*='Chocolate'] + label { background:#5a3a2a !important; }

.product-form__input--pill input[name*='Color'][value*='Beige'] + label,
.product-form__input--pill input[name*='color'][value*='Beige'] + label { background:#d8c7a3 !important; }

.product-form__input--pill input[name*='Color'][value*='Cream'] + label,
.product-form__input--pill input[name*='color'][value*='Cream'] + label { background:#f3eadb !important; }

.product-form__input--pill input[name*='Color'][value*='Ivory'] + label,
.product-form__input--pill input[name*='color'][value*='Ivory'] + label { background:#f7f3ea !important; }

.product-form__input--pill input[name*='Color'][value*='Sand'] + label,
.product-form__input--pill input[name*='color'][value*='Sand'] + label { background:#e2d2b6 !important; }

.product-form__input--pill input[name*='Color'][value*='Khaki'] + label,
.product-form__input--pill input[name*='color'][value*='Khaki'] + label { background:#b9a97d !important; }

.product-form__input--pill input[name*='Color'][value*='Orange'] + label,
.product-form__input--pill input[name*='color'][value*='Orange'] + label { background:#e58c6c !important; }

.product-form__input--pill input[name*='Color'][value*='Peach'] + label,
.product-form__input--pill input[name*='color'][value*='Peach'] + label { background:#f1b199 !important; }

.product-form__input--pill input[name*='Color'][value*='Sherbet'] + label,
.product-form__input--pill input[name*='color'][value*='Sherbet'] + label { background:#f09a7a !important; }

.product-form__input--pill input[name*='Color'][value*='Yellow'] + label,
.product-form__input--pill input[name*='color'][value*='Yellow'] + label { background:#e6d27a !important; }

.product-form__input--pill input[name*='Color'][value*='Tan'] + label,
.product-form__input--pill input[name*='color'][value*='Tan'] + label { background:#c19a6b !important; }

.product-form__input--pill input[name*='Color'][value*='Gold'] + label,
.product-form__input--pill input[name*='color'][value*='Gold'] + label { background:#d4af37 !important; }

.product-form__input--pill input[name*='Color'][value*='Silver'] + label,
.product-form__input--pill input[name*='color'][value*='Silver'] + label { background:#c0c0c0 !important; }
/* tooltip värvi nime jaoks */
.product-form__input--pill input[name*='Color'] + label,
.product-form__input--pill input[name*='color'] + label {
  position: relative !important;¨
  
}
/* Champagne Color swatch */
.product-form__input--pill input[name*='Color'][value='Champagne Color'] + label,
.product-form__input--pill input[name*='color'][value='Champagne Color'] + label {
  background: #F7E4C1 !important;
  background-image: none !important;
}
/* === Pale Blush === */
.product-form__input--pill input[value='Pale Blush'] + label,
.product-form__input--pill input[value='Pale Blush Color'] + label,
label[title='Pale Blush'],
label[title='Pale Blush Color'] {
  background: #EAC4C8 !important;
  background-image: none !important;
}

/* === Mocha === */
.product-form__input--pill input[value='Mocha'] + label,
.product-form__input--pill input[value='Mocha Color'] + label,
label[title='Mocha'],
label[title='Mocha Color'] {
  background: #6F4E37 !important;
  background-image: none !important;
}
/* === Teal === */
.product-form__input--pill input[value='Teal'] + label,
.product-form__input--pill input[value='Teal Color'] + label,
label[title='Teal'],
label[title='Teal Color'] {
  background: #2BBBAD !important;
  background-image: none !important;
}

/* === Coral === */
.product-form__input--pill input[value='Coral'] + label,
.product-form__input--pill input[value='Coral Color'] + label,
label[title='Coral'],
label[title='Coral Color'] {
  background: #FF7F6A !important;
  background-image: none !important;
}
/* tooltip tekst input value põhjal */
.product-form__input--pill input[name*='Color'] + label::after,
.product-form__input--pill input[name*='color'] + label::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  background: #2f2f2f;
  color: #fff;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 6px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-indent: 0 !important;
  z-index: 20;
}

/* näita hoveril */
.product-form__input--pill input[name*='Color'] + label:hover::after,
.product-form__input--pill input[name*='color'] + label:hover::after {
  opacity: 1;
  visibility: visible;
}
/* Hover efekt */
.product-form__input--pill label:hover {
  transform: scale(1.1);
  transition: 0.2s;
}

/* Selected */
.product-form__input--pill input:checked + label {
  border: 2px solid #222 !important;
}