:root{--yobe-variant-blue: #31a8d2;--yobe-variant-strawberry: #f8ada2;--yobe-variant-ube: #bea5b3;--yobe-variant-matcha: #a2b479;--yobe-variant-mango: #f9bc5f;--yobe-variant-banana: #fbe05b;--yobe-variant-pineapple: #faee98;--yobe-variant-chocolate: #bb8a71;--yobe-variant-ink: #1f1f1f;--yobe-variant-paper: #fffdf8}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit{--yobe-hero-stat-accent: var(--yobe-variant-blue);position:relative;overflow:hidden;isolation:isolate;transition:background-color .22s ease-out}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:nth-child(2){--yobe-hero-stat-accent: var(--yobe-variant-strawberry)}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:nth-child(3){--yobe-hero-stat-accent: var(--yobe-variant-banana)}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:nth-child(4){--yobe-hero-stat-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:before,html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:after{content:"";position:absolute;inset-inline:0;z-index:-1;pointer-events:none;transition:opacity .22s ease-out,transform .22s ease-out}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:before{bottom:0;height:3px;background:var(--yobe-hero-stat-accent);opacity:.9}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:after{inset-block:0;background:linear-gradient(180deg,color-mix(in srgb,var(--yobe-hero-stat-accent) 18%,transparent),color-mix(in srgb,var(--yobe-hero-stat-accent) 10%,transparent));opacity:0;transform:translateY(8px)}html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:hover:after,html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:focus-within:after{opacity:1;transform:translateY(0)}html.yobe-color-variant-proof-strip .yobe-proof__item{--yobe-proof-strip-accent: var(--yobe-variant-blue);position:relative;overflow:hidden;transition:background-color .22s ease-out}html.yobe-color-variant-proof-strip .yobe-proof__item:nth-child(2){--yobe-proof-strip-accent: var(--yobe-variant-strawberry)}html.yobe-color-variant-proof-strip .yobe-proof__item:nth-child(3){--yobe-proof-strip-accent: var(--yobe-variant-banana)}html.yobe-color-variant-proof-strip .yobe-proof__item:nth-child(4){--yobe-proof-strip-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-proof-strip .yobe-proof__item:before,html.yobe-color-variant-proof-strip .yobe-proof__item:after{content:"";position:absolute;pointer-events:none}html.yobe-color-variant-proof-strip .yobe-proof__item:before{inset:0 20px auto;height:3px;border-radius:999px;background:var(--yobe-proof-strip-accent);opacity:.9}html.yobe-color-variant-proof-strip .yobe-proof__item:after{top:20px;right:20px;width:8px;height:8px;border-radius:999px;background:var(--yobe-proof-strip-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--yobe-proof-strip-accent) 18%,transparent);opacity:.86}html.yobe-color-variant-proof-strip .yobe-proof__item:hover{background:color-mix(in srgb,var(--yobe-proof-strip-accent) 8%,#1f1f1f)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab{background:linear-gradient(180deg,#faf7f0,#fffdf8)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__label{border-color:color-mix(in srgb,var(--yobe-variant-blue) 32%,rgba(31,31,31,.1));background:transparent;color:var(--yobe-muted)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__card{position:relative;overflow:hidden;box-shadow:none}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__card:hover,html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__card:focus-visible,html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__card.is-active{box-shadow:inset 3px 0 color-mix(in srgb,var(--yobe-card-accent, var(--yobe-variant-strawberry)) 64%,transparent)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__card .yobe-line-icon{border-color:color-mix(in srgb,var(--yobe-card-accent, var(--yobe-variant-strawberry)) 54%,rgba(31,31,31,.12));background:color-mix(in srgb,var(--yobe-card-accent, var(--yobe-variant-strawberry)) 18%,#fffdf8)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__stage{border-color:transparent;box-shadow:none}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__chips span{border-color:color-mix(in srgb,var(--yobe-stage-accent, var(--yobe-variant-strawberry)) 58%,var(--yobe-variant-ink));background:transparent}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item{--yobe-ingredient-proof-accent: var(--yobe-variant-strawberry);position:relative;overflow:hidden}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item:nth-child(2){--yobe-ingredient-proof-accent: var(--yobe-variant-banana)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item:nth-child(3){--yobe-ingredient-proof-accent: var(--yobe-variant-ube)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item:nth-child(4){--yobe-ingredient-proof-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item:nth-child(5){--yobe-ingredient-proof-accent: var(--yobe-variant-mango)}html.yobe-color-variant-ingredients-lab .yobe-ingredients-lab__proof-item:nth-child(6){--yobe-ingredient-proof-accent: var(--yobe-variant-blue)}html.yobe-color-variant-build-box-runway .yobe-build-box-cta .yobe-split>div:first-child{position:relative}html.yobe-color-variant-build-box-runway .yobe-build-box-cta .yobe-split>div:first-child:after{content:"";display:block;width:min(100%,348px);height:10px;margin-top:clamp(20px,2.4vw,30px);border:1px solid rgba(31,31,31,.12);border-radius:999px;background:linear-gradient(90deg,var(--yobe-variant-blue) 0 12.5%,var(--yobe-variant-strawberry) 12.5% 25%,var(--yobe-variant-ube) 25% 37.5%,var(--yobe-variant-matcha) 37.5% 50%,var(--yobe-variant-mango) 50% 62.5%,var(--yobe-variant-banana) 62.5% 75%,var(--yobe-variant-pineapple) 75% 87.5%,var(--yobe-variant-chocolate) 87.5% 100%);box-shadow:0 12px 24px #5c4d3d1a}html.yobe-color-variant-build-box-runway .yobe-build-box-cta{background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--yobe-variant-strawberry) 20%,transparent),transparent 24%),radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--yobe-variant-mango) 18%,transparent),transparent 22%),radial-gradient(circle at 54% 100%,color-mix(in srgb,var(--yobe-variant-blue) 9%,transparent),transparent 32%),linear-gradient(180deg,#fffdf8,#f2eadf)}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__row{position:relative;overflow:hidden;transition:background-color .22s ease-out}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__row:before{content:none}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__row:hover{background:#fffdf857}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__summary{background:linear-gradient(180deg,#fffdf808,#fffdf800),#1f1f1f;box-shadow:inset 0 4px 0 var(--yobe-variant-banana)}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__stat:nth-child(2) strong{color:var(--yobe-variant-strawberry)}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__stat:nth-child(3) strong{color:var(--yobe-variant-matcha)}html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__stat:nth-child(4) strong{color:var(--yobe-variant-blue)}html.yobe-color-variant-subscription-rotation .yobe-subscription-band{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--yobe-variant-matcha) 26%,transparent),transparent 26%),radial-gradient(circle at 40% 100%,color-mix(in srgb,var(--yobe-variant-blue) 10%,transparent),transparent 32%),#dfece3}html.yobe-color-variant-subscription-rotation .yobe-subscription-band .yobe-check-list{display:flex;flex-wrap:wrap;gap:8px;border:0}html.yobe-color-variant-subscription-rotation .yobe-subscription-band .yobe-check-list li{--yobe-subscription-chip-accent: var(--yobe-variant-matcha);min-height:36px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--yobe-subscription-chip-accent) 48%,rgba(31,31,31,.14));border-radius:999px;background:color-mix(in srgb,var(--yobe-subscription-chip-accent) 16%,rgba(255,253,248,.78))}html.yobe-color-variant-subscription-rotation .yobe-subscription-band .yobe-check-list li:nth-child(2){--yobe-subscription-chip-accent: var(--yobe-variant-ube)}html.yobe-color-variant-subscription-rotation .yobe-subscription-band .yobe-check-list li:nth-child(3){--yobe-subscription-chip-accent: var(--yobe-variant-mango)}html.yobe-color-variant-subscription-rotation .yobe-subscription-band .yobe-check-list li:before{border:0;background:var(--yobe-subscription-chip-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--yobe-subscription-chip-accent) 18%,transparent)}html.yobe-color-variant-pack-decision-paths .yobe-pack-option{--yobe-pack-path-accent: var(--yobe-variant-blue);position:relative;overflow:hidden;transition:background-color .22s ease-out,transform .22s ease-out}html.yobe-color-variant-pack-decision-paths .yobe-pack-option:nth-child(2){--yobe-pack-path-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-pack-decision-paths .yobe-pack-option:nth-child(3){--yobe-pack-path-accent: var(--yobe-variant-strawberry)}html.yobe-color-variant-pack-decision-paths .yobe-pack-option:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--yobe-pack-path-accent);opacity:.82}html.yobe-color-variant-pack-decision-paths .yobe-pack-option:hover{background:color-mix(in srgb,var(--yobe-pack-path-accent) 18%,#fffdf8);transform:translateY(-1px)}html.yobe-color-variant-pack-decision-paths .yobe-pack-option .yobe-home__eyebrow{color:color-mix(in srgb,var(--yobe-pack-path-accent) 64%,#1f1f1f)}html.yobe-color-variant-founder-flavor-thread .yobe-brand-story__copy:before{width:min(100%,220px);background:linear-gradient(90deg,var(--yobe-variant-blue) 0 16.66%,var(--yobe-variant-strawberry) 16.66% 33.33%,var(--yobe-variant-ube) 33.33% 50%,var(--yobe-variant-matcha) 50% 66.66%,var(--yobe-variant-mango) 66.66% 83.33%,var(--yobe-variant-banana) 83.33% 100%)}html.yobe-color-variant-founder-flavor-thread .yobe-brand-story__proof:before{content:"";flex:1 0 100%;width:min(100%,320px);max-width:320px;height:8px;margin-bottom:4px;border:1px solid rgba(31,31,31,.12);border-radius:999px;background:linear-gradient(90deg,var(--yobe-variant-blue) 0 12.5%,var(--yobe-variant-strawberry) 12.5% 25%,var(--yobe-variant-ube) 25% 37.5%,var(--yobe-variant-matcha) 37.5% 50%,var(--yobe-variant-mango) 50% 62.5%,var(--yobe-variant-banana) 62.5% 75%,var(--yobe-variant-pineapple) 75% 87.5%,var(--yobe-variant-chocolate) 87.5% 100%)}html.yobe-color-variant-founder-flavor-thread .yobe-brand-story__proof span{--yobe-founder-chip-accent: var(--yobe-variant-strawberry);border-color:color-mix(in srgb,var(--yobe-founder-chip-accent) 36%,rgba(31,31,31,.14));background:color-mix(in srgb,var(--yobe-founder-chip-accent) 14%,rgba(255,253,248,.7))}html.yobe-color-variant-founder-flavor-thread .yobe-brand-story__proof span:nth-child(3){--yobe-founder-chip-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-founder-flavor-thread .yobe-brand-story__proof span:nth-child(4){--yobe-founder-chip-accent: var(--yobe-variant-blue)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message{background:radial-gradient(circle at 14% 14%,color-mix(in srgb,var(--yobe-variant-blue) 12%,transparent),transparent 26%),radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--yobe-variant-strawberry) 18%,transparent),transparent 24%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--yobe-variant-matcha) 14%,transparent),transparent 30%),var(--yobe-founder-warm, #faf7f0)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__copy:before{content:"";display:block;width:min(100%,220px);height:5px;margin-bottom:clamp(16px,2vw,22px);border-radius:999px;background:linear-gradient(90deg,var(--yobe-variant-blue) 0 16.66%,var(--yobe-variant-strawberry) 16.66% 33.33%,var(--yobe-variant-ube) 33.33% 50%,var(--yobe-variant-matcha) 50% 66.66%,var(--yobe-variant-mango) 66.66% 83.33%,var(--yobe-variant-banana) 83.33% 100%)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__overlay strong:before{background:var(--yobe-variant-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--yobe-variant-blue) 22%,transparent)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__stat{--yobe-founder-stat-accent: var(--yobe-variant-blue);border-color:color-mix(in srgb,var(--yobe-founder-stat-accent) 34%,rgba(31,31,31,.12));background:color-mix(in srgb,var(--yobe-founder-stat-accent) 12%,rgba(255,253,248,.7));box-shadow:inset 0 3px 0 var(--yobe-founder-stat-accent)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__stat:nth-child(2){--yobe-founder-stat-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__stat:nth-child(3){--yobe-founder-stat-accent: var(--yobe-variant-banana)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__stat:nth-child(4){--yobe-founder-stat-accent: var(--yobe-variant-strawberry)}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message .yobe-line-icon{color:color-mix(in srgb,var(--yobe-founder-stat-accent, var(--yobe-variant-blue)) 60%,var(--yobe-founder-ink, #1f1f1f))}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__lineup{position:relative;padding-top:18px}html.yobe-color-variant-founder-flavor-thread .yobe-founder-message__lineup:before{content:"";position:absolute;top:0;right:0;width:min(100%,320px);height:8px;border:1px solid rgba(31,31,31,.12);border-radius:999px;background:linear-gradient(90deg,var(--yobe-variant-blue) 0 12.5%,var(--yobe-variant-strawberry) 12.5% 25%,var(--yobe-variant-ube) 25% 37.5%,var(--yobe-variant-matcha) 37.5% 50%,var(--yobe-variant-mango) 50% 62.5%,var(--yobe-variant-banana) 62.5% 75%,var(--yobe-variant-pineapple) 75% 87.5%,var(--yobe-variant-chocolate) 87.5% 100%)}html.yobe-color-variant-review-flavor-metadata .yobe-quote,html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item,html.yobe-color-variant-review-flavor-metadata .yobe-social-post__media{--yobe-review-accent: var(--yobe-variant-strawberry);position:relative;overflow:hidden}html.yobe-color-variant-review-flavor-metadata .yobe-quote:nth-child(2),html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item:nth-child(2),html.yobe-color-variant-review-flavor-metadata .yobe-social-post:nth-child(2) .yobe-social-post__media{--yobe-review-accent: var(--yobe-variant-mango)}html.yobe-color-variant-review-flavor-metadata .yobe-quote:nth-child(3),html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item:nth-child(3),html.yobe-color-variant-review-flavor-metadata .yobe-social-post:nth-child(3) .yobe-social-post__media{--yobe-review-accent: var(--yobe-variant-ube)}html.yobe-color-variant-review-flavor-metadata .yobe-quote:nth-child(4),html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item:nth-child(4),html.yobe-color-variant-review-flavor-metadata .yobe-social-post:nth-child(4) .yobe-social-post__media{--yobe-review-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-review-flavor-metadata .yobe-quote:before,html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item:before,html.yobe-color-variant-review-flavor-metadata .yobe-social-post__media:before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:4px;background:var(--yobe-review-accent);opacity:.84;pointer-events:none}html.yobe-color-variant-review-flavor-metadata .yobe-social-post__badge{border:1px solid color-mix(in srgb,var(--yobe-review-accent, var(--yobe-variant-strawberry)) 34%,rgba(31,31,31,.1));background:color-mix(in srgb,var(--yobe-review-accent, var(--yobe-variant-strawberry)) 22%,rgba(255,253,248,.92))}html.yobe-color-variant-review-flavor-metadata .yobe-quote__stars,html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-carousel-item__review-rating,html.yobe-color-variant-review-flavor-metadata .yobe-social-proof .jdgm-star{color:color-mix(in srgb,var(--yobe-review-accent, #d9a441) 70%,#d9a441)!important}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__item,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column{--yobe-nav-hover-accent: var(--yobe-variant-blue)}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__item:nth-child(2),html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column:nth-child(2){--yobe-nav-hover-accent: var(--yobe-variant-strawberry)}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__item:nth-child(3),html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column:nth-child(3){--yobe-nav-hover-accent: var(--yobe-variant-matcha)}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__item:nth-child(4),html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column:nth-child(4){--yobe-nav-hover-accent: var(--yobe-variant-mango)}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__link:after{background:var(--yobe-nav-hover-accent)}html.yobe-color-variant-footer-nav-hover .yobe-global-nav__link:hover,html.yobe-color-variant-footer-nav-hover .yobe-global-nav__link:focus-visible{color:color-mix(in srgb,var(--yobe-nav-hover-accent) 44%,var(--yobe-variant-ink))}html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column a,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__bottom a{text-decoration-color:transparent;text-decoration-thickness:2px;transition:color .18s ease-out,text-decoration-color .18s ease-out}html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column a:hover,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column a:focus-visible{color:#fffdf8;text-decoration-color:var(--yobe-nav-hover-accent)}html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__bottom a:hover,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__bottom a:focus-visible{color:#fffdf8;text-decoration-color:var(--yobe-variant-banana)}html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__socials a:hover,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__socials a:focus-visible{border-color:color-mix(in srgb,var(--yobe-variant-blue) 48%,rgba(255,253,248,.26));background:color-mix(in srgb,var(--yobe-variant-blue) 20%,rgba(255,253,248,.08))}@media(prefers-reduced-motion:reduce){html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit,html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:before,html.yobe-color-variant-hero-proof-stats .yobe-hero__benefit:after,html.yobe-color-variant-proof-strip .yobe-proof__item,html.yobe-color-variant-benefits-proof-rows .yobe-benefits-proof__row,html.yobe-color-variant-pack-decision-paths .yobe-pack-option,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__column a,html.yobe-color-variant-footer-nav-hover .yobe-footer-nav__bottom a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/yobe-color-variants.css.map */