/** Shopify CDN: Minification failed

Line 40:0 Unexpected "{"
Line 40:1 Expected identifier but found "%"
Line 41:0 Unexpected "<"
Line 50:1 Expected identifier but found "%"

**/
:root {
  --salted-blue: #C4DFED;
  --salted-brown: #502A20;
  --salted-cream: #FFF8E7;
  --salted-yellow: #F5F78A;
}

.salted-sale-section {
  background: var(--salted-cream);
  color: var(--salted-brown);
}
.ugc-circle-wrapper {
  margin: 24px 0;
}

.ugc-circle-trigger {
  width: 80px;
  height: 80px;
  border-radius: 999px;
  overflow: hidden;
  border: 3px solid #9bbcff;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

.ugc-circle-trigger video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
{% if ugc_video %}
<div class="ugc-video-modal" id="ugcModal">
  <div class="ugc-video-overlay"></div>

  <div class="ugc-video-content">
    <video controls playsinline>
      <source src="{{ ugc_video | file_url }}" type="video/mp4">
    </video>
  </div>
</div>
{% endif %}