/** Shopify CDN: Minification failed

Line 26:38 Unexpected "/"

**/
.banner-highlights { background: none; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; pointer-events: none; }
.banner-highlight { position: absolute; top: var(--position-y); left: var(--position-x);  }
.item-highlight { border: 1px solid var(--scheme-borders-color); padding: .25em; border-radius: 100%; width: 3em; height: 3em; display: flex; align-items: center; justify-content: center; }
.item-highlight.active { -webkit-animation: flash linear 1s infinite; animation: flash linear 1s infinite; }
.item-highlight .btn-highlight { pointer-events: all; background: var(--scheme-highlights); color: var(--scheme-text-color); border-radius: 100%; text-transform: uppercase; width: 100%; height: 100%; }

.banner-highlight.mode-floating { position: relative; }
.banner-highlight.mode-floating .item-highlight { padding: .15em; width: 1.5em; height: 1.5em; }
.banner-highlight.mode-floating .highlight-content { display: none; position: absolute; width: var(--highlight-floating-width); top: 2em; left: 0; transform: translateX(-100%); background: color-mix(in srgb, var(--scheme-background-gradient) 100%, #00000000 25%); color: var(--scheme-text-color); border-radius: var(--highlight-border-radius); padding: 1em; }
.banner-highlight.mode-floating.active .highlight-content { display: block; }
.banner-highlight.mode-floating.active .btn-highlight { background: var(--scheme-text-color);}
.banner-highlight.mode-floating .highlight-content .title { font-weight: bold; margin-bottom: .5em; }

.highlight-tags { margin-top: 1em; }
.highlight-tags .highlight-tag { display: inline-block; font-size: 75%; padding: .15em .35em; border: 1px solid var(--scheme-text-color); margin: 0 .25em .25em 0; text-transform: uppercase; border-radius: .25em; }

@media all and (max-width: 38em) {
	.banner-highlight.mode-floating .highlight-content { transform: translateX(0); margin-left: calc(calc(var(--position-x) * -1) + 1em); }
}

* Flash class and keyframe animation */
.flashit {
  color:#f2f;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}