.think-multiple {--tw-ring-color: rgba(var(--color-gray-300-rgb), .7); box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);}
.think-multiple-body::-webkit-scrollbar {height: 5px;}
.think-multiple-body::-webkit-scrollbar-track {background: var(--color-gray-200);}
.think-multiple-item {min-width: 126px; position: relative; display: flex; border-radius: var(--radius); align-items: stretch; min-height: 80px; --tw-ring-color: rgba(var(--color-gray-300-rgb), .7); box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); margin-top: 1px; z-index: 1;}
.think-multiple-item.is-focus {z-index: 100;}
.think-multiple-action {opacity: 0; height: clac(8 * var(--space)); width: calc(6 * var(--space)); min-width: calc(6 * var(--space)); max-width: calc(6 * var(--space)); display: flex; justify-content: center; color: var(--color-gray-600);}
.think-multiple-item:hover .think-multiple-action {opacity: 1;}
.think-multiple-item-move {cursor: move; padding-top: 10px;}
.think-multiple-col-delete  {padding-top: 4px;}
.think-multiple-action .icon {font-size: 12px;}
.think-multiple-item-text::placeholder {color: var(--color-gray-400);}
.think-multiple .think-multiple-action button {width: calc(5 * var(--space));}
.think-multiple .btn-action:hover {color: var(--color-primary-500);}
.think-multiple-item .form-control {background: inherit;}
.think-multiple-item {background: var(--color-canvas);}
.think-multiple-item[data-level="1"] {margin-top: 0;}
.think-multiple-drag-ghost {position: absolute; left: 0; top: 0; bottom: 0; opacity: 0; right: 0; pointer-events: none;}
.think-multiple-item-move:hover {color: var(--color-primary-500);}
.has-dragging .think-multiple-item-move > .icon-move {display: none;}
.think-multiple-item.move-hover {background-color: rgba(var(--color-primary-100-rgb),.2);}
.think-multiple-item.is-dragging {background-color: rgba(var(--color-primary-100-rgb),.4);}
.think-multiple-item.is-sub-dragging {background-color: rgba(var(--color-primary-100-rgb),.2);}
.think-multiple-item.is-dropping {z-index: 5;}
.think-multiple-item.is-dropping::before,
.think-multiple-item.is-dropping::after {content: ' '; display: block; position: absolute; top: 0; z-index: 110;}
.think-multiple-item.is-dropping::after {transform: translateX(-2px);}
.think-multiple-item.is-dropping::before {width: 2px; height: 100%; background: var(--color-primary-500); top: 0;}
.think-multiple-item.is-dropping[data-drop-side="left"]::before {left: 0;}
.think-multiple-item.is-dropping[data-drop-side="right"]::before {right: 0;}
.think-multiple-item.is-dropping[data-drop-side="left"]::after {left: 0;}
.think-multiple-item.is-dropping[data-drop-side="right"]::after {right: -4px;}
.think-multiple-item.is-dropping::after {width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary-500); border: var(--color-primary-100) 3px solid; z-index: 120;}
.think-multiple-item.is-invalid-drop-level.is-dropping::before,
.think-multiple-item.is-invalid-drop-level.is-dropping::after {filter: grayscale(1); opacity: .5;}
.think-multiple .think-multiple-buttons { width: 100%; position: absolute; bottom: -20px; right: 0; text-align: right;}