/** Shopify CDN: Minification failed

Line 66:35 Unexpected "{"

**/
.image-upload label {
    cursor: pointer;
    display: block;
  }
  
  .image-upload label input {
    display: none;
  }
  
  .image-upload-area {
    height: 250px;
    border-radius: 4px;
    background: #fff;
    border: 2px dashed #d5d9e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .image-upload-area svg {
    width: 32px;
    height: 32px;
    color: #fff;
    fill: #000;
  }
  
  .image-upload-area span {
    margin: 10px 0 0;
    color: #000;
    font-size: 0.9em;
    font-weight: 700;
  }
  
  .image-upload-area p {
    color: #878787;
    font-size: 0.9em;
    font-weight: 400;
  }
  
  .image-upload-result {
    margin: 20px 0 0;
    padding: 20px;
    border-radius: 6px;
    background: #fafafe;
  }
  
  .image-upload-result > ul {
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .image-upload-result > ul > li {
    padding: 10px;
    position: relative;
    width: calc(100% / 4);
  }

  .image-upload-result > ul > li > {
    display: block;
  }

  .image-upload-result > ul > li > a {
    padding: 0 !important;
    border: 0 !important;
  }
  
  .image-upload-result > ul > li > a > img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #d5d9e1;
  }
  
  .image-upload-result > ul > li > a > img.active {
    border-color: #000;
  }
  .image-upload-result-on {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: 170px;
    opacity: 0;
    border-radius: 4px;
    background: rgb(255 255 255 / 50%);
    transition: opacity 0.2s ease-in-out;
  }
  
  .image-upload-result-on:hover {
    opacity: 1;
  }
  
  .image-upload-result-on ul {
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
  }
  
  .image-upload-result-on ul li:nth-child(n + 2) {
    border-left: 1px solid #d5d9e1;
  }
  
  .image-upload-result-on ul li button,
  .image-upload-result-on ul li div {
    padding: 10px;
    cursor: pointer;
  }
  
  .image-upload-result-on ul li button svg,
  .image-upload-result-on ul li div svg {
    width: 18px;
    height: 18px;
    color: #878787;
    fill: transparent;
  }
  
  .image-upload-result-on ul li button.active svg,
  .image-upload-result-on ul li div.active svg {
    width: 18px;
    height: 18px;
    color: #878787;
  }
  
  .image-upload-result-text {
    margin: 10px 0 0;
    color: #878787;
    font-size: 0.9em;
    font-weight: 400;
  }
  
  .image-upload-result-text span{
    display: block;
  }
  
  .image-upload .checkbox label {
    padding: 10px;
    cursor: pointer;
    display: block;
  }
  
  .image-upload .checkbox label input {
    display: none;
  }
  
  .image-upload .checkbox label input:checked + span {
    background: #000;
    border-color: transparent;
  }
  
  .image-upload .checkbox label input:checked + span::after {
    opacity: 1;
    border-color: #fff;
  }
  
  .image-upload .checkbox label span {
    display: block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 2px solid #878787;
    transition: all 0.2s ease-in-out;
  }
  
  .image-upload .checkbox label span::after {
    content: "";
    top: 1px;
    left: 4px;
    width: 6px;
    height: 11px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    position: absolute;
    transform: rotate(45deg);
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 3px solid #878787;
    border-right: 3px solid #878787;
  }