/** Shopify CDN: Minification failed

Line 35:18 Unexpected "{"
Line 35:27 Expected ":"
Line 40:19 Unexpected "{"
Line 40:28 Expected ":"
Line 48:18 Unexpected "{"
Line 48:27 Expected ":"
Line 55:18 Unexpected "{"
Line 55:27 Expected ":"
Line 70:18 Unexpected "{"
Line 70:27 Expected ":"
... and 46 more hidden warnings

**/

#bundleRequiredInput {
  display: none;
  color: var(--product-sale-price-color);
  font-weight: bold;
}
#bundleRequiredInput.show_and_hightlight {
  display: block;
  animation: blink 2s;
}
@keyframes blink {
  0% { opacity: 0.6 }
  20% { opacity: 1 }
  40% { opacity: 0.6 }
  60% { opacity: 1 }
  80% { opacity: 0.6 }
  100% { opacity: 1 }
}

#shopify-section-{{ section.id }} .bundlesizeswatch, .bundlecolorlist {
  display: flex;
  list-style-type: none;
}

 #shopify-section-{{ section.id }} .bundlesizeswatch, .bundlecolorlist {
display: flex;
    list-style-type: none;
    margin-top: 4px;
    margin-inline-start: 0em !important;
}
      
/* Hide the radio button */
#shopify-section-{{ section.id }} .ColorSwatch__Radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Default Swatch Styling */
#shopify-section-{{ section.id }} .ColorSwatch {
  border: 2px solid transparent;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: opacity 0.2s ease-in-out, border-color 0.2s ease-in-out;
  padding: 12px;
  background: white;
  box-sizing: border-box;
}

#shopify-section-{{ section.id }} .ColorSwatch__Radio:checked + .ColorSwatch {
   position: relative;           
    outline: 1px solid black;      
    outline-offset: 1px;          
    box-sizing: border-box;
}

/* Original SizeSwatch border should be light grey */
#shopify-section-{{ section.id }} .SizeSwatch {
    box-sizing: border-box;
}

/* When SizeSwatch is checked */
#shopify-section-{{ section.id }} .SizeSwatch__Radio:checked + .SizeSwatch {
    position: relative;           
    outline: 1px solid black;      
    outline-offset: 1px;          
    box-sizing: border-box;
}

/* Adjust spacing between swatches */
#shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
  margin-right: 10px;
  margin-bottom: 10px;
}


/* Available Color Swatch */
#shopify-section-{{ section.id }} .available-color .ColorSwatch {
  opacity: 1;
  border: 1px solid transparent;
}


/* Unavailable Color Swatch */
#shopify-section-{{ section.id }} .not-available-color .ColorSwatch {
  opacity: 0.4;
  border: 2px solid red;
  cursor: not-allowed;
  pointer-events: none;
}

#shopify-section-{{ section.id }} .HorizontalList__Item .ColorSwatch::after {
   content: attr(data-tooltip);
   position: absolute;
   bottom: 35px;
   left: -10%;
   background-color: white;
   color: grey;
   padding-left: 15px;
   padding-right: 15px;
   border: 1px solid lightgrey;
   font-size: 13px;
   width: auto;
   display: none; /* Hide the tooltip by default */
   pointer-events: none; /* Prevent clicks on the tooltip */
}

#shopify-section-{{ section.id }} .HorizontalList__Item:hover .ColorSwatch::after {
   display: block; /* Show the tooltip only on hover */
}



/* Adjust spacing between swatches */
#shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative; /* Ensure that the tooltip is positioned correctly */
}


  
/* Hide the radio buttons */
#shopify-section-{{ section.id }} .SizeSwatch__Radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Size Swatch Styling */
#shopify-section-{{ section.id }} .SizeSwatchList {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#shopify-section-{{ section.id }} .SizeSwatch {
  display: inline-block;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border: 1px solid lightgray;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  opacity: 1;
  transition: border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

#shopify-section-{{ section.id }} .available-color .SizeSwatch {
  border-color: lightgray;
}

#shopify-section-{{ section.id }} .available-color .SizeSwatch:hover {
  border-color: gray;
}

#shopify-section-{{ section.id }} .not-available-color .SizeSwatch {
  opacity: 0.4;
  border: 2px solid red;
  cursor: not-allowed;
  pointer-events: none;
}

/* Adjust size swatch layout - after 4 elements it wraps to the next line */
#shopify-section-{{ section.id }} .SizeSwatchList .HorizontalList__Item {
  flex: 1 1 calc(25% - 30px); /* Adjust to ensure 4 items per row */
  max-width: calc(33% - 23px); /* Adjust to ensure 4 items per row */
  margin-right: 5px;
  margin-bottom: 5px;
}

/* Adjust color swatch layout - after 4 elements it wraps to the next line */
#shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
  flex: 1 1 calc(25% - 20px); /* Adjust to ensure 4 items per row */
  max-width: calc(28% - 30px); /* Ensure 4 items per row */
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative; /* Ensure that the tooltip is positioned correctly */
}

@media (min-width: 1000px) and (max-width: 1200px) {
  #shopify-section-{{ section.id }} .SizeSwatchList .HorizontalList__Item {
            flex: 1 1 calc(25% - 10px);
        max-width: calc(31% - 10px);
        transform: scale(.85);
  }

   #shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
            flex: 1 1 calc(25% - 10px);
        max-width: calc(30% - 10px);
        transform: scale(.9);
  }
}

@media (min-width: 601px) and (max-width: 999px) {
  #shopify-section-{{ section.id }} .SizeSwatchList .HorizontalList__Item {
            flex: 1 1 calc(25% - 10px);
        max-width: calc(11% - 10px);
        transform: scale(.85);
  }

   #shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
            flex: 1 1 calc(25% - 10px);
        max-width: calc(7% - 10px);
        transform: scale(.9);
  }
}

@media (max-width: 600px) {
  #shopify-section-{{ section.id }} .SizeSwatchList .HorizontalList__Item {
            flex: 1 1 calc(50% - 10px);
        max-width: calc(33% - 3px);
        transform: scale(.85);
  }

   #shopify-section-{{ section.id }} .ColorSwatchList.bundlecolorlist .HorizontalList__Item {
            flex: 1 1 calc(50% - 10px);
        max-width: calc(29% - 12px);
        transform: scale(.9);
  }
}

#shopify-section-{{ section.id }} .bundlecolorlist{
display: flex;
    list-style-type: none;
    margin-top: 4px;
    margin-inline-start: 0em !important;
    flex-wrap: wrap;}


.u-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}