@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.mw{--ink: #24303d;--paper: #faf7f2;--paper-2: #f1ece3;--accent: #6b8caa;--accent-deep: #4d6f8c;--line: rgba(36, 48, 61, .12);--font: "Plus Jakarta Sans", var(--font-body-family, "Helvetica Neue"), Arial, sans-serif;display:block;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:clip}.mw *{box-sizing:border-box}.mw-hero{display:flex;flex-direction:column}.mw-hero__media{position:relative;width:100%;height:56svh;min-height:28rem;overflow:hidden;background:var(--paper-2)}.mw-hero__img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.mw-hero__panel{padding:3rem 1.6rem 3.6rem}.mw-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.mw-hero__kicker{font-size:1.1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}.mw-hero__rating{font-size:1.2rem;font-weight:600;color:var(--accent-deep)}.mw-hero__rating span{color:#24303d80;font-weight:400}.mw-hero__headline{font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2.6rem,8vw,3.4rem);max-width:30rem}.mw-hero__sub{font-size:1.5rem;line-height:1.5;max-width:36rem;margin:0 0 2rem;opacity:.75}.mw-hero__price-row{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:2rem}.mw-hero__price{font-weight:800;font-size:2.6rem}.mw-hero__price-compare{font-size:1.5rem;text-decoration:line-through;opacity:.4}.mw-form{display:flex;flex-direction:column}.mw-picker__group{order:1;margin-bottom:1.6rem}.mw-form>.bundler-volume-target-element{order:2;margin:.4rem 0 1.6rem;padding-top:1.6rem;border-top:.1rem solid var(--line);filter:saturate(.5) contrast(.94) brightness(.99)}.mw-form>.bundler-volume-target-element:before{content:"More Ways to Save";display:block;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:1rem}.mw-picker__label{display:block;font-size:1.2rem;font-weight:600;letter-spacing:.03em;margin-bottom:.8rem}.mw-picker__label span{font-weight:400;opacity:.6}.mw-picker__options{display:flex;flex-wrap:wrap;gap:.8rem}.mw-picker__swatch{position:relative}.mw-picker__swatch input{position:absolute;opacity:0;width:1px;height:1px}.mw-picker__swatch-inner{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.4rem;border-radius:999px;border:.14rem solid var(--line);font-size:1.3rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}.mw-picker__swatch-dot{width:1.6rem;height:1.6rem;border-radius:50%;border:.1rem solid rgba(36,48,61,.15)}.mw-picker__swatch input:checked+.mw-picker__swatch-inner{border-color:var(--ink);background:var(--ink);color:var(--paper)}.mw-picker__swatch input:checked+.mw-picker__swatch-inner .mw-picker__swatch-dot{border-color:var(--paper)}.mw-picker__swatch input:focus-visible+.mw-picker__swatch-inner{outline:.2rem solid var(--accent);outline-offset:.2rem}.mw-picker__pill{position:relative}.mw-picker__pill input{position:absolute;opacity:0;width:1px;height:1px}.mw-picker__pill-inner{display:inline-flex;align-items:center;padding:.9rem 1.6rem;border-radius:999px;border:.14rem solid var(--line);font-size:1.3rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.mw-picker__pill input:checked+.mw-picker__pill-inner{border-color:var(--ink);background:var(--ink);color:var(--paper)}.mw-picker__pill input:focus-visible+.mw-picker__pill-inner{outline:.2rem solid var(--accent);outline-offset:.2rem}.mw-form__submit{order:3;width:100%;height:5.6rem;border:none;border-radius:999px;background:var(--ink);color:var(--paper);font-size:1.4rem;font-weight:700;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:background .2s ease}.mw-form__submit:hover{background:var(--accent-deep)}.mw-form__submit[disabled]{opacity:.5;cursor:not-allowed}.mw-form__spinner{width:1.8rem}.mw-form__spinner.hidden,.product-form__error-message-wrapper[hidden]{display:none}.mw-form__error-message{font-size:1.2rem;color:#b3492f;margin-top:1rem;display:block}@media screen and (min-width:990px){.mw-hero{display:grid;grid-template-columns:58% 42%;min-height:92svh}.mw-hero__media{height:100%;min-height:92svh}.mw-hero__panel{display:flex;flex-direction:column;justify-content:center;padding:4rem 6rem}.mw-hero__headline{font-size:clamp(3.4rem,3.4vw,4.6rem)}}.mw-trust{padding:2.4rem 1.6rem;text-align:center;border-top:.1rem solid var(--line);border-bottom:.1rem solid var(--line)}.mw-trust__text{font-size:1.2rem;font-weight:500;letter-spacing:.03em;color:var(--accent-deep);margin:0}.mw-features{padding:5rem 1.6rem;display:grid;grid-template-columns:1fr;gap:4rem;max-width:76rem;margin:0 auto}.mw-features__item{text-align:center}.mw-features__media{aspect-ratio:1 / 1;border-radius:1.4rem;overflow:hidden;margin:0 0 1.6rem;background:var(--paper-2)}.mw-features__img{width:100%;height:100%;object-fit:cover}.mw-features__item h3{font-weight:700;font-size:1.8rem;margin:0 0 .6rem}.mw-features__item p{font-size:1.4rem;line-height:1.55;opacity:.75;max-width:26rem;margin:0 auto}@media screen and (min-width:750px){.mw-features{grid-template-columns:repeat(4,1fr);padding:7rem 5rem;gap:3rem}}.mw-moment{position:relative;width:100%;height:62svh;min-height:32rem;overflow:hidden}.mw-moment__img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.mw-moment__caption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem;text-align:center;background:linear-gradient(to top,#24303d8c,#24303d00)}.mw-moment__caption p{color:var(--paper);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;max-width:40rem;margin:0 auto}.mw-colors{padding:5rem 1.6rem;text-align:center}.mw-colors__label{font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 2.4rem}.mw-colors__grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:56rem;margin:0 auto}.mw-colors__item{border-radius:1.4rem;overflow:hidden;background:var(--paper-2)}.mw-colors__img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.mw-colors__name{display:block;padding:1.4rem;font-weight:600;font-size:1.4rem}@media screen and (min-width:750px){.mw-colors__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mellow-product.css.map */