.meat-frame{aspect-ratio:.42;isolation:isolate;width:100%}.meat--menu .meat-frame{aspect-ratio:.5}@media (min-width:768px){.meat-frame{aspect-ratio:.62}.meat--menu .meat-frame{aspect-ratio:.8}}.meat-img{transform-origin:40%}.meat-embers{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0;overflow:hidden}.meat-embers i{aspect-ratio:1;background:#ffb347;border-radius:50%;width:5px;position:absolute;bottom:-4%;box-shadow:0 0 8px 2px #ff8c28b3}.meat-embers i:first-child{left:12%}.meat-embers i:nth-child(2){width:4px;left:28%}.meat-embers i:nth-child(3){left:45%}.meat-embers i:nth-child(4){width:3px;left:61%}.meat-embers i:nth-child(5){left:76%}.meat-embers i:nth-child(6){width:4px;left:90%}.meat-seal{z-index:3;aspect-ratio:1;color:#14110f;width:3.4rem;font-family:var(--font-display,inherit);letter-spacing:.06em;text-transform:uppercase;background:radial-gradient(circle at 30% 25%,#f6d98c,#e9b44c 55%,#b8862a);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:.5rem;left:.5rem;box-shadow:0 4px 14px #00000073,inset 0 0 0 2px #ffffff59}.meat-seal__ring{border:1.5px dashed #14110f8c;border-radius:50%;position:absolute;inset:3px}@media (min-width:768px){.meat-seal{width:4.4rem;font-size:.85rem;top:.75rem;left:.75rem}}.meat-glow{z-index:0;pointer-events:none;background:radial-gradient(closest-side,#e9b44c47,#0000);height:55%;position:absolute;inset:auto -20% -10%}.meat-shine{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 38%,#fff4dc52 50%,#0000 62%);position:absolute;inset:0}.meat-steam{z-index:2;pointer-events:none;opacity:0;height:40%;position:absolute;inset:0 0 auto}.meat-steam i{aspect-ratio:1;filter:blur(8px);background:radial-gradient(closest-side,#fff6,#0000);border-radius:50%;width:28%;position:absolute;bottom:0}.meat-steam i:first-child{left:8%}.meat-steam i:nth-child(2){left:38%}.meat-steam i:nth-child(3){left:66%}@media (prefers-reduced-motion:no-preference){.meat[data-armed] .meat-frame{clip-path:inset(100% 0 0)}.meat[data-armed] .meat-text{opacity:0;transform:translateY(14px)}.meat[data-armed][data-in] .meat-frame{clip-path:inset(0);transition:clip-path 1.25s var(--ease-out-expo) calc(var(--i) * .22s)}.meat[data-armed][data-in] .meat-text{opacity:1;transition:opacity .7s ease calc(.7s + var(--i) * .22s), transform .9s var(--ease-out-expo) calc(.7s + var(--i) * .22s);transform:none}.meat[data-in] .meat-img{animation:meat-turn 16s ease-in-out calc(1.4s + var(--i) * .9s) infinite alternate}.meat[data-in] .meat-shine{animation:meat-shine 7s ease-in-out calc(1.6s + var(--i) * 1.6s) infinite}.meat[data-in] .meat-steam{opacity:1}.meat[data-in] .meat-steam i{animation:6s ease-out infinite meat-steam}.meat[data-in] .meat-steam i:nth-child(2){animation-delay:2s}.meat[data-in] .meat-steam i:nth-child(3){animation-delay:4s}.meat[data-armed] .meat-seal{opacity:0;transform:scale(2.4)rotate(-24deg)}.meat[data-armed][data-in] .meat-seal{opacity:1;transition:opacity .25s ease calc(1.5s + var(--i) * .22s), transform .55s cubic-bezier(.2, 1.5, .4, 1) calc(1.5s + var(--i) * .22s);transform:none}.meat[data-in] .meat-seal__ring{animation:24s linear infinite meat-ring}.meat[data-in] .meat-glow{animation:4.5s ease-in-out infinite alternate meat-breathe}.meat[data-in] .meat-embers{opacity:1}.meat[data-in] .meat-embers i{animation:7s ease-in infinite meat-ember}.meat[data-in] .meat-embers i:nth-child(2){animation-duration:8s;animation-delay:1.3s}.meat[data-in] .meat-embers i:nth-child(3){animation-delay:3.1s}.meat[data-in] .meat-embers i:nth-child(4){animation-duration:9s;animation-delay:.7s}.meat[data-in] .meat-embers i:nth-child(5){animation-duration:6s;animation-delay:4.4s}.meat[data-in] .meat-embers i:nth-child(6){animation-duration:8.5s;animation-delay:2.2s}.meat[data-paused] :is(.meat-seal__ring,.meat-glow,.meat-embers i),.meat[data-paused] :is(.meat-img,.meat-shine,.meat-steam i){animation-play-state:paused}}@keyframes meat-turn{0%{transform:scale(1.08)translate(-2.5%)}to{transform:scale(1.08)translate(2.5%)}}@keyframes meat-shine{0%,35%{opacity:0;transform:translate(-70%)}50%{opacity:1}80%,to{opacity:0;transform:translate(70%)}}@keyframes meat-steam{0%{opacity:0;transform:translateY(40%)scale(.7)}25%{opacity:.8}to{opacity:0;transform:translateY(-120%)scale(1.5)}}@keyframes meat-ring{to{transform:rotate(360deg)}}@keyframes meat-breathe{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@keyframes meat-ember{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:.95}to{opacity:0;transform:translate(14px,-260px)scale(.3)}}
