@layer draggable{.draggable{position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid transparent}.draggable--selected{border:2px solid #fac515}.draggable--rejected{border:2px solid #ef4444}.draggable--disabled{cursor:default}}@layer bin-sorting{@keyframes fadeInNewItem{0%{opacity:0}to{opacity:1}}.bin-sorting{display:flex;flex-direction:column;align-items:center;gap:24px;height:100%}.bin-sorting__items{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.bin-sorting__items>.draggable{animation:fadeInNewItem .25s ease-in-out .25s both}.bin-sorting__bins{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.bin-sorting__bin{display:flex;flex-direction:column;align-items:center;gap:8px}.bin-sorting__bin-label{text-align:center}.bin-sorting__bin-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:48px}.bin-sorting .draggable{display:flex;padding:16px;justify-content:center;align-items:center;border-radius:12px;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:32px;font-weight:700;line-height:36px;border:2px solid transparent;transition:border-color .2s linear,color .2s linear}.bin-sorting .draggable:hover{border:2px solid var(--colors-gray-light-mode-500, #808080);color:var(--colors-gray-light-mode-800, #373737)}.bin-sorting .draggable--selected{border:2px solid var(--colors-warning-500, #f79009)}.bin-sorting .draggable--rejected{border:2px solid var(--colors-error-500, #f04438);background:var(--colors-error-50, #fef3f2)}.bin-sorting__slot{position:relative}.bin-sorting__slot>button.draggable{position:absolute;inset:0}.bin-sorting__placeholder{pointer-events:none}.bin-sorting__placeholder>*{visibility:hidden}.bin-sorting .droppable{display:flex;min-width:100px;min-height:50px;justify-content:center;align-items:center;gap:16px;border-radius:16px;background:var(--colors-warning-100, #fef0c7);box-shadow:5.333px 5.333px 10px #00000014 inset;border:2px solid transparent;transition:border-color .2s}.bin-sorting__bin.droppable--over{border-color:var(--colors-warning-500, #f79009)}.bin-sorting__droppables{display:flex;align-items:center;justify-content:center;gap:4px;font-size:32px;font-weight:700}.bin-sorting .bin-sorting__placeholder{border-radius:16px;background:var(--Colors-Warning-100, #fef0c7);box-shadow:5.333px 5.333px 10px #00000014 inset}}