/* Spektrum 300 fullscreen viewer + reliable swatch rendering v2 */
.bolix-spectrum__swatch-color{display:block!important;height:68px!important;background-image:none!important;background-color:transparent}

.bolix-spectrum__fullscreen[hidden]{display:none!important}
.bolix-spectrum__fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100dvh!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
  isolation:isolate!important;
}
.bolix-spectrum__fullscreen.is-open{opacity:1!important}
.bolix-spectrum__fullscreen-code{
  position:relative!important;
  z-index:2!important;
  padding:20px 30px!important;
  font-size:clamp(42px,5vw,74px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6),0 2px 5px rgba(0,0,0,.22)!important;
  user-select:none!important;
}
.bolix-spectrum__fullscreen-close{
  position:absolute!important;
  z-index:3!important;
  top:clamp(22px,3vw,46px)!important;
  right:clamp(22px,3vw,46px)!important;
  width:66px!important;
  height:66px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:300 54px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  backdrop-filter:blur(6px)!important;
  transition:transform .18s ease,background .18s ease!important;
}
.bolix-spectrum__fullscreen-close:hover{transform:rotate(4deg) scale(1.04)!important;background:rgba(255,255,255,.16)!important}
body.bolix-spectrum-color-open{overflow:hidden!important}
body.bolix-spectrum-color-open .bolix-header,
body.bolix-spectrum-color-open .bolix-nav-bar{pointer-events:none}

@media(max-width:760px){
  .bolix-spectrum__swatch-color{height:54px!important}
  .bolix-spectrum__fullscreen-close{top:18px!important;right:18px!important;width:54px!important;height:54px!important;font-size:44px!important}
  .bolix-spectrum__fullscreen-code{font-size:42px!important;padding:16px 20px!important}
}