/** Shopify CDN: Minification failed

Line 38:0 Unexpected "{"
Line 38:1 Expected identifier but found "%"
Line 38:54 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.byob-text-center {
  text-align: center;
}
.byob-text-left {
  text-align: left;
}
.byob-text-right {
  text-align: right;
}
/* Whole */
.medium-up--one-whole {
    width: 100%;
}
/* Halves */
.medium-up--one-half {
	width: 50%;
}
/* Thirds */
.medium-up--one-third {
	width: 33.33333%;
}
.medium-up--two-thirds {
    width: 66.66667%;
}
.byob-content-center {
  margin: 0 auto;
}
{%- comment %}Set top banner to full width for mobile{% endcomment -%}
@media screen and (max-width: 600px) {
.medium-up--one-half {
	width: 100%;
}
/* Thirds */
.medium-up--one-third {
	width: 100%;
}
.medium-up--two-thirds {
    width: 100%;
}
.byob-bundle-description {
    line-height: normal;
}
}
.custom-content-background {
    display: flex;
    padding: 40px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;

    background-size: cover;

    color: white;
  }

  .custom-content-background h3 {
    color: var(--www-yodibeauty-com-nero, #fff);
    text-align: center;
    font-family: 'Harmonia Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: 1.3px;
    text-transform: uppercase;
  }

  .custom-content-background h2 {
    color: #fff;
    text-align: center;
    font-family: 'Optima nova LT Pro';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 31.2px */
  }

  .custom-content-background .boxed-labels {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
  }

  .custom-content-background .boxed-labels li {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    color: #fff;
  }

  .custom-content-background .reviews {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
  }

  .custom-content-background .reviews img {
    width: 100px;
    height: 25px;
  }

  .custom-content-background .reviews a {
    color: #fff;
    text-decoration: underline;
  }