.czechBeer{aspect-ratio:1024/922;--surface:100%;--fill:0;width:clamp(150px,26vw,200px);position:relative}.czechBeer--panel{width:clamp(6.5rem,24vw,9.5rem)}.czechBeer__shadow{filter:blur(3px);z-index:0;pointer-events:none;background:radial-gradient(closest-side,#1c203047,#0000 75%);border-radius:999px;width:60%;height:9%;position:absolute;bottom:-3%;left:3%}.czechBeer__fill{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:url(/beer-fill/mug-fill-mask.png);mask-image:url(/beer-fill/mug-fill-mask.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.czechBeer__liquid{left:0;right:0;top:var(--surface);background:linear-gradient(#f7cf55 0%,#edb02a 38%,#dd9214 72%,#c67c0c 100%);position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 3px 8px #fff0be8c}.czechBeer__sheen{pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff38 34%,#0000 46%);position:absolute;inset:0}.czechBeer__foam{left:0;right:0;top:calc(var(--surface) - 6%);background:linear-gradient(#fffdf6 0%,#f6edd6 60%,#ecdfbf 100%);border-radius:50% 50% 42% 42%/80% 80% 40% 40%;height:8%;position:absolute;box-shadow:0 1px 3px #785c2840}.czechBeer__bubbles{pointer-events:none;position:absolute;inset:0}.czechBeer__bubbles span{bottom:6%;left:var(--x);width:var(--size);height:var(--size);animation:czech-beer-bubble-rise var(--dur) ease-in infinite;animation-delay:var(--delay);background:#ffffff8c;border-radius:999px;position:absolute}.czechBeer__glass{object-fit:contain;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 10px #1c203024);width:100%;height:100%;position:absolute;inset:0}@keyframes czech-beer-bubble-rise{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.7}to{transform:translateY(calc(-1 * var(--rise))) scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){.czechBeer__bubbles span{opacity:0;animation:none}}