.k-myjam .mj-br{background:#fff;min-height:100%;padding-bottom:96px}.k-myjam .mj-pc-open{border-radius:5px;position:absolute;inset:0}.k-myjam .mj-bc-row{scrollbar-width:none;align-items:flex-start;gap:20px;padding:8px 16px;display:flex;overflow-x:auto}.k-myjam .mj-bc-row::-webkit-scrollbar{display:none}.k-myjam .mj-bc{border-radius:8px;flex-direction:column;flex:none;align-items:center;width:52px;display:flex}.k-myjam .mj-bc-c{width:60px;height:60px;transition:transform .3s var(--ease);flex:none;position:relative}.k-myjam .mj-bc:active .mj-bc-c{transform:scale(.94)}.k-myjam .mj-bc-l{color:var(--g-500);white-space:nowrap;text-align:center;padding:4px 2px;font-size:12px;font-weight:500;line-height:16px}.k-myjam .mj-br .mj-bc{transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(var(--i,0)*45ms)}.k-myjam .mj-br[data-pre] .mj-bc{opacity:0;transform:translateY(14px)}.k-myjam .mj-br-sec{flex-direction:column;display:flex}.k-myjam .mj-br-sec .mj-sh{padding:16px 0 16px 16px}.k-myjam .mj-br-grid{grid-template-columns:1fr 1fr;gap:16px;padding:0 8px;display:grid}.k-myjam .mj-pc-g{justify-content:center;height:255px;width:auto!important}.k-myjam .mj-pc-g .mj-pc-img{flex:none;height:142px}.k-myjam .mj-pc-g .mj-pc-add{bottom:7px}.k-myjam .mj-pc-g .mj-pc-off{font-size:14px;line-height:20px}.k-myjam .mj-pc-g .mj-pc-off img{width:24px;height:24px}.k-myjam .mj-pc-g .mj-pc-name{height:41px;color:var(--g-900);margin-bottom:8px;font-size:14px;line-height:20px}.k-myjam .mj-pc-g .mj-pc-heart{left:138px;right:auto}.k-myjam .mj-mt-row{scrollbar-width:none;gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}.k-myjam .mj-mt-row::-webkit-scrollbar{display:none}.k-myjam .mj-mt{border:2px solid var(--g-200);background:var(--g-25);border-radius:10px;flex:none;width:100px;height:100px;position:relative;overflow:hidden}.k-myjam .mj-mt svg{width:100%;height:100%;overflow:hidden}.k-myjam .mj-mt-bg{fill:var(--mt);transition:fill .7s var(--ease)}.k-myjam .mj-mt g,.k-myjam .mj-mt path,.k-myjam .mj-mt rect,.k-myjam .mj-mt circle{transform-box:view-box}.k-myjam .mj-mt-obj{transform-origin:50%;transform:var(--mt-on,none);transition:transform .8s var(--ease),filter .7s var(--ease),opacity .7s var(--ease)}.k-myjam .mj-mt[data-pre] .mj-mt-bg{fill:var(--g-25)}.k-myjam .mj-mt[data-pre] .mj-mt-obj{transform:var(--mt-off);filter:grayscale()contrast(.35)brightness(1.55);opacity:.8}.k-myjam .mj-mt-cake{--mt:#d87ea0;--mt-off:translate(0,-6px) scale(.62)}.k-myjam .mj-mt-sauce{--mt:#fc0;--mt-off:translate(16px,18px) rotate(42deg) scale(.6)}.k-myjam .mj-mt-pop{--mt:#7ddcc0;--mt-off:translate(4px,0) rotate(-35deg) scale(.6)}.k-myjam .mj-mt-tea{--mt:#2a2a85;--mt-off:translate(4px,-8px) scale(.68)}.k-myjam .mj-mt-oil{--mt:#383838;--mt-off:translate(30px,32px) rotate(-60deg) scale(.55)}.k-myjam .mj-mt-milk{--mt:#78c9f7;--mt-off:translate(0,-8px) rotate(-16deg) scale(.6)}.k-myjam .mj-mt-cherry{transform-origin:52px 40px;animation:mj-mt-bob 2.4s var(--ease) infinite}.k-myjam .mj-mt-splat{transform-origin:60px 40px;animation:mj-mt-splat 3.6s var(--ease) infinite}.k-myjam .mj-mt-wob{transform-origin:46px 42px;animation:3s ease-in-out infinite mj-mt-wob}.k-myjam .mj-mt-steam path{animation:2.6s ease-out infinite mj-mt-steam}.k-myjam .mj-mt-steam path+path{animation-delay:1.3s}.k-myjam .mj-mt-tag{transform-origin:26px 71px;animation:2.6s ease-in-out infinite mj-mt-swing}.k-myjam .mj-mt-stream{stroke-dasharray:46;animation:mj-mt-pour 3.6s var(--ease) infinite}.k-myjam .mj-mt-level{animation:mj-mt-fill 3.6s var(--ease) infinite}.k-myjam .mj-mt-wave{animation:3.2s ease-in-out infinite mj-mt-wave}.k-myjam .mj-mt[data-pre] :is(.mj-mt-splat,.mj-mt-steam,.mj-mt-stream,.mj-mt-level,.mj-mt-wave){opacity:0;animation:none}.k-myjam .mj-mt[data-pre] :is(.mj-mt-cherry,.mj-mt-wob,.mj-mt-tag){animation:none}@keyframes mj-mt-bob{0%,to{transform:none}40%{transform:translateY(-4px)}60%{transform:translateY(1px)}}@keyframes mj-mt-splat{0%,8%{opacity:1;transform:scale(0)}30%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes mj-mt-wob{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}}@keyframes mj-mt-steam{0%{opacity:0;transform:translateY(8px)}30%{opacity:.5}to{opacity:0;transform:translateY(-10px)}}@keyframes mj-mt-swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes mj-mt-pour{0%{stroke-dashoffset:46px}30%,75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-46px;opacity:1}}@keyframes mj-mt-fill{0%,20%{transform:translateY(16px)}70%,to{transform:none}}@keyframes mj-mt-wave{0%,to{transform:translateY(4px)}50%{transform:translate(-4px,-3px)}}@media (prefers-reduced-motion:reduce){.k-myjam .mj-mt *{animation:none!important}}