/*!
* Bit.Bortable default styles.
*
* Link it from the host page; it is not injected for you:
*
*   <link rel="stylesheet" href="_content/Bit.Bortable/bit-bortable.css" />
*
* The rules only cover the drag states. The look of the list and its items is left to the app, through the
* Class, ItemClass and ItemClassSelector parameters. The colours are custom properties, so they can be
* overridden on :root, on one list, or inline through the Style parameter:
*
*   :root { --bit-bortable-accent-rgb: 109, 40, 217; }
*
* GhostClass, ChosenClass, SwapClass and SelectedClass replace the class names below, for a list that wants
* its own drag states instead of these.
*/:root{--bit-bortable-accent-rgb: 13, 110, 253;--bit-bortable-ghost-opacity: .4;--bit-bortable-filtered-opacity: .7}.bit-bortable{position:relative}.bit-bortable-item{cursor:grab;user-select:none;transition:background-color .15s ease,transform .15s ease}.bit-bortable-item:active{cursor:grabbing}:where(.bit-bortable-has-handle)>.bit-bortable-item,:where(.bit-bortable-has-handle)>.bit-bortable-item:active{cursor:auto;user-select:auto}.bit-bortable-ghost{opacity:var(--bit-bortable-ghost-opacity)}.bit-bortable-chosen{background-color:var(--bit-bortable-chosen-bg, rgba(var(--bit-bortable-accent-rgb), .12))}.bit-bortable-hidden{display:none!important}.bit-bortable-filtered{cursor:not-allowed;opacity:var(--bit-bortable-filtered-opacity)}.bit-bortable-swap-highlight{background-color:var(--bit-bortable-swap-bg, rgba(var(--bit-bortable-accent-rgb), .18));outline:var(--bit-bortable-swap-outline, 2px dashed rgba(var(--bit-bortable-accent-rgb), .6));outline-offset:-2px}.bit-bortable-selected{background-color:var(--bit-bortable-selected-bg, rgba(var(--bit-bortable-accent-rgb), .25));box-shadow:var(--bit-bortable-selected-ring, inset 0 0 0 2px rgba(var(--bit-bortable-accent-rgb), .8))}.bit-bortable-disabled>.bit-bortable-item{cursor:default}