.xp-ing{--nude: #fff1e5;--red: #ed3024;--grape: #4b33dc;--grape-deep: #2e1d96;--ease-out: cubic-bezier(.16,1,.3,1);--font-display: "Glofium Preview", "Anton", Impact, sans-serif;position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(66px,9vh,98px) 17px clamp(17px,3vh,37px);overflow-x:clip;color:var(--nude);text-align:center;background:var(--xp-red)}.xp-ing[data-ing-ready]{background:var(--xp-cream)}.xp-ing .bg-wipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.xp-ing .bg-wipe.in{transition:transform .6s var(--ease-out)}.xp-ing .bg-wipe:before,.xp-ing .bg-wipe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .42s ease}.xp-ing .bg-wipe:before{background:radial-gradient(120% 80% at 50% 0%,rgba(255,241,229,.12),transparent 48%),var(--red)}.xp-ing .bg-wipe:after{background:linear-gradient(180deg,var(--grape) 0%,#3a28b8 60%,var(--grape-deep) 100%);opacity:0}body[data-m-flavour=melonberry] .xp-ing .bg-wipe:after{opacity:1}.xp-ing[data-ing-ready] .bg-wipe:not(.in){transform:translate(100%)}.xp-ing .curve-top{position:absolute;top:-1px;left:0;width:100%;height:clamp(20px,3.4vw,44px);z-index:1;pointer-events:none;fill:var(--xp-cream)}.xp-ing .product-inner{position:relative;width:min(1200px,100%);display:flex;flex-direction:column;align-items:center}.xp-ing .word-belt{position:absolute;left:50%;top:50%;width:100vw;transform:translate(-50%,-50%);overflow:hidden;white-space:nowrap;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.2}.xp-ing .word-belt.in{transition:opacity 1s var(--ease-out) .4s}.xp-ing[data-ing-ready] .word-belt:not(.in){opacity:0}.xp-ing .word-belt-track{display:inline-block;animation:xp-ing-marquee 46s linear infinite;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(64px,13.5vw,190px);line-height:1.3;letter-spacing:.02em;padding:.1em 0;color:var(--nude);will-change:transform}.xp-ing[data-ing-ready] .word-belt:not(.in) .word-belt-track,.xp-ing[data-ing-offscreen] .word-belt-track{animation-play-state:paused}.xp-ing .word-belt-track span{margin-right:.5em}@keyframes xp-ing-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.xp-ing .display{font-family:var(--font-display);text-transform:uppercase;line-height:1.18;letter-spacing:.01em;font-weight:400;text-wrap:balance}.xp-ing .sym{font-family:Anton,Impact,sans-serif!important;letter-spacing:0}.xp-ing .word-reveal .w{display:inline-block;vertical-align:top}.xp-ing .word-reveal .w>span{display:inline-block}.xp-ing .word-reveal.in .w>span{transition:opacity .55s var(--ease-out),transform .6s var(--ease-out);transition-delay:var(--d,0s)}.xp-ing[data-ing-ready] .word-reveal:not(.in) .w>span{opacity:0;transform:translateY(.42em)}.xp-ing .rise.in{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--d,0s)}.xp-ing[data-ing-ready] .rise:not(.in){opacity:0;transform:translateY(30px)}.xp-ing .product-h2{position:relative;z-index:2;top:-3px;font-size:clamp(30px,5.2vw,72px);color:var(--nude);max-width:18ch;margin:0}.xp-ing .support-line{position:relative;z-index:2;margin-top:clamp(8px,1.4vh,14px);font-size:clamp(12px,1.3vw,16px);font-weight:850;letter-spacing:.24em;text-transform:uppercase;color:var(--nude);text-align:center}.xp-ing .support-line strong{color:var(--nude);opacity:.75;font-weight:850}.xp-ing .product-sachet{position:relative;z-index:4;height:clamp(280px,42svh,520px);aspect-ratio:1;margin:clamp(-8px,1vh,10px) 0;will-change:transform}.xp-ing .product-sachet.in{opacity:1;scale:1;transition:opacity 1s ease,scale 1.4s var(--ease-out)}.xp-ing[data-ing-ready] .product-sachet:not(.in){opacity:0;scale:.9}.xp-ing .product-sachet .breath{width:100%;height:100%;animation:xp-ing-breath 5.6s ease-in-out infinite}.xp-ing .product-sachet img{filter:drop-shadow(0 46px 64px rgba(14,11,8,.42))}.xp-ing[data-ing-offscreen] .breath{animation-play-state:paused}.xp-ing .product-sachet img{height:100%;width:100%;object-fit:contain;display:block;transform:scale(1.16)}@keyframes xp-ing-breath{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.025) translateY(-10px)}}.xp-ing .benefits{position:relative;z-index:5;width:min(1240px,100%);margin-top:clamp(14px,2.4vh,26px)}.xp-ing .benefit-col{margin:0;padding:0;list-style:none}.xp-ing .benefit-row{position:relative}.xp-ing .benefit{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.28);border-radius:20px;color:var(--nude);background:linear-gradient(180deg,#ffffff29,#ffffff12);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 1px #ffffff57,0 10px 30px #0e0b081a;font:inherit;text-align:left;cursor:pointer;transition:background-color .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent}.xp-ing .benefit:hover{border-color:#ffffff6b}.xp-ing .benefit:focus-visible{outline:3px solid #d9ff54;outline-offset:3px}.xp-ing .benefit svg{width:24px;height:24px;stroke:var(--nude);margin-top:1px}.xp-ing .benefit .benefit-txt{display:grid;min-width:0}.xp-ing .benefit .lbl{font-size:clamp(13px,1.1vw,15.5px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:var(--nude)}.xp-ing .benefit .sub-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--ease-out)}.xp-ing .benefit .sub{min-height:0;overflow:hidden;padding-top:8px;font-size:clamp(13px,.95vw,14px);font-weight:550;letter-spacing:.01em;line-height:1.5;text-transform:none;color:#fff1e5eb;transition:opacity .35s ease}.xp-ing .benefit-plus{position:relative;width:22px;height:22px;margin-top:1px;border:1px solid rgba(255,241,229,.6);border-radius:50%}.xp-ing .benefit-plus:before,.xp-ing .benefit-plus:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--nude);translate:-50% -50%;transition:rotate .35s var(--ease-out)}.xp-ing .benefit-plus:after{rotate:90deg}.xp-ing .benefit[aria-expanded=true] .benefit-plus:after{rotate:0deg}.xp-ing[data-chips-ready] .benefit[aria-expanded=false] .sub-wrap{grid-template-rows:0fr}.xp-ing[data-chips-ready] .benefit[aria-expanded=false] .sub{opacity:0}.xp-ing .benefit[aria-expanded=true]{background:linear-gradient(180deg,#ffffff3d,#ffffff1f);border-color:#ffffff80}.xp-ing .xp-ing__hint{position:relative;z-index:2;margin:10px 0 0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff1e5d1}.xp-ing .connector-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:visible}.xp-ing .connector-line{fill:none;stroke:#fff1e5d9;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.xp-ing .connector-svg.in .connector-line{transition:stroke-dashoffset .55s var(--ease-out)}.xp-ing[data-ing-ready] .connector-svg:not(.in) .connector-line{stroke-dashoffset:1}@media(min-width:900px){.xp-ing{padding-top:clamp(96px,13vh,150px);padding-bottom:clamp(70px,10vh,120px)}.xp-ing .product-inner{width:min(1320px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,auto) minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:center;column-gap:clamp(10px,1.6vw,28px)}.xp-ing .product-h2{grid-column:1/4;grid-row:1;justify-self:center}.xp-ing .support-line{grid-column:1/4;grid-row:2;justify-self:center}.xp-ing .xp-ing__hint{grid-column:1/4;grid-row:3;justify-self:center}.xp-ing .product-sachet{grid-column:2;grid-row:4;height:clamp(380px,56svh,640px)}.xp-ing .benefits{display:contents}.xp-ing .benefit-col{display:flex;flex-direction:column;gap:16px;z-index:6;width:clamp(270px,24vw,340px)}.xp-ing .benefit-col.left{grid-column:1;grid-row:4;justify-self:end;margin-right:calc(clamp(30px,5vw,90px)*-1)}.xp-ing .benefit-col.right{grid-column:3;grid-row:4;justify-self:start;margin-left:calc(clamp(30px,5vw,90px)*-1)}}@media(max-width:899px){.xp-ing{min-height:0;padding:72px 16px 56px}.xp-ing .product-inner{width:100%}.xp-ing .product-h2{font-size:clamp(30px,8.6vw,44px);max-width:12ch}.xp-ing .support-line{font-size:11px;letter-spacing:.18em}.xp-ing .product-sachet{height:min(60vw,280px);margin:4px 0 0}.xp-ing .connector-svg{display:none}.xp-ing .benefits{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.xp-ing .benefit-col{display:contents}.xp-ing .benefit-row:has(.benefit[aria-expanded=true]){grid-column:1 / -1}.xp-ing .benefit{height:100%;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px 12px;border-radius:16px}.xp-ing .benefit-plus{display:none}.xp-ing .benefit svg{width:22px;height:22px}.xp-ing .benefit .lbl{font-size:12.5px;letter-spacing:.04em}.xp-ing .benefit .sub{font-size:14px}.xp-ing .word-belt-track{font-size:clamp(56px,19vw,104px)}}@media(prefers-reduced-motion:reduce){.xp-ing .word-belt-track,.xp-ing .breath,.xp-ing .benefit[aria-expanded=true],.xp-ing .benefit,.xp-ing .benefit .sub-wrap{transition:none}}.xp-ing .benefit{gap:10px!important;padding:11px 14px!important;border:1px solid rgba(255,241,229,.28)!important;border-radius:14px!important;background:#fff1e51f!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;box-shadow:none!important;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease!important}.xp-ing .benefit:before,.xp-ing .benefit:after{content:none!important}.xp-ing .benefit:hover{background:#fff1e529!important;border-color:#fff1e566!important}.xp-ing .benefit[aria-expanded=true]{background:#fff1e533!important;border-color:#fff1e580!important;box-shadow:0 14px 30px #0e0b082e!important}.xp-ing .benefit svg{width:20px!important;height:20px!important;opacity:.95;margin-top:1px}.xp-ing .benefit .lbl{font-size:clamp(12px,1.1vw,14.5px)!important;font-weight:800;letter-spacing:.06em!important;line-height:1.25!important}.xp-ing .benefit .sub{padding-top:3px!important;font-size:clamp(10px,.85vw,11.5px)!important;font-weight:650!important;letter-spacing:.04em!important;line-height:1.45!important;color:#fff1e5cc!important}.xp-ing .benefit .benefit-plus{position:relative!important;top:auto!important;right:auto!important;align-self:start;flex:0 0 22px!important;width:22px!important;height:22px!important;margin-top:-2px!important;border:1px solid rgba(255,241,229,.6)!important;color:var(--nude, #fff1e5)!important}.xp-ing .benefit .benefit-plus:before,.xp-ing .benefit .benefit-plus:after{top:9px!important;left:5px!important;width:10px!important;height:2px!important;transform:none!important;translate:none!important}.xp-ing .benefit .benefit-plus:after{transform:rotate(90deg)!important}.xp-ing .benefit[aria-expanded=true] .benefit-plus:after{transform:rotate(0)!important}@media(min-width:900px){.xp-ing .benefit-col{width:290px!important}.xp-ing .benefit{min-width:230px;max-width:290px}}@media(max-width:899px){.xp-ing .benefit{grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;padding:8px 10px!important;border-radius:11px!important}.xp-ing .benefit .benefit-plus{margin-top:-3px!important}.xp-ing .benefit svg{width:15px!important;height:15px!important}.xp-ing .benefit .lbl{font-size:10.5px!important;letter-spacing:.05em!important}.xp-ing .benefit .sub{font-size:9px!important;line-height:1.4!important}}.xp-story{padding-top:clamp(14px,1.6vw,24px);background:var(--xp-cream, #fff1e5)}.xp-ing .curve-top{display:none!important}.xp-ing{overflow:clip;border-radius:clamp(28px,3.4vw,48px) clamp(28px,3.4vw,48px) 0 0;margin-inline:clamp(0px,1vw,14px)}.xp-ing .bg-wipe{border-radius:inherit}@media(max-width:899px){.xp-ing{margin-inline:0;border-radius:28px 28px 0 0}}@media(max-width:899px){body .m-pdp .m-buy{padding-bottom:40px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xalt-pdp-ingredients.css.map */