/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 98:0 Unexpected "<"

**/
<style>
/* Reset some default styles */
* {
  margin: 0;
  padding: 0;
}
/* Set a base font size and family */
body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}
/* Add some styling for the story-bubbles */
.story-bubbles {
  overflow: hidden;
}
.bubbles {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  width: auto;
  padding: 5px; /* Add some padding between bubbles */
}
.bubbles::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Webkit browsers (Chrome, Safari, etc.) */
}
.bubble {
  flex: 0 0 auto;
  margin-right: 0;
  text-align: center;
  width: 10%;
}
.thumb {
  margin: 0;
}
.bubble img {
  max-width: 100%;
  height: auto;
}
.st-header {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.close-icon a {
  text-decoration: none;
  color: #333;
}
/* Style the slider */
.swiper-container {
  width: 100%;
  padding: 20px;
}
.swiper-slide {
  position: relative;
}
.item {
  text-align: center;
}
.item img {
  max-width: 80%;
  height: auto;
}
/* Responsive styles for mobile devices */
@media (max-width: 767px) {
  .story-bubbles {
    min-height: 100px; /* Adjust the minimum height for mobile */
    max-height: 200px; /* Adjust the maximum height for mobile */
  }
  .bubbles {
    width: 100%; /* Full width for mobile */
    justify-content: space-between; /* Distribute items evenly */
    padding: 5px; /* Add padding between items */
  }
  .bubble {
  flex: 0 0 22.22%; /* Adjust width for 6 items */
  margin-right: 0; /* No right margin for the last item */
}
}

@media (min-width: 768px) {

  .bubble {
  flex: 0 0 15.38%; /* Adjust width for 6 items */
  margin-right: 0; /* No right margin for the last item */
}
}




/* Customize other elements as needed */
</style>