/** Shopify CDN: Minification failed

Line 205:42 Unexpected "]"
Line 205:44 Expected "]" to go with "["

**/
@media (min-width:768px){
  .t4s-product__media-wrwapper{
    position:sticky;
    top:85px;
    align-self:flex-start;
  }  
}
.custom_product_thumbnails {
    border-radius: 5px;
    overflow: hidden;
}
.custom_variant{
    margin-bottom: 10px;
    background-color: #333;
    padding: 10px;
    border-radius: 5px;
}
/* .variant_selected_title_box, */
.variant_title_and_remove_btn_box{
  margin:5px;
}
.variant_list_box{
  display:flex;
  flex-wrap:wrap;
}
.variant_box{
  width: 55px;
  height: auto;
  aspect-ratio: var(--background-image-ratio);
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  font-size:0px;
  border-radius:3px;
  margin: 5px;
  cursor: pointer;
  border: 1px solid var(--border-sw-color);
  transition: color .25s ease,background-color .25s ease,border-color .15s ease,box-shadow .25s ease,opacity .25s ease;
}

.variant_box:hover{
  border-color: var(--primary-sw-color);
}
.variant_box.is_selected{
  border-color: var(--primary-sw-color);
  border-width: 2px;
}
.variant_selected_title{
  font-weight:bold;
}
.custom_variant .removeSelectedRow{ 
  --btn-color:white;
  --btn-background: #FF0000;
  --btn-background-hover: black;
  padding: 5px !important;
  min-height:24px;
  min-width:24px;
}

.addRemoveBtn_Box{
  display:flex;
  margin-bottom:10px;
}
.addRemoveBtn_Box button{
  --padding-btn:10px;
}
.t4s-product-form__submit{
  --padding-btn: 5px 25px;
  --btn-height:40px;
}
.atc_note{
  font-size:12px;
  font-style:italic;
  width:100%;
  text-align:center;
  opacity:0.8;
}

/* Customizer Page */
.customizer_product_thumbnails_wrapper{
  position:relative;
  background-color:white;
  background-repeat: no-repeat;
    background-size: 100% 100%;
  width:100%;
  aspect-ratio: 1;
  border-radius: 5px;
  overflow: hidden;
}
.customizer_product_thumbnails_wrapper img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  object-fit:cover;
  object-position: center;
}
.customizer_box{
  background-color: #333;
  border-radius: 5px;
}
.customizer_stage_step{
  display:flex;
  justify-content:center;
  align-items: center;
  gap:20px;    
  padding: 20px 10px 10px;
}
.customizer_stage_step .stage_step{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  min-width: 40px;
  padding: 0px 10px;
  border: 2px solid white;
  border-radius: 20px;
  font-weight: bold;
  transition: color .25s ease,background-color .25s ease,border-color .15s ease,box-shadow .25s ease,opacity .25s ease;
}

.customizer_stage_step .stage_step:not(.current_step) .step_title{  
  display:none;
}
.customizer_stage_step .stage_step:not(.restricted_step):hover,
.customizer_stage_step .stage_step.current_step{
  background-color: var(--primary-sw-color);
  cursor:pointer;
}

.customizer_step_title{
  margin: 5px 5px 10px;
  font-weight:bold;
  font-size: 18px;
  text-align:center;
}
.customizer_wrapper{  
  padding: 10px 10px 20px;
}
.customizer_options_list_box{
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  gap:15px;
}
.customizer_options_list_box::-webkit-scrollbar {
  display: none;
}
.customizer_options_list_item{  
  min-width:100px;
  max-width:100px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}
.customizer_options_list_item img{
  background-color:white;
  min-width:100%;
  margin-bottom:5px;
  border:1px solid black;
  border-radius: 5px;
  overflow:hidden;
  pointer-events:none;
  transition: color .25s ease,background-color .25s ease,border-color .15s ease,box-shadow .25s ease,opacity .25s ease;
}
.customizer_options_list_item:hover img{
  border-color: var(--primary-sw-color);
}
.customizer_options_list_item.is_selected img{
  border-color: var(--primary-sw-color);
  border-width: 2px;
}
@media (max-width: 767px){
 .customizer_options_list_item{
    min-width:80px;
    max-width:80px;
  } 
}

.customizer_wrapper[data-option-box-step] .customizer_options_list_box{
  justify-content: flex-start;
  flex-wrap: wrap;
  /* overflow-x: auto; */
  /* overflow-y: hidden; */
  /* scroll-snap-type: x mandatory; */
  gap: 10px;
  padding: 5px 10px 10px;
  margin: 0px -10px 10px;
}

.customizer_wrapper[data-option-box-step] .customizer_options_list_box .customizer_options_list_item{
  min-width: calc(100% / 7.3);
  max-width: calc(100% / 7.3);
  /* scroll-snap-align: center; */
  aspect-ratio: 1;
  object-fit: cover;
}
@media (max-width: 767px){
 .customizer_wrapper[data-option-box-step=] .customizer_options_list_box .customizer_options_list_item{
    min-width: calc(100% / 6.3);
    max-width: calc(100% / 6.3);
    /* scroll-snap-align: center; */
  }
}
.customizer_option_title{
  font-weight:bold;
  margin:5px 0px;
}