/** Shopify CDN: Minification failed

Line 6:0 Unexpected "$"

**/
$hilite:#1f7b69;
.wrapper__faq {
  padding-top: 10px;
  width: 1000px;
  left: 50%;
  position: absolute;
  transform: translatex(-50%);
}
.description_outer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.description_outer .description_first_outer, .description_outer .description_second_outer {
  max-width: 50%;
  width: 100%;
}
ul.list__faq {
  font:bold 18px arial;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  padding-left:0px;
  > li {
    height: 50px;
    width:100%;
    margin:0px;
    overflow: hidden;
    transition: height 0.2s ease-in;
   
    border-bottom: groove 2px desaturate(lighten($hilite,90%),5%);
    position: relative;
    input[type="radio"] {
      outline: none;
      display: block;
      margin: 0px;
      padding: 0px;
      position: absolute;
      opacity:0;
      z-index: 2;
      left: 0px;
      right: 40px;
      top: 0px;
      bottom: 0px;
      appearance: none;
      -webkit-appearance: none;
      &:hover{cursor: pointer}
    }

    dt,
    dd {
      border-left: solid 10px #999;
      display: flex;
      flex-direction: row;
      align-items: center;
      align-content: center;
      justify-items: flex-start;
      width: 96%;
      padding: 0px;
      margin: 0px;
      position: relative;
      clear: both;
      padding-left: 40px;
    }
    
    dt {
      height: 50px;
      background: #fff;
      position: relative;
      padding-left: 50px;
      &:before {
        content: "+";
        position: absolute;
        left: 20px;
        top: 8px;
        color: #ccc;
        font-size: 30px;
        font-weight:normal;
      }
      &:after {
        content: "";
        position: absolute;
        right: 5%;
        border-top: solid 3px #999;
        border-right: solid 3px #999;
        height: 8px;
        width: 8px;
        display: block;
        transform: rotate(133deg);
        transition: transform 0.2s ease-in-out;
      }
    }
    dd {
      color:darken($hilite,10%);
      min-height: 90px;
      font-weight:normal;
      padding-top:30px;
      align-items: flex-start;
      align-content: flex-start;
      background-color:#fff;
      transition:padding .3s ease-in-out;
    }
    &:hover {
      dt,
      dd {
        border-color: #444;
      }
      dt::before{
        color:#888;
        transition:color .15s ease;
      }
    }
  }
  > li:last-of-type{
    border-bottom:none;
  }
  /********************************/
  /******* :HAS() = ACTIVE ********/
  /********************************/
  > li:has(input[type="radio"]:checked) {
    height: 140px;
    transition: height 0.3s ease-in;
    border-bottom:inset 1px #666;
    dt {
      font-weight: bold;
      color: $hilite;
      input[type="radio"]:hover{
        cursor:default;
      }
      &:after {
        transform: rotate(-44deg);
        border-color: $hilite;
      }
      &:before {
        content: "-";
        font-size: 50px;
        color: $hilite;
        font-weight: normal;
        top: -8px;
      }
    }
    dt,
    dd {
      border-left: solid 10px $hilite;
      background: lighten($hilite, 64%);
    }
    dd{
      padding-top:0px;
    }
  }
  > li:has(input[type="radio"]:checked) + li{
     border-top:solid 1px #fff;
  }
 
}