.lp-lockup{display:flex;justify-content:center;width:100%;margin:0;padding:0 2rem clamp(3rem,7vw,7rem);perspective:120rem}.lp-lockup__press{display:block;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transform:none;transition:transform .9s cubic-bezier(.22,1,.36,1)}.lp-lockup__press.is-tilted{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(1.035);transition-duration:.45s}.lp-lockup__stage{position:relative;display:block;width:min(var(--lp-lockup-width, clamp(22rem, 30vw, 46rem)),calc(100vw - 4rem));container-type:inline-size}.lp-lockup__img{position:relative;z-index:1;display:block;width:100%;height:auto}.lp-drip{--c: #d8167a;--fall: 6.8cqw;--length: calc(var(--l) * 1.25);position:absolute;left:var(--x);top:var(--y);width:var(--w);pointer-events:none;translate:-50% 0}.lp-drip--c{--c: #1fb7ea}.lp-drip--m{--c: #d8167a}.lp-drip--y{--c: #f6dc12}.lp-drip--w{--c: #f4f4f4}.lp-drip--g{--c: #d9a92a;--fall: 3cqw}.lp-drip:before,.lp-drip:after{content:"";position:absolute;left:0;top:0;background:var(--c);animation-duration:var(--t);animation-delay:var(--delay);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-play-state:paused}.lp-drip:before{width:100%;height:var(--length);border-radius:999px;transform:scaleY(0);transform-origin:top;animation-name:lp-drip-stream}.lp-drip:after{left:50%;width:125%;aspect-ratio:5 / 6;margin-left:-62.5%;border-radius:50%/60% 60% 42% 42%;opacity:0;animation-name:lp-drip-drop}.lp-lockup.is-dripping:not(.is-pouring) .lp-lockup__stage>.lp-drip:before,.lp-lockup.is-dripping:not(.is-pouring) .lp-lockup__stage>.lp-drip:after{animation-play-state:running}@keyframes lp-drip-stream{0%,12%{transform:scaleY(0)}48%,55%{transform:scaleY(1)}72%,to{transform:scaleY(0)}}@keyframes lp-drip-drop{0%,20%{opacity:0;transform:translateY(0) scale(.35)}36%{opacity:.95}55%{opacity:1;transform:translateY(calc(var(--length) - var(--w) * .55)) scale(1)}75%{opacity:.9;transform:translateY(calc(var(--length) + var(--fall))) scale(.82,1.18)}88%,to{opacity:0;transform:translateY(calc(var(--length) + var(--fall) * 1.2)) scale(.68)}}.lp-crown{position:absolute;z-index:2;left:32.22%;top:.43%;width:35.57%;height:26.46%;pointer-events:none}.lp-crown__glow,.lp-crown__metal{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen}.lp-crown__glow{background:var(--crown) center / 100% 100% no-repeat;filter:blur(1.1cqw) brightness(1.5) saturate(1.15);opacity:0}.lp-crown__metal{overflow:hidden;-webkit-mask:var(--crown) center / 100% 100% no-repeat;mask:var(--crown) center / 100% 100% no-repeat}.lp-crown__sheen{position:absolute;top:-10%;right:-40%;bottom:-10%;left:-40%;background:linear-gradient(105deg,transparent 40%,rgb(255 240 190 / .35) 45.5%,rgb(255 253 242 / .95) 47.5%,rgb(255 240 190 / .35) 49.5%,transparent 52%,transparent 53.5%,rgb(255 246 214 / .5) 55%,transparent 56.5%);opacity:0}.lp-crown__glint{position:absolute;width:var(--size, 3.4cqw);aspect-ratio:1;background:radial-gradient(circle,rgb(255 255 255) 0 5%,rgb(255 240 196 / .75) 10%,rgb(255 226 150 / .2) 22%,transparent 34%),linear-gradient(90deg,transparent 2%,rgb(255 252 240) 50%,transparent 98%) center / 100% max(1.5px,3.5%) no-repeat,linear-gradient(0deg,transparent 2%,rgb(255 252 240) 50%,transparent 98%) center / max(1.5px,3.5%) 100% no-repeat;mix-blend-mode:screen;opacity:0;pointer-events:none}.lp-lockup__press:focus-visible{outline:2px solid #1eb5ea;outline-offset:.6rem}@media(prefers-reduced-motion:reduce){.lp-lockup__press{transform:none;transition:none}.lp-drip{display:none}}.lp-pour{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lp-lockup.is-pouring .lp-lockup__stage>.lp-drip{visibility:hidden}.lp-pour .lp-drip{--length: calc(var(--l) * 2.35);--fall: 6.8cqw}.lp-pour .lp-drip--g{--length: calc(var(--l) * 2.9);--fall: 3.2cqw}.lp-pour--strong .lp-drip{--length: calc(var(--l) * 2.8)}.lp-pour--strong .lp-drip--g{--length: calc(var(--l) * 3.5)}.lp-pour .lp-drip:before,.lp-pour .lp-drip:after{animation-duration:1.5s;animation-delay:var(--burst-delay);animation-iteration-count:1;animation-fill-mode:both;animation-play-state:running}.lp-pour__fall,.lp-pour__puddle{position:absolute;left:var(--x);background:var(--ink);pointer-events:none}.lp-pour__fall{top:var(--y);width:var(--drop-size);aspect-ratio:.72;border-radius:54% 46% 50% 50%/65% 65% 35% 35%;background:radial-gradient(ellipse at 37% 26%,rgb(255 255 255 / .42),transparent 45%),var(--ink)}.lp-pour__puddle{top:calc(100% + 5cqw);width:var(--pool-size);height:max(2px,var(--pool-depth));border-radius:56% 44% 62% 38%/66% 48% 52% 34%;box-shadow:0 .22cqw .35cqw #00000042;transform-origin:center;background:radial-gradient(ellipse at 36% 26%,rgb(255 255 255 / .33),transparent 46%),var(--ink);animation:lp-pour-settle 3.8s cubic-bezier(.16,1,.3,1) both}.lp-pour--strong .lp-pour__puddle{animation-duration:4.05s}@keyframes lp-pour-settle{0%{opacity:.95;transform:translate(-50%,-40%) rotate(var(--pool-tilt)) scale(.15,.7)}14%{opacity:1;transform:translate(-50%,-40%) rotate(var(--pool-tilt)) scale(1)}60%{opacity:.94}to{opacity:0;transform:translate(-50%,-40%) rotate(var(--pool-tilt)) scale(1.12,.8)}}@media(prefers-reduced-motion:reduce){.lp-pour{display:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/lp-lockup.css.map */