/** Shopify CDN: Minification failed

Line 289:4 Unexpected "%"

**/

    .otfem{
        font-size:1.25em;
        font-size: 20px;
    }
    .sfSplit{
        width:65%;
        margin-left: 0;
        margin-right: auto;
        min-width: 1000px;
    }
    .pipadding{
        padding-bottom:3.14%;
    }
    .pipaddingTop{
        padding-top:3.14%;
    }
    .piMargin{
        margin-bottom:3.14%;
    }
    .halfpipadding{
        padding-bottom:1.07% !important;
    }
    .halfpipaddingTop{
        padding-top:1.07%;
    }
    .sidePiPadding{
        padding-left:3.14%;
        padding-right:3.14%;
    }
    .df{
        display: flex;
    }
    .tal{
        text-align: left;
    }
    .bt {
        border-top: 1px solid #e0e0e0;
        border-radius: 0;
    }
    .bb {
        border-bottom: 1px solid #e0e0e0;
        border-radius: 0;
    }
    .spb{
        justify-content: space-between;
    }
    .w45 {
      width:45%;
    }
    .subDesc{
    }
    .bodyHeaderContainer {
      max-width: 80vw;
      margin: 0 auto;
    }
    #body1Header{
      min-height: 20px !important;
    }
    .body1InnerContainer{
      display:flex;
      align-items: flex-start;
    }
    #body1Icon{
      opacity: 0;
      width: 100px;
      height: auto;
      transform: rotate(353deg);
    }
    .headerImage{
        width:auto;
        max-width: 375px;
        max-height: 375px;
        height:20vh;
        margin-left: auto;
        margin-right: auto;
        min-width: 260px;
        min-height:260px;
        opacity: 0;
        transition: all 0.3s ease;
    }
    #headerParagraph{
      margin:auto 0;
      min-height: 125px;
    }
    #headerContainer{
        justify-content: space-between;
    }
    #subHeaderParagraph{
      min-height: 54px;
    }
    .collection_header_text_contents{
      min-height:450px !important;
      width:100%;
    }
    .cto-product-description{
      min-height:300px;
    }
    .version-info-image{
      opacity:0;
      transition: all 0.3s ease;
    }
    .version-spec-info-price{
      font-size: 2.1875em !important;
    }
    .chassisMax{
      color: #0D335B;
    }
    .green {
      color: #006312;
    }
    .kitTextSubHeader
    .ingredientTitle{
        font-size: 1.8125em;
        text-transform: none;
        letter-spacing: 0;
        margin: 0 0 17.5px;
        font-family: Work Sans, sans-serif;
        font-display: swap;
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        word-wrap: break-word;
    }
    .ingredient{
        width: 85%;
        display:flex;
        flex-direction: column;
        gap:14px;
    }
    .halfMinHeight{
      min-height: 200px !important;
    }
    .hmgsBreak{
        justify-content: flex-start;
        gap: 10%;
        align-items: center;
        max-height: 200px;
        width: 100%;
    }
    .modelLineContainer{
      width: 100%;
      min-height: 300px;
    }
    .modelLineTitle {
      font-size: 2em;
      color: #0095FF;
    }
    .modelLineTitleSubHeader{
      font-size:1.75em !important;
       color: #0095FF;
    }
    #modelLineHeader{
      max-width: 100% !important;
    }
    .modelLineLeft{
      min-height: 100%;
    }
    .modelLineRight {
      justify-content : space-around;
    }
    .version-info-image-modelLine{
      opacity: 0;
      width:325px;
      height: auto;
      margin: 0 auto;
      transition: all 0.3s ease;
    }
    .benchmarks{
      min-height:900px;
      width: 100%;
    }
    #hmgsButton{
        max-height: 46px;
    }
    #contactSalesContainer{
      height:100%;
      justify-content:center;
      gap:3.14%;
      min-width:75%;
    }
    .contactSalesTitle{
      margin:0 !important;
      min-height: 45px;
      min-width: 250px;
      max-width: 50%;
    }
    #contactSalesBody{
      min-height: 30px;
      min-width: 500px;
      font-size: 1.25em;
      text-align: left;
    }
    .contactSalesMethodsContainer{
      gap:10%;
    }
    .contactSalesMethod{
      min-width: 225px;
      align-items:center;
      justify-content: center;
      gap:3.14%;
    }
    .contactUsphoneicon{

    }
    .CTOContentResourcesContainer{
      min-height: 650px;
    }
    .CTOContentDescription{
      min-height:125px;
    }
    .applicationIcons{
        width: auto;
        height: 50px;
    }
    .ingredientTitle{
      font-size:2em;
    }
    #keyIngredients,
    .keyIngredientsLeft,
    .keyIngredientsRight,
    .keyIngredientsContainer{
      min-width: 515px;
      min-height: 400px !important;
    }
    .kitTextHeader,   
    .contactSalesTitle,
    .keyIngredientsTitle{
        font-size: 2.1875em;
        text-transform: none;
        letter-spacing: 0;
        margin: 0 0 17.5px;
        font-family: Work Sans, sans-serif;
        font-display: swap;
        font-style: normal;
        font-weight: 600;
        line-height: 1.2;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .keySubContainer{
        justify-content: flex-start;
        align-items: center;
        gap: 2%;
    }
    .keyIngredientImage {
        width: auto;
        height: 40px;
    }

    .CTOSelectionContent{
        max-width: 80vw;
        padding-left: 0% !important;
        padding-right: 0% !important;
        border-radius: 0px !important;
    }

    .TextSpecDetailContainer{
        color: #0D335B;
        font-weight: 500;
    }

    .skeleton_text{
      height:20px;
      border-radius: 8px;
      background-color:#eee;
      animation: loading-skeleton 1s infinite alternate;
      color:#eee;
    }
    .skeleton_text * {
      color: #eee;
    }
    .smText{
      width:50%;
      margin-left: auto;
      margin-right: auto;
    }
    .mdText{
      width:75%;
      margin-left: auto;
      margin-right: auto;
    }
    %loading-skeleton {
      color: transparent;
      appearance: none;
      -webkit-appearance: none;
      background-color: #eee;
      border-color: #eee;

        &::placeholder {
          color: transparent;
        }
      }
    @keyframes loading-skeleton {
      from {
        opacity: .4;
      }
      to {
        opacity: 1;
      }
    }
    .loading-skeleton {
      pointer-events: none;
      animation: loading-skeleton 1s infinite alternate;

      img {
        filter: grayscale(100) contrast(0%) brightness(1.8);
      }
      h1, h2, h3, h4, h5, h6,
      p, li,
      .btn,
      label,
      .also_bought_product_card_title_container {
        @extend %loading-skeleton;
      }
    }



    .pageContainer{
        max-width: 80vw !important;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        margin: 0px auto 0px;
        min-height: 400px;
        text-align: center;

    }
    .kitInnerParentfullWidthText{
        width: 100%;
        margin-left: 0;
        margin-right:0;
        padding-bottom:2%;

    }
    .fullWidthText{
        font-size: 1.25em;
        text-align: left;
    }
    .kitInnerParenthalfWidthText{
        width:100%;   
        margin-left: 0;
        margin-right:0; 
        display: flex;
        justify-content: space-between;
        padding-bottom:3.14%;

    }
    .halfWidthText{
        width:50%;
        font-size: 1.25em;
        text-align: left;
    }
    .kitTextHeader{
        min-height: 75px;
    }
  .version-info-text {
/*    min-height:500px;*/
  }


.recentBuildsContainer{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  width:100%;
  gap:1em;
  width: 94%;
  margin: 0 auto;
  @media screen and (max-width: 768px) {
    display: flex;
    flex-direction: column;
    align-items: center;
    
  }
}


/* Tablets (768px - 1024px) */
@media only screen and (device-type: tablet) and (orientation: landscape) {

}

/* Laptops (769px - 1280px) */
@media only screen and (min-device-width: 769px) and (max-device-width: 1280px) {
    .bodyHeaderContainer,
    .pageContainer {
      max-width:90% !important;
    }
  .version-info-text {
    min-height:500px;
  }
}

/* Large Tablets (1024px - 1439px) */
@media (min-width: 1024px) and (max-width: 1600px) {
  .bodyHeaderContainer,
  .pageContainer {
    max-width: 90% !important;
  }
}


/* Laptops (1440px+) */
@media only screen and (device-type: laptop) and (orientation: landscape) {
    .bodyHeaderContainer,
    .pageContainer {
      max-width:90% !important;
    }
}

/* Extra Large Screens (1440px+) */
@media only screen and (min-device-width: 1440px) {

}
@media only screen and (max-device-width: 480px) {
  .CTOContentDescription{
    min-height: 250px;
  }
  #namedBabyHeader {
    margin: 3% auto !important;
  }


  .ingredientTitle,
  .kitTextHeader,
  .contactSalesTitle{
    font-size: 1.875em;
    max-width:100%;
    width:100%;
  }
  .pageContainer,
  .collection_header_text_contents{
    margin-left:auto;
    margin-right:auto;
  }

  .keyIngredientImage{
    display:none;
  }

  .ingredient,
  .keyIngredientsLeft,
  .keyIngredientsRight{
    min-width: 0px;
    width:100% !important
  }

  #headerImage{
    display: none;
  }
  .sfSplit{
    min-width:auto;
    width: 100%;
  }
  #namedBabyHeader{
    text-align:left;
    max-width: 93%;
  }
  .category-spec-table{
    width: 100%  !important;
  }
  .version-title{
    text-align:left;
  }
  .bodyHeaderContainer,
  .pageContainer,
  .collection_header{
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #hmgsBreak{
    flex-direction: column;
    max-height: max-content;
    height: 100%;
    padding-bottom: 3.14%;
  }
  .pageContainer{
    width: 98vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden;
  }
  #keyIngredients,
  .keyIngredientsLeft,
  .keyIngredientsRight,
  .keyIngredientsContainer {
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
    word-wrap: break-word;
  }

  #keyIngredients {
    padding: 0;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: flex-start;
    height: auto !important;
  }

  .keyIngredientsLeft,
  .keyIngredientsRight {
    padding: 0;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto;
    overflow: visible;
  }

  .keyIngredientsLeft *,
  .keyIngredientsRight * {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  #contactSalesBody{
    min-width: 0;
  }
  .selectedTab{
    height:600px;
  }
  .keyIngredientImage{
    display:none;
  }
  .contactSalesMethodsContainer{
    flex-direction:column;
  }
  .contactSalesMethodsContainer,
  .contactSalesMethod {
    justify-content: flex-start;
  }

  .modelLineLeft {
    display: none;
  }
  .contactSalesTitle,
  .modelLineRight{
    width: 100% !important;
    max-width: 100% !important;
  }
  .textSpecContainer {
    display: flex !important;
    flex-direction: column;
  }
  #product-collection-anchor{
    margin-bottom:8%!important;
  }

  .pageContainer:not(.productLine){
    margin-top:4%;
    padding-top:4%;
  }
  .collection_header_contents_anchor{
    padding-bottom:4%;
  }
  .modelLineRight{
    gap:2vh;
  }

}



  @media screen and (max-width:990px) and (min-width:768px){
    .keyIngredientsContainer,
    .keyIngredientsLeft,
    .keyIngredientsRight,
    #keyIngredients,
    .sfSplit {
      min-width: 0px;
      max-height:1000px !important;
    }
    
  }
  @media screen and (max-width:1250px) and (min-width:768px){
    .keyIngredientsContainer,
    .keyIngredientsLeft,
    .keyIngredientsRight,
    #keyIngredients,
    .sfSplit {
      min-width: 0px;
      max-height: 1000px !important;
    }
  }
  @media screen and (max-width:1920px) and (min-width:768px){
    .keyIngredientsContainer,
    .keyIngredientsLeft,
    .keyIngredientsRight,
    #keyIngredients,
    .sfSplit {
      min-width: 0px;
      max-height: 1000px !important;
    }
  }
  @media screen and (max-height: 768px) {
    .keyIngredientsContainer {
      height: auto !important;
      max-height: none !important;
      width: 90% !important;

    }
    
    #keyIngredients {
      height: auto;
      max-height: none !important;
    }
  }