@layer item-combining{.item-combining{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.item-combining__items{display:flex;flex-wrap:wrap;gap:16px;row-gap:20px}.item-combining__slot{border:none;background:transparent;box-shadow:none;padding:0;min-width:auto;min-height:auto}.draggable{display:flex;justify-content:center;align-items:center;padding:16px 20px;border-radius:24px;background:var(--colors-case-white, #fff);box-shadow:4px 4px 4px #0000001a;color:var(--colors-gray-light-mode-600, #626262);text-align:center;font-size:40px;font-weight:700;line-height:32px;border:2px solid transparent;transition:opacity .3s ease}.item-combining .draggable:hover:not(.item-combining__item--locked){border-color:var(--colors-gray-light-mode-500, #808080);color:var(--colors-gray-light-mode-800, #373737)}.item-combining .item-combining__item--locked{background:var(--colors-success-100, #d1fadf);color:var(--colors-success-700, #067647);cursor:default}.item-combining .item-combining__item--fading-out{opacity:0}.item-combining .item-combining__item--fading-in{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}body>div>.item-combining__slot{transform:scale(var(--app-scale))}}