/** Shopify CDN: Minification failed

Line 207:0 Unexpected "}"

**/
/* .slider-container {
      position: relative;
      width: 600px;
      height: 800px;
      margin: auto;
      border: 2px solid #333;
      overflow: hidden;
      background: #fff;
    }

    .image-wrapper {
      width: 100%;
      height: 100%;
      position: relative;
      user-select: none; 
    }

    .image-wrapper img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: center center;
      cursor: grab;
      max-width: 100%;
      max-height: 100%;
   
      transform: translate(-50%, -50%) scale(1);
    }

    .image-wrapper img.active {
      display: block;
      z-index: 2;
    }

    .controls,
    .navigation {
      margin-top: 20px;
    }

    button {
      padding: 10px 20px;
      font-size: 16px;
      margin: 0 5px;
      cursor: pointer;
    }


} */
 /* .size-chart  .size-popup-content {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.size-chart .image-wrapper {
    overflow: hidden;
}

.size-chart .controls button svg {
    width: 18px;
    height: auto;
}
.size-chart .controls {
    position: absolute;
    top: 30px;
    z-index: 99;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
    right: 10px;
    left: auto;
}
.size-chart .image-cells {
    position: relative;
}
.size-chart .controls button {
    background: #1a4ea2;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 0;
}

.size-chart .image-inner-slider {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: block; 
} */

/* .no-carousel .flickity-button {
    display: none !important;
}
.size-chart .popupbtn {
    color: #1a4ea2;
    cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
    font-size: calc(1.05 * 14px);
    margin-bottom: 0;
    margin-top: 5px;
}
 .size-chart .popup {
    position: absolute;
    padding: 16px;
    width: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: 0 0;
    transition: .3s ease-in-out;
    z-index: 3;
    height: calc(100% - 60px);
}
 .size-chart .close {
    position: absolute;
    right: 15px;
    top: 10px;
    left: auto;
    bottom: auto;
    color: #000;
    transition: .3s ease-in-out;
    font-size: 24px;
    font-weight: 500;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px #62626275;
    font-family: math;
}


.size-chart .slider-container {
position: relative;
width: 520px;
height: 800px;
margin: auto;
overflow: hidden;
display: block;
}

.size-chart .image-wrapper {
width: 100%;
height: 100%;
position: relative;
user-select: none;
}

.size-chart .image-wrapper img {
position: absolute;
top: 50%;
left: 50%;
transform-origin: center center;
cursor: grab;
max-width: 100%;
max-height: max-content;
display: none;
transform: translate(-50%, -50%) scale(1);
    height: auto;
    width: auto;
}

.size-chart .image-wrapper img.active {
display: block;
z-index: 2;
}
.carousel.popup-slider {
    width: 100%;
    height: 100%;
}
.size-chart .flickity-enabled.is-draggable .flickity-viewport {
    height: 100%!important;
} */


/* @media (max-width:767px) {
.size-chart .controls {
    top: 20px;
}
.carousel.popup-slider button.flickity-button {
    display: block;
}
 .carousel.popup-slider .flickity-button.next{
    right: 0;
 } */
/* body .slider-container {
    height: 700px !important;
} */
}