/** Shopify CDN: Minification failed

Line 8:0 Unexpected "<"
Line 26:0 Unexpected "<"
Line 29:2 Comments in CSS use "/* ... */" instead of "//"

**/
<style>
  /* 1) Block the sprite during initial render */
  .country-flags{ background:none !important; }

  /* 2) When we re-enable, apply the exact original backgrounds */
  .country-flags.flags-ready{
    background: -webkit-image-set(
      url("//www.resell-lausanne.ch/cdn/shop/t/24/assets/country-flags.png?v=37230036826556269641763211578") 1x,
      url("//www.resell-lausanne.ch/cdn/shop/t/24/assets/country-flags-2x.png?2751") 2x
    ) no-repeat top left !important;
    background: image-set(
      url("//www.resell-lausanne.ch/cdn/shop/t/24/assets/country-flags.png?v=37230036826556269641763211578") 1x,
      url("//www.resell-lausanne.ch/cdn/shop/t/24/assets/country-flags-2x.png?2751") 2x
    ) no-repeat top left !important;
  }

  /* keep the size/shadow so layout doesn’t shift */
  .country-flags{ width:20px; height:20px; flex-shrink:0; filter:drop-shadow(0 2px 3px rgb(0 0 0 / .1)); }
</style>

<script>
  // Re-enable flags after full page load so the sprite no longer competes with LCP
  addEventListener('load', function () {
    document.querySelectorAll('.country-flags').forEach(function(el){
      el.classList.add('flags-ready');
    });
  });
</script>

.country-flags--CH {
  background-position: -84px -126px;
}