.drink-page.svelte-1da3gx8{z-index:1;width:100%;min-height:100%;overflow:hidden}#main-background:has(.drink-page){position:relative;overflow:hidden}.beer-bg.svelte-1da3gx8{z-index:-10;pointer-events:none;transform:rotate(calc(var(--tilt-x,0deg) * -1));will-change:transform;transform-origin:50% 55%;position:absolute;inset:-50%;overflow:hidden}.beer-liquid.svelte-1da3gx8{will-change:transform;background:linear-gradient(#ffe16f 0%,#daa400 8%,#c17700 35%,#944a00 70%,#6b3000 100%);width:100%;height:100%;animation:4s cubic-bezier(.15,.85,.35,1) forwards svelte-1da3gx8-fill-up-beer;position:absolute;inset:0;transform:translateY(100%)}@keyframes svelte-1da3gx8-fill-up-beer{0%{transform:translateY(100%)}to{transform:translateY(33%)}}.bubbles-container.svelte-1da3gx8{position:absolute;inset:0;overflow:hidden}.bubble.svelte-1da3gx8{pointer-events:none;will-change:transform, opacity;background:#ffffff40;border:1px solid #ffffff73;border-radius:50%;animation:linear infinite svelte-1da3gx8-bubble-rise;position:absolute;bottom:-20px}@keyframes svelte-1da3gx8-bubble-rise{0%{opacity:0;transform:translateY(-50vh)scale(.6)}10%{opacity:var(--bubble-opacity,.4)}90%{opacity:var(--bubble-opacity,.4)}to{transform:translate3d(var(--bubble-sway,10px), -190vh, 0) scale(2);opacity:0}}.beer-foam.svelte-1da3gx8{z-index:5;height:50px;transform:translate3d(0, calc(var(--slosh) * .3), 0) skewX(var(--slosh-skew));will-change:transform;background:#fdfcf7;border-top:1px solid #ffffffe6;position:absolute;top:-25px;left:0;right:0;box-shadow:0 -4px 15px #ffffffe6,inset 0 -6px 8px #d46a001a}.foam-bumpy-container.svelte-1da3gx8{z-index:-1;height:50px;position:absolute;top:-25px;left:0;right:0}.foam-bump.svelte-1da3gx8{will-change:transform;background:#fdfcf7;border-radius:50%;animation:3s ease-in-out infinite alternate svelte-1da3gx8-foam-wiggle;position:absolute;box-shadow:0 -2px 6px #fffc}@keyframes svelte-1da3gx8-foam-wiggle{0%{transform:translateY(0)scale(1)}to{transform:translateY(.8rem)scale(1.1)}}.foam-surface-bubble.svelte-1da3gx8{z-index:6;will-change:transform;background:#ffffffb3;border:1px solid #ffffffe6;border-radius:50%;animation:5s ease-in-out infinite alternate svelte-1da3gx8-foam-bubble-drift;position:absolute}@keyframes svelte-1da3gx8-foam-bubble-drift{0%{transform:translate(0,0)}to{transform:translate(4px,-3px)}}