#loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(201 201 201 / 80%);
    z-index: 9999;
}

#loading-spinner:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #f3f3f3;
    border-top: 2px solid #00BCD4;
    border-radius: 99%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.drop-container {
    position: relative;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 20px;
    border-radius: 2px;
    border: 2px dashed #b5b5b5;
    color: #444;
    cursor: pointer;
    transition: background .2s ease-in-out, border .2s ease-in-out;
}

.drop-container:hover {
    background: #f2f2f2;
    border-color: #cdcccc;
}

.drop-container:hover .drop-title {
  color: #222;
}

.drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
}

.custom-size-with-sticker-contour{
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}

.drop-container .upload-icon {
    display: block;
}

input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #72a499;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}
.input-file{
    color: transparent;
}


input[type=file]::file-selector-button:hover {
  background: #72a499;
}

.product-info-main .product-add-form .swatch-opt .swatch-attribute-label{
   width: 100%
}
.swatch-option image {
    width: 50px; /* Change to your desired width */
    height: 50px; /* Change to your desired height */
}
.product-info-main .product-add-form .swatch-opt .swatch-attribute-options .swatch-option.image {
    background-color: transparent;
}
.product-info-main .product-add-form .swatch-attribute-options{
   margin: 2px 0 0 0;
   display: inline-flex;
   flex-wrap: wrap;
}
.product-info-main .byie-option .canvas-resize-template{
   border-color: #dddddd;
}
.product-info-main .byi-inline-box .byi-input, 
.product-info-main .byi-inline-box .canvas-resize-unit{
   border-color: #dddddd;
   height: 40px;
}
.product-info-main .byi-inline-box .byi-input:focus, 
.product-info-main .byi-inline-box .canvas-resize-unit:focus{
   box-shadow: none; 
}
.product-info-main .canvas-tooltip .canvas-detail-tooltip .byi-price-list--item{
    font-size: 13px;
}
.product-info-main  .field.image-upload{
   margin-bottom: 20px;
}
.product-info-main .field.image-upload .swatch-attribute-label{
    margin-bottom: 5px;
    display: block;
}
.image-upload-show .uploadImageDetail {
    display: inline-block;
    position: relative;
    padding-left: 100px;
    margin-bottom: 35px;
}
.image-upload-show .uploadImageDetail .uploadImage{
   position: absolute;
   left: 0;
   margin-top: 0;
   max-width: 85px;
   max-height: 70px;
}
.image-upload-show .uploadImageDetail span.imageName {
    display: block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.image-upload-show .uploadImageDetail span {
    text-align: left;
    font-size: 14px;
}
.image-upload-show .uploadImageDetail .imageSize{
   color: rgba(47, 51, 58, 0.5)

}
.image-upload .input-file{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.browseFile{

    background: #72a499;
    color: #fff;
    border: 1px solid #72a499;
}
.swatch-attribute .contourBox {
    margin: 0 8px 5px 0;
    padding: 10px;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 107px;
}
.contourBox .swatchImageContour {
    display: block;
    text-align: center;
    font-size: 14px;
    width: 100%;
}
.swatch-attribute .contourBox .swatch-option.image{
   border: none;
   outline: none;
   box-shadow: none;
   margin: 0;
   position: static;
   background-size: contain !important;
}
.swatch-attribute .contourBox .swatch-option.image:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #dadada;
    top: 0;
    left: 0;
}
.swatch-attribute .contourBox .swatch-option.image.selected:after{
   border-color: #72a499;
}
.swatch-attribute .swatch-attribute-selected-option{
   display: none
}
.product-info-main .controls {
   position: relative;
}
.product-info-main .uploadImageIcon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -10px;
}
@media (min-width: 576px){
    .swatch-attribute .contourBox{
        max-width: 130px;
    }

}
@media (min-width: 768px){
   .swatch-attribute .contourBox .swatch-option.image{
      background-size: initial !important;
   }
}

@media (min-width: 991px){
   .swatch-attribute .contourBox {
      margin: 0 8px 5px 0;
      max-width: 120px;
    }
}

@media (min-width: 1200px){
   .swatch-attribute .contourBox {
      max-width: 130px;
      margin: 0 10px 5px 0;
   }
}
/*@media (max-width: 576px){
    .product-info-main .product-add-form .swatch-opt .swatch-attribute-options .swatch-option{
        width: 40px !important;
        height: 40px !important;
    }
}*/