.soap-bubble-reveal{position:relative;width:100%;min-height:var(--soap-bubble-reveal-section-height);overflow:hidden;isolation:isolate;background:var(--soap-bubble-reveal-bg);color:var(--soap-bubble-reveal-text-color)}.soap-bubble-reveal *,.soap-bubble-reveal *:before,.soap-bubble-reveal *:after{box-sizing:border-box}.soap-bubble-reveal__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 48%,color-mix(in srgb,var(--soap-bubble-reveal-bubble-color) 26%,transparent) 0%,transparent 36%),radial-gradient(circle at 92% 16%,rgba(255,255,255,.92) 0%,transparent 25%),linear-gradient(115deg,rgba(255,255,255,.18),transparent 46%)}.soap-bubble-reveal__inner{position:relative;z-index:3;width:min(100%,1440px);min-height:var(--soap-bubble-reveal-section-height);margin:0 auto;padding:var(--soap-bubble-reveal-padding-top) clamp(24px,6vw,88px) var(--soap-bubble-reveal-padding-bottom);display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(34px,5vw,88px)}.soap-bubble-reveal__content{position:relative;z-index:5;width:min(100%,var(--soap-bubble-reveal-text-width));text-align:var(--soap-bubble-reveal-text-align-desktop, left)}.soap-bubble-reveal__heading,.soap-bubble-reveal__description{margin-left:var(--soap-bubble-reveal-copy-margin-left-desktop, 0);margin-right:var(--soap-bubble-reveal-copy-margin-right-desktop, 0)}.soap-bubble-reveal__button{margin-left:var(--soap-bubble-reveal-button-margin-left-desktop, 0);margin-right:var(--soap-bubble-reveal-button-margin-right-desktop, 0)}.soap-bubble-reveal__eyebrow{margin:0 0 18px;color:var(--soap-bubble-reveal-heading-color);font:inherit;font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;opacity:.68}.soap-bubble-reveal__heading{margin:0;max-width:10.5ch;color:var(--soap-bubble-reveal-heading-color);font:inherit;font-size:clamp(44px,5.3vw,80px);font-weight:760;line-height:.98;letter-spacing:-.05em;text-wrap:balance}.soap-bubble-reveal__description{margin-top:clamp(20px,2.4vw,30px);max-width:530px;color:var(--soap-bubble-reveal-text-color);font:inherit;font-size:clamp(16px,1.3vw,19px);line-height:1.68;letter-spacing:-.01em;opacity:.88}.soap-bubble-reveal__button{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:14px;min-height:54px;margin-top:clamp(26px,3vw,38px);padding:15px 25px;border:0;border-radius:999px;background:var(--soap-bubble-reveal-button-bg);color:var(--soap-bubble-reveal-button-text);font:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:.06em;text-decoration:none;transition:transform .22s ease,filter .22s ease}.soap-bubble-reveal__button:hover{transform:translate3d(0,-2px,0);filter:brightness(.95)}.soap-bubble-reveal__button:focus-visible{outline:3px solid var(--soap-bubble-reveal-bubble-color);outline-offset:4px}.soap-bubble-reveal__button-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;transform:translate3d(0,-1px,0);transition:transform .22s ease}.soap-bubble-reveal__button:hover .soap-bubble-reveal__button-icon{transform:translate3d(3px,-1px,0)}.soap-bubble-reveal__visual{position:relative;z-index:4;min-width:0;min-height:min(580px,calc(var(--soap-bubble-reveal-section-height) - 80px));display:flex;align-items:center;justify-content:center}.soap-bubble-reveal__glow{position:absolute;left:50%;top:54%;width:min(76%,560px);aspect-ratio:1 / .72;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--soap-bubble-reveal-bubble-color) 58%,white) 0%,transparent 68%);opacity:0;transform:translate3d(-50%,-50%,0) scale(.86);pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.soap-bubble-reveal__product-frame{position:relative;z-index:4;width:min(var(--soap-bubble-reveal-product-width),96%);max-width:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.soap-bubble-reveal--animation-enabled .soap-bubble-reveal__product-frame{opacity:0;transform:translateZ(0) scale(.88);filter:blur(8px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}.soap-bubble-reveal--animation-enabled.soap-bubble-reveal--revealed .soap-bubble-reveal__product-frame{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.soap-bubble-reveal--animation-enabled.soap-bubble-reveal--revealed .soap-bubble-reveal__glow{opacity:.22;transform:translate3d(-50%,-50%,0) scale(1)}.soap-bubble-reveal--floating.soap-bubble-reveal--reveal-complete .soap-bubble-reveal__product-frame{animation:soap-bubble-reveal-product-float 3.8s cubic-bezier(.45,0,.55,1) infinite}.soap-bubble-reveal__product-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.soap-bubble-reveal__placeholder-wrap{width:min(100%,480px);opacity:.35}.soap-bubble-reveal__placeholder{display:block;width:100%;height:auto}.soap-bubble-reveal__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;contain:layout paint}.soap-bubble-reveal__bubble{position:absolute;left:0;top:0;width:var(--soap-bubble-size);height:var(--soap-bubble-size);border-radius:50%;opacity:0;transform:translateZ(0) rotate(var(--soap-bubble-start-rotation)) scale(var(--soap-bubble-start-scale));transform-origin:center center;will-change:transform,opacity;transition:transform var(--soap-bubble-duration) cubic-bezier(.22,1,.36,1) var(--soap-bubble-delay),opacity .36s ease var(--soap-bubble-delay)}.soap-bubble-reveal__bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1.5px solid color-mix(in srgb,var(--soap-bubble-reveal-bubble-color) calc(var(--soap-bubble-visual-opacity) * 100%),rgba(255,255,255,.3));background:radial-gradient(circle at 28% 23%,rgba(255,255,255,1) 0 7%,rgba(255,255,255,.68) 8% 14%,transparent 15% 100%),radial-gradient(circle at 72% 76%,transparent 0 57%,rgba(255,255,255,.52) 68%,transparent 80%),linear-gradient(135deg,transparent 16%,color-mix(in srgb,var(--soap-bubble-reveal-bubble-color) 62%,transparent) 52%,transparent 84%);box-shadow:inset 2px 2px 6px #ffffffc7,inset -2px -2px 6px #ffffff3d,0 5px 16px #1a4f5413;opacity:clamp(.68,var(--soap-bubble-visual-opacity),1)}.soap-bubble-reveal__bubble.soap-bubble-reveal__bubble--converging{opacity:min(1,calc(var(--soap-bubble-opacity) * 1.18));transform:translate3d(var(--soap-bubble-dx),var(--soap-bubble-dy),0) rotate(var(--soap-bubble-end-rotation)) scale(var(--soap-bubble-end-scale))}.soap-bubble-reveal__bubble.soap-bubble-reveal__bubble--vanish{opacity:0;transform:translate3d(var(--soap-bubble-dx),var(--soap-bubble-dy),0) rotate(var(--soap-bubble-end-rotation)) scale(.35);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .36s ease}.soap-bubble-reveal__bubble.soap-bubble-reveal__bubble--ambient{opacity:calc(var(--soap-bubble-opacity) * .72);transition:none;animation:soap-bubble-reveal-ambient var(--soap-bubble-ambient-duration) ease-in-out var(--soap-bubble-ambient-delay) infinite}@keyframes soap-bubble-reveal-product-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-7px,0) scale(1)}}@keyframes soap-bubble-reveal-ambient{0%,to{transform:translate3d(var(--soap-bubble-dx),var(--soap-bubble-dy),0) rotate(var(--soap-bubble-end-rotation)) scale(var(--soap-bubble-end-scale))}50%{transform:translate3d(calc(var(--soap-bubble-dx) + var(--soap-bubble-drift-x)),calc(var(--soap-bubble-dy) + var(--soap-bubble-drift-y)),0) rotate(calc(var(--soap-bubble-end-rotation) + 9deg)) scale(calc(var(--soap-bubble-end-scale) * 1.03))}}@media screen and (max-width:1100px){.soap-bubble-reveal__inner{grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:clamp(28px,4vw,56px);padding-left:clamp(24px,5vw,54px);padding-right:clamp(24px,5vw,54px)}.soap-bubble-reveal__heading{font-size:clamp(40px,5.3vw,64px)}.soap-bubble-reveal__visual{min-height:500px}}@media screen and (max-width:820px){.soap-bubble-reveal__inner{grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:24px}.soap-bubble-reveal__heading{font-size:clamp(36px,6vw,52px)}.soap-bubble-reveal__description{font-size:15px}.soap-bubble-reveal__visual{min-height:430px}.soap-bubble-reveal__product-frame{width:min(var(--soap-bubble-reveal-product-width),94%)}}@media screen and (min-width:750px)and (max-width:989px){.soap-bubble-reveal__content{text-align:var(--soap-bubble-reveal-text-align-tablet, left)}.soap-bubble-reveal__heading,.soap-bubble-reveal__description{margin-left:var(--soap-bubble-reveal-copy-margin-left-tablet, 0);margin-right:var(--soap-bubble-reveal-copy-margin-right-tablet, 0)}.soap-bubble-reveal__button{margin-left:var(--soap-bubble-reveal-button-margin-left-tablet, 0);margin-right:var(--soap-bubble-reveal-button-margin-right-tablet, 0)}}@media screen and (max-width:749px){.soap-bubble-reveal{min-height:auto}.soap-bubble-reveal__inner{min-height:auto;grid-template-columns:minmax(0,1fr);gap:28px;padding:max(46px,calc(var(--soap-bubble-reveal-padding-top) * .72)) clamp(20px,6vw,32px) max(42px,calc(var(--soap-bubble-reveal-padding-bottom) * .72))}.soap-bubble-reveal__content{width:min(100%,var(--soap-bubble-reveal-text-width));margin:0 auto;text-align:var(--soap-bubble-reveal-text-align-mobile, center)}.soap-bubble-reveal__eyebrow{margin-bottom:14px}.soap-bubble-reveal__heading{max-width:12ch;margin-left:var(--soap-bubble-reveal-copy-margin-left-mobile, auto);margin-right:var(--soap-bubble-reveal-copy-margin-right-mobile, auto);font-size:clamp(37px,11.5vw,58px);line-height:1}.soap-bubble-reveal__description{max-width:510px;margin-left:var(--soap-bubble-reveal-copy-margin-left-mobile, auto);margin-right:var(--soap-bubble-reveal-copy-margin-right-mobile, auto);font-size:clamp(15px,4vw,17px)}.soap-bubble-reveal__button{min-height:44px;margin-top:22px;margin-left:var(--soap-bubble-reveal-button-margin-left-mobile, auto);margin-right:var(--soap-bubble-reveal-button-margin-right-mobile, auto);padding:11px 18px;gap:10px;font-size:12px}.soap-bubble-reveal__button-icon{font-size:16px}.soap-bubble-reveal__visual{min-height:clamp(330px,92vw,520px)}.soap-bubble-reveal__product-frame{width:min(var(--soap-bubble-reveal-product-width),86vw)}.soap-bubble-reveal__glow{width:min(88%,470px)}}@media screen and (max-width:480px){.soap-bubble-reveal__inner{padding-left:20px;padding-right:20px}.soap-bubble-reveal__heading{font-size:clamp(36px,11.5vw,50px)}.soap-bubble-reveal__visual{min-height:clamp(310px,96vw,450px)}.soap-bubble-reveal__product-frame{width:min(var(--soap-bubble-reveal-product-width),88vw)}}@media screen and (max-width:375px){.soap-bubble-reveal__inner{padding-left:18px;padding-right:18px}.soap-bubble-reveal__heading{font-size:clamp(34px,11vw,43px)}.soap-bubble-reveal__button{width:fit-content;max-width:100%}}@media screen and (max-width:320px){.soap-bubble-reveal__inner{padding-left:16px;padding-right:16px}.soap-bubble-reveal__heading{font-size:34px}.soap-bubble-reveal__description{font-size:14px}.soap-bubble-reveal__visual{min-height:300px}}@media(prefers-reduced-motion:reduce){.soap-bubble-reveal--animation-enabled .soap-bubble-reveal__product-frame,.soap-bubble-reveal--animation-enabled.soap-bubble-reveal--revealed .soap-bubble-reveal__product-frame{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}.soap-bubble-reveal__glow,.soap-bubble-reveal--animation-enabled.soap-bubble-reveal--revealed .soap-bubble-reveal__glow{opacity:.13!important;transform:translate3d(-50%,-50%,0)!important;transition:none!important}.soap-bubble-reveal__bubble{display:none!important;animation:none!important;transition:none!important}.soap-bubble-reveal__button,.soap-bubble-reveal__button-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/soap-bubble-reveal.css.map */