.yini-home,.yini-nav-icon{display:none}.skin-switch{flex-wrap:wrap;max-width:100%}@media(max-width:480px){.demo-tools{width:100%;justify-content:center;margin:0}.skin-switch{width:100%;justify-content:center}.skin-switch button{flex:1;padding-inline:5px!important;font-size:9px!important}}@keyframes yini-breathe{0%,to{translate:0 0;rotate:-.4deg}50%{translate:0 -2.5px;rotate:.4deg}}@keyframes yini-blink{0%,37%,41%,78%,82%,to{transform:scaleY(1)}39%,80%{transform:scaleY(.05)}}@keyframes yini-ear{0%,76%,to{transform:rotate(0)}80%,88%{transform:rotate(-7deg)}84%,92%{transform:rotate(5deg)}}@keyframes yini-tail{0%,to{transform:rotate(-9deg)}50%{transform:rotate(10deg)}}@keyframes yini-wave{0%,to{transform:rotate(0)}25%,75%{transform:rotate(-15deg)}50%{transform:rotate(8deg)}}@keyframes yini-bop{0%,to{translate:0 0}30%{translate:0 -7px}60%{translate:0 1px}80%{translate:0 -3px}}@keyframes yini-stir{0%,to{transform:rotate(-7deg)}50%{transform:rotate(10deg)}}@keyframes yini-float{0%,to{transform:translateY(0) rotate(-8deg);opacity:.55}50%{transform:translateY(-6px) rotate(7deg);opacity:1}}@keyframes yini-entry{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes yini-modal{0%{opacity:.2;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes yini-particle{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--pet-dx)),var(--pet-dy)) rotate(var(--pet-rot)) scale(1)}}@keyframes yini-snack{0%{opacity:0;transform:translate(-50%,-25px) rotate(-30deg) scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(-50%,90px) rotate(60deg) scale(.2)}}body:is([data-skin=yini],[data-skin=foodle]){:is(.yf-pet,:is(.fc-cat,.fc-dog)){transform-box:fill-box;transform-origin:center bottom;animation:yini-breathe 3.4s ease-in-out infinite}:is(.yf-pet:nth-child(2n),:is(.fc-cat,.fc-dog):nth-child(2n)){animation-delay:-1.5s}:is(.yf-blink,.fc-blink,.yn-eyes){transform-box:fill-box;transform-origin:center;animation:yini-blink 5.4s infinite}:is(.yf-ear,:is(.fc-ear,.fc-dog-ear)){transform-box:fill-box;transform-origin:center bottom;animation:yini-ear 6s ease-in-out infinite}:is(.yf-tail,.fc-tail){transform-box:fill-box;transform-origin:left center;animation:yini-tail 2.8s ease-in-out infinite}.yf-pupils{transform:translate(var(--yini-look,0));transition:transform .15s ease-out}.yini-friends{touch-action:none;transform:translate(var(--yini-x,0),var(--yini-y,0));cursor:grab;position:absolute;left:calc(50% - 117px);top:16px;width:234px;height:174px;padding:0;border:0;background:transparent;z-index:2;overflow:visible;box-shadow:none}.yini-pet-stage{height:218px;position:relative;isolation:isolate}.yini-friends>svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 0 #3e241a15);pointer-events:auto}.yini-friends:active{transform:translate(var(--yini-x,0),var(--yini-y,0))!important}.yini-dragging{cursor:grabbing}.yini-dragging .yf-pet{animation:none;rotate:-3deg}:is(.yini-friends:hover,.yini-cheer) .yf-wave{transform-box:fill-box;transform-origin:center bottom;animation:yini-wave .65s ease-in-out 2}.yini-cheer>svg{animation:yini-bop .75s ease-in-out}.foodle-chefs svg{width:100%;height:100%;overflow:visible}.fc-stir{transform-box:fill-box;transform-origin:70% 85%;animation:yini-stir 2.8s ease-in-out infinite}.foodle-chefs:hover .fc-stir,.foodle-chefs.yini-cheer .fc-stir{animation-duration:.5s}:is(.yini-floating-star,.yini-floating-heart){position:absolute;pointer-events:none;animation:yini-float 4s ease-in-out infinite;color:#e8c591;font-size:19px;z-index:0}.yini-floating-star{top:22px;left:25px}.yini-floating-heart{right:23px;top:110px;animation-delay:-2s;color:#d9b4ab}.yini-speech{position:absolute;bottom:4px;left:5px;right:5px;font-size:9px;color:#f5e6cf;text-align:center;pointer-events:none;line-height:1.7}.yini-talk{animation:yini-entry .3s ease-out}:is(.yini-welcome,.yini-offer,.yini-membership,.foodle-grid,.foodle-member,.foodle-support,.foodle-story){animation:yini-entry .45s ease-out both}.yini-offer{animation-delay:.05s}:is(.yini-membership,.foodle-member){animation-delay:.1s}:is(.c-product,.m-section,.m-voucher,.m-reward,.c-order-card){animation:yini-entry .3s ease-out both}:is(.c-sheet,.m-sheet,.p-dialog[open],.yini-dialog[open]){animation:yini-modal .23s cubic-bezier(.2,.8,.4,1)}& button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}& button:active:not(.yini-friends){transform:scale(.975)}.c-nav button.active .yini-nav-icon{animation:yini-bop .5s ease-out}.yini-nav-icon svg{width:100%;height:100%;overflow:visible}.yini-arrow{transition:transform .2s ease}@media(hover:hover){:is(.yini-order-modes>button,.foodle-grid>button,.foodle-member,.yini-membership,.foodle-support,.foodle-story,.yini-offer):hover{transform:translateY(-3px);box-shadow:0 5px #2c1c1119}& button:hover .yini-arrow{transform:translate(2px,-2px)}}.yini-dialog::backdrop{background:#3e291c80;backdrop-filter:blur(4px)}.yini-dialog[open]{display:block}.yini-confetti{color:#d5a873}}.yini-confetti{position:fixed;z-index:10020;pointer-events:none;font-size:23px;animation:yini-particle 1s ease-out forwards}.yini-snack{position:absolute;left:50%;top:0;color:#edce96;font-size:38px;pointer-events:none;z-index:4;animation:yini-snack .75s ease-in forwards}body[data-motion=off] :is(.yini-confetti,.yini-snack){display:none}@media(prefers-reduced-motion:reduce){.yini-confetti,.yini-snack{display:none!important}}