.yr-sprite{position:relative;overflow:hidden;display:block;flex-shrink:0;isolation:isolate}.yr-sprite img{position:absolute;max-width:none;pointer-events:none;user-select:none;display:block}.yr-hero{width:100%;aspect-ratio:489/437}.yr-hero img{width:222.699%;left:-60.327%;top:-51.487%}.yr-cup,.yr-bag{width:100%;aspect-ratio:132/117}.yr-cup img{width:825%;left:-279.545%;top:-656.41%}.yr-bag img{width:825%;left:-445.455%;top:-656.41%}.yr-chefs{width:100%;aspect-ratio:366/315}.yr-chefs img{width:296.448%;left:-105.191%;top:-70.794%}.yr-local{width:100%;aspect-ratio:156/157}.yr-local img{width:695.513%;left:-223.077%;top:-367.516%}.yr-nationwide{width:100%;aspect-ratio:88/94}.yr-nationwide img{width:1232.955%;left:-635.227%;top:-602.128%}.yr-bowl{width:100%;aspect-ratio:88/83}.yr-bowl img{width:1232.955%;left:-635.227%;top:-862.65%}.yr-flying{width:100%;aspect-ratio:182/126}.yr-flying img{width:596.154%;left:-306.593%;top:-668.254%}.yr-support{width:100%;aspect-ratio:139/93}.yr-support img{width:780.576%;left:-247.482%;top:-1081.72%}.yr-sprite[class*=yr-nav-]{width:100%;aspect-ratio:1;mix-blend-mode:multiply}.yr-sprite[class*=yr-nav-] img{width:2722.5%;top:-2882.5%}.yr-nav-home img{left:-897.5%}.yr-nav-menu img{left:-1167.5%}.yr-nav-orders img{left:-1437.5%}.yr-nav-account img{left:-1702.5%}.yini-reference-label,.yr-product-art{display:none}body:is([data-skin=yini],[data-skin=foodle]){.customer-app{container-type:inline-size;font-family:Arial,Helvetica,sans-serif}.phone{border:6px solid #18120e;border-radius:38px;background:#765039}.phone:has([data-screen=home]) .zalo-bar{display:none}.phone:has([data-screen=home]) .phone-status{height:38px;padding-top:12px}.customer-app :is(h2,h3,h4){font-family:Arial,Helvetica,sans-serif}.c-products{grid-template-columns:1fr;gap:11px;padding-inline:17px}.c-product{display:grid;grid-template-columns:65px minmax(0,1fr) 31px;grid-template-rows:auto auto auto;gap:4px 10px;padding:10px;border-radius:14px;align-items:center;box-shadow:none}.c-product-image{grid-column:1;grid-row:1 / span 3;width:65px;height:74px;position:relative;border-radius:10px;background:#ecd9c2}.c-product-image>img{display:none}.c-product h4{grid-column:2;grid-row:1;font-size:13px;line-height:1.3}.c-product p{grid-column:2;grid-row:2;font-size:10px;margin:0;line-height:1.4}.c-product-price{display:contents}.c-product-price>span{grid-column:2;grid-row:3;font-size:12px}.c-product-price>button{grid-column:3;grid-row:1 / span 3;border-radius:50%;background:#78533c;color:#fff;width:29px;height:29px;padding:0}.c-product-badge{display:none}.c-product-image:disabled .c-product-badge{display:block;font-size:9px;inset:auto 3px 3px;white-space:normal;text-align:center;padding:3px;background:#fbf3e4;color:#80583f}.yr-product-art{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.yr-cup-drawing{width:32px;height:40px;border-radius:4px 4px 11px 11px;background:#b9ddef;position:relative;box-shadow:inset 0 4px #734b34;transform:rotate(-6deg);display:block}.yr-cup-drawing:after{content:"";position:absolute;width:15px;height:22px;border:5px solid #b9ddef;border-radius:8px;left:25px;top:7px}.yr-cup-drawing:before{content:"yini";position:absolute;inset:15px 0 0;text-align:center;font-size:10px;font-weight:900;color:#6d4b35}.yr-cookie{display:block;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#71472e 0 3px,transparent 4px),radial-gradient(circle at 70% 45%,#71472e 0 3px,transparent 4px),radial-gradient(circle at 35% 70%,#71472e 0 4px,transparent 5px),#d7a46a;box-shadow:inset -4px -4px #bd8c58}.c-product:has(button:disabled){opacity:.55}.c-home{scrollbar-width:none;background:#765039}.c-home::-webkit-scrollbar{display:none}.yini-home{padding:0 0 18px;min-height:100%}.yini-variant{gap:0}.yini-location{display:none}.yini-hero{height:92.9cqw;position:relative}.yini-pet-stage{height:89.3cqw;position:relative;overflow:hidden}.yini-friends{left:0;top:0;width:100%;height:auto;aspect-ratio:489/437;padding:0;display:block;isolation:isolate}.yini-friends>.yr-hero{width:100%;height:100%;animation:yini-reference-breathe 4s ease-in-out infinite}.yini-wordmark,.yini-floating-star,.yini-floating-heart{display:none}.yini-speech{bottom:4px;left:6%;right:auto;max-width:88%;border-radius:20px;background:#4b311ce8;color:#fff8e9;padding:6px 10px;font-size:9px;opacity:0;transition:opacity .2s;z-index:3;min-height:0;pointer-events:none}.yini-speech.yini-talk{opacity:1}.yini-playbar{position:absolute;right:5%;bottom:5px;margin:0;opacity:0;pointer-events:none;transition:opacity .2s;z-index:4}.yini-playbar button{background:#fff4e5;color:#765039;border-color:#d8b590;box-shadow:0 2px 10px #53321b2b;pointer-events:auto}.yini-hero:is(:hover,:focus-within) .yini-playbar{opacity:1}.yini-welcome{margin:0 5.1cqw;background:#fcf6ea;border-radius:3.9cqw;padding:4cqw 3.7cqw 3.3cqw;min-height:53.4cqw;box-shadow:none}.yini-welcome-top{gap:1cqw}.yini-welcome-top h3{font-size:4.45cqw;font-weight:750;line-height:1.2;white-space:nowrap;letter-spacing:-.15px}.yini-welcome-top p{font-size:3.4cqw;line-height:1.3;margin:.4cqw 0 0;color:#50311f}.yini-welcome-top>button{font-size:3.25cqw;padding:2.3cqw 2.7cqw;border-radius:2.8cqw;background:#775039;color:#fff9ef;white-space:nowrap;min-height:0}.yini-order-modes{margin-top:7.2cqw;height:24cqw}.yini-order-modes>button{padding:0;min-height:0;gap:0}.yini-order-modes>button+button{border-left:1px solid #e9d2b9}.yini-order-modes>button :is(strong,small){display:none}.yini-order-modes>button .yini-tile-icon{width:27cqw;height:auto;aspect-ratio:132/117}.yini-offer{width:auto;margin:4.9cqw 5.1cqw 0;min-height:13.8cqw;border-radius:3.8cqw;padding:0 5cqw;font-size:4.1cqw;box-shadow:none;background:#bee5fa;color:#50311f;font-weight:400}.yini-offer strong{font-weight:400}.yini-offer>span:last-child{font-size:4cqw;font-weight:700}.yini-membership{width:calc(100% - 10.2cqw);margin:4.9cqw 5.1cqw 0;padding:5.6cqw 4cqw;min-height:32cqw;background:linear-gradient(120deg,#d6b28d,#e1c3a2);border-radius:3.8cqw}.yini-membership>div>small,.yini-membership>.yini-tile-icon{display:none}.yini-membership h3{font-size:4.5cqw;margin:0 0 3cqw}.yini-membership p{font-size:3.4cqw;line-height:1.5;margin:0;color:#50311f}.yini-membership>div>span{background:none;padding:0;margin-top:3cqw;display:block;font-size:3.4cqw;font-weight:700}.yini-bottom-links{margin:14px 5.1cqw 0}.yini-story-link{margin:10px 5.1cqw;width:calc(100% - 10.2cqw)}.c-nav{position:relative;margin:0 3.7cqw 3px;border-radius:9cqw;padding:5px 4px;height:55px;background:#fff8ec;box-shadow:0 -1px #fff4e699;flex-shrink:0}.c-nav button{font-family:Arial,Helvetica,sans-serif;font-size:10px;gap:2px;min-height:44px;color:#50311f;padding:0}.c-nav button.active{background:none;font-weight:700}.m-nav>button>svg{display:none}.m-nav{margin:0 3.7cqw 3px;border-radius:9cqw;padding:5px 4px;height:55px;background:#fff8ec;border:0;flex-shrink:0}.m-nav button{font-family:Arial,Helvetica,sans-serif;font-size:10px;gap:2px;min-height:44px;color:#50311f;padding:0}.m-nav button.m-active{background:none;font-weight:700}.yini-nav-icon{width:25px;height:25px}.yini-reference-label{display:inline}:is(.c-nav,.m-nav) button:last-child .yini-default-label{display:none}.yini-theme-note{display:none}.yini-story-art .yr-sprite{height:auto!important;max-height:none;width:100%}.yini-parcel-art .yr-sprite{height:100%}.yini-cheer>.yr-sprite{animation:yini-bop .75s ease-in-out}.foodle-chefs .yr-chefs{animation:yini-reference-breathe 4s ease-in-out infinite}.cute-flying-cup .yr-sprite{width:100%;height:100%}}body[data-skin=yini]{.phone-status{background:#765039;color:#16100c}.phone .customer-app,.phone-home-indicator{background:#765039}}body[data-skin=foodle]{.phone{background:#fff}.phone-status{background:#fff;color:#31221b}.c-home{background:#fff}.yini-home{padding:0 4.1cqw 18px;background:#fff}.foodle-variant{gap:0}.foodle-hero{height:auto;padding:0;margin:0 0 3.7cqw;position:relative}.foodle-chefs{width:75cqw;height:auto;aspect-ratio:366/315;margin-left:10.2cqw;padding:0;border:0;background:none;display:block;overflow:visible}.foodle-wordmark{display:none}.foodle-tagline{position:absolute;bottom:0;left:0;right:0;opacity:0;font-size:9px;pointer-events:none;background:#fffdf5ef;border-radius:10px;padding:5px;z-index:2}.foodle-tagline.yini-talk{opacity:1}.foodle-grid{grid-template-columns:1fr 1fr;grid-template-rows:27cqw 25.6cqw;gap:2.6cqw}.foodle-grid>button{border-radius:4cqw;background:linear-gradient(120deg,#8b6752,#84604c);color:#fff}.foodle-grid>button strong{font-size:4cqw;line-height:1.3;white-space:nowrap}.foodle-grid>button small,.foodle-grid .yini-arrow{display:none}.foodle-grid .foodle-local{padding:5cqw 1cqw 6.3cqw;justify-content:space-between;gap:0}.foodle-local>.yini-tile-icon{width:32cqw;height:auto}.foodle-grid .foodle-local strong{font-size:4.4cqw}.foodle-grid>button:not(.foodle-local){padding:3cqw 2.4cqw;gap:1.2cqw;justify-content:flex-start}.foodle-grid>button:not(.foodle-local)>.yini-tile-icon{width:18cqw;height:auto}.foodle-grid .yr-sprite,:is(.foodle-member,.foodle-support,.foodle-story) .yr-sprite{filter:grayscale(1) contrast(8);mix-blend-mode:screen;pointer-events:none}:is(.foodle-member,.foodle-support,.foodle-story){background:linear-gradient(120deg,#8b6752,#84604c);border-radius:4cqw;color:#fff}.foodle-member{margin-top:2.6cqw;height:30.6cqw;min-height:0;padding:4.8cqw 4.8cqw 4.4cqw 5.8cqw}.foodle-member h3{font-size:6.5cqw;line-height:1.1;margin:0 0 1.5cqw;color:#fff;white-space:nowrap}.foodle-member p{font-size:3.8cqw;margin:0 0 2.2cqw;color:#fff}.foodle-member>div>span{display:inline-flex;background:#fff;color:#84604c;border-radius:8cqw;font-size:3.5cqw;font-weight:700;padding:1.2cqw 3.4cqw;margin:0}.foodle-member>.yini-tile-icon{width:37cqw;height:auto}.foodle-support{height:23cqw;min-height:0;margin-top:2cqw;padding:2.4cqw 6cqw;gap:15cqw;justify-content:flex-start}.foodle-support>.yini-tile-icon{width:28cqw;height:auto}.foodle-support strong{font-size:4.8cqw;white-space:nowrap}.foodle-support>.yini-arrow{display:none}.foodle-story{margin-top:3cqw;min-height:25cqw}.phone:has([data-screen=home]) .c-nav{display:none}.phone-home-indicator{background:#fff}}@keyframes yini-reference-breathe{0%,to{translate:0 0}50%{translate:0 -3px}}