/* Spektrum 300 — force visible swatches v3 */
.bolix-spectrum .bolix-spectrum__swatch{
  background-color:var(--swatch,#ececec)!important;
  background-image:none!important;
  min-height:106px!important;
}
.bolix-spectrum .bolix-spectrum__swatch-color{
  display:block!important;
  height:68px!important;
  min-height:68px!important;
  background-color:var(--swatch,#ececec)!important;
  background-image:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.bolix-spectrum .bolix-spectrum__swatch-code{
  display:block!important;
  position:relative!important;
  z-index:3!important;
  padding:10px 8px 11px!important;
  background:rgba(255,255,255,.86)!important;
  color:#202327!important;
  backdrop-filter:blur(2px)!important;
}
.bolix-spectrum .bolix-spectrum__swatch:hover .bolix-spectrum__swatch-code,
.bolix-spectrum .bolix-spectrum__swatch.is-selected .bolix-spectrum__swatch-code{
  background:rgba(255,255,255,.94)!important;
}
@media(max-width:760px){
  .bolix-spectrum .bolix-spectrum__swatch{min-height:88px!important}
  .bolix-spectrum .bolix-spectrum__swatch-color{height:54px!important;min-height:54px!important}
}