@keyframes skeleton-animation-31ecb915{0%{background-position:100%}to{background-position:0%}}.op-collection[data-v-31ecb915]{--control-bg:var(--bs-control-bg);--control-border:var(--bs-border);--control-accent:var(--bs-border);min-height:var(--bs-control-min-height);background-color:var(--control-bg);border:1px solid var(--control-border);border-bottom-color:var(--control-accent);border-radius:var(--bs-border-radius);--opc-min-height:0;--opc-max-height:400;--opc-item-size:150;--opc-item-border:transparent;--opc-item-bg:transparent;min-height:calc(var(--opc-min-height) * 1px);max-height:calc(var(--opc-max-height) * 1px);grid-template-rows:min-content auto min-content min-content;padding:.5rem;transition:all .3s;display:grid;position:relative;overflow-y:auto}.op-collection .collection-header[data-v-31ecb915]{z-index:4;width:calc(100% + 1rem);margin:-.5rem -.5rem 0;position:sticky;top:-.5rem}.op-collection .collection-header[data-v-31ecb915]:empty{display:none}.op-collection .collection-footer[data-v-31ecb915]{z-index:4;width:calc(100% + 1rem);margin:0 -.5rem -.5rem;position:sticky;bottom:-.5rem}.op-collection .collection-footer[data-v-31ecb915]:empty{display:none}.op-collection .collection-groups-list[data-v-31ecb915]{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.op-collection .collection-group[data-v-31ecb915]{border:1px dashed #0000;padding-bottom:0;transition:all .2s}.op-collection .collection-group[data-v-31ecb915] .collection-group-header{z-index:3;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background-color:#ffffffbf;font-weight:500;position:sticky;top:0}.op-collection .collection-group[data-v-31ecb915] .collection-group-header.is--pinned{background-color:red}.op-collection .collection-group .collection-list[data-v-31ecb915]{gap:1px;width:100%;margin-bottom:0;padding-top:.25rem;padding-left:0;display:grid}.op-collection .collection-group .collection-list .collection-item[data-v-31ecb915]{flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.op-collection .collection-group .collection-list .collection-item .collection-item-wrapper[data-v-31ecb915]{background-color:var(--opc-item-bg);border:1px solid var(--opc-item-border);border-radius:var(--bs-border-radius);cursor:pointer;flex-direction:column;padding:.25rem .25rem .25rem .75rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.op-collection .collection-group .collection-list .collection-item .collection-item-wrapper .collection-item-input[data-v-31ecb915]{appearance:none;border-radius:var(--bs-border-radius);cursor:pointer;position:absolute;inset:0}.op-collection .collection-group .collection-list .collection-item.is--selected>.collection-item-wrapper[data-v-31ecb915]{--opc-item-bg:rgba(var(--bs-primary-rgb), .1)}.op-collection .collection-group .collection-list .collection-item.is--selected>.collection-item-wrapper[data-v-31ecb915]:after{content:"";background-color:var(--bs-primary);border-radius:var(--bs-border-radius);width:3.5px;height:50%;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0}.op-collection .collection-group .collection-list .collection-item.is--dragged[data-v-31ecb915]{filter:brightness(.8);transition:all .2s;transform:scale(.98)}.op-collection .collection-group.group-create-new[data-v-31ecb915]{opacity:0;z-index:-1;background-color:color-mix(in srgb, var(--bs-primary-3) 10%, white 90%);border-color:var(--bs-primary-3);border-radius:var(--bs-border-radius);padding:0;transition:all .2s;position:absolute;left:0;right:0;translate:0 -100%}.op-collection .collection-group.group-create-new .collection-list[data-v-31ecb915]{justify-content:center;align-items:center;min-height:3rem;display:flex}.op-collection .collection-group:not(.is--disabled) .collection-item-wrapper[data-v-31ecb915]:hover{--opc-item-bg:rgb(var(--bs-dark-rgb), .05)}.op-collection .collection-group:not(.is--disabled) .collection-item-wrapper[data-v-31ecb915]:active>*{transition:all;transform:translateY(1px)}.op-collection .collection-group.is--disabled .collection-item-wrapper[data-v-31ecb915]{opacity:.6;cursor:default!important}.op-collection.is--allow-drag-item .collection-group .collection-list .collection-item .collection-item-wrapper[data-v-31ecb915]:before{content:"⋮⋮";z-index:1;opacity:0;cursor:grab;color:rgb(var(--bs-dark-rgb), .5);background-color:rgb(var(--bs-dark-rgb), .05);align-items:center;margin:auto;font-size:smaller;transition:all .2s;display:flex;position:absolute;top:0;bottom:0;left:-.15rem;translate:-100%}.op-collection.is--allow-drag-item .collection-group .collection-list .collection-item:not(.is--disabled) .collection-item-wrapper[data-v-31ecb915]:hover:before{opacity:1;translate:0}.op-collection.is--allow-drag-item .collection-group .collection-list .collection-item:not(.is--disabled) .collection-item-wrapper[data-v-31ecb915]:active:before{cursor:grabbing;background-color:rgb(var(--bs-dark-rgb), .1)}.op-collection.has--drag-start .collection-group[data-v-31ecb915]:not(:has(.collection-item.is--dragged)){background-color:color-mix(in srgb, var(--bs-dark) 3%, white 97%);border-color:rgb(var(--bs-dark-rgb), .2);border-radius:var(--bs-border-radius)}.op-collection.has--drag-start .collection-group .collection-list>.collection-item[data-v-31ecb915]:not(.is--dragged){opacity:.15}.op-collection.has--drag-start .collection-group.group-create-new[data-v-31ecb915]{z-index:5;opacity:1;margin-top:1.5rem;position:sticky;bottom:0;translate:0;background-color:color-mix(in srgb, var(--bs-primary-3) 10%, white 90%)!important;border-color:var(--bs-primary-3)!important}.op-collection.has--drag-start .collection-group.is--drag-enter[data-v-31ecb915]:not(:has(.collection-item.is--dragged)){background-color:color-mix(in srgb, var(--bs-primary) 5%, white 95%);border-color:var(--bs-border-hover)}.op-collection.has--drag-start .collection-group.is--drag-enter.group-create-new[data-v-31ecb915]{box-shadow:0 0 10px -3px var(--bs-primary-3)}.op-collection[data-v-31ecb915]:not(.is--disabled):hover,.op-collection[data-v-31ecb915]:not(.is--disabled):focus,.op-collection[data-v-31ecb915]:not(.is--disabled):focus-within{--control-border:color-mix(in srgb, var(--bs-border) 80%, black 20%);--control-accent:var(--bs-border-hover)}.op-collection[data-v-31ecb915]:not(.is--disabled):focus-visible{outline:none}.op-collection[data-v-31ecb915]:not(.is--disabled):active{--control-border:color-mix(in srgb, var(--bs-border) 80%, white 20%);--control-accent:color-mix(in srgb, var(--bs-primary) 60%, white 40%);transition:all .15s}.op-collection.is--disabled[data-v-31ecb915]{--control-bg:var(--bs-gray-200);--control-border:rgba(var(--bs-black-rgb), .05);--control-accent:var(--control-border);opacity:.6;pointer-events:none;color:var(--bs-gray-800);opacity:1;pointer-events:all}.op-collection.is--disabled .collection-group .collection-list .collection-item .collection-item-wrapper .collection-item-input[data-v-31ecb915]{cursor:default}.op-collection.is--disabled .collection-group .collection-list .collection-item .collection-item-wrapper[data-v-31ecb915]:before{content:none}.op-collection.view-mode--grid[data-v-31ecb915]{--opc-item-border:rgb(var(--bs-dark-rgb), .1)}.op-collection.view-mode--grid .collection-group .collection-list[data-v-31ecb915]:not(.is--empty){grid-template-columns:repeat(auto-fill, minmax(calc(var(--opc-item-size) * 1px), 1fr));grid-auto-rows:calc(var(--opc-item-size) * 1px);align-items:flex-start;gap:.5rem;display:grid}.op-collection.view-mode--grid .collection-group .collection-list:not(.is--empty) .collection-item .collection-item-wrapper[data-v-31ecb915]{height:calc(var(--opc-item-size) * 1px);padding-left:.25rem}.op-collection.view-mode--grid .collection-group .collection-list:not(.is--empty) .collection-item.is--selected[data-v-31ecb915]{--opc-item-border:var(--bs-border-active)}.op-collection.view-mode--grid .collection-group .collection-list:not(.is--empty) .collection-item.is--selected .collection-item-wrapper[data-v-31ecb915]:after{content:none}.op-collection.view-mode--grid .collection-group.group-create-new .collection-list[data-v-31ecb915]{align-items:center;display:flex}.op-collection.view-mode--grid .collection-group:not(.is--disabled) .collection-item .collection-item-wrapper[data-v-31ecb915]:hover{--opc-item-border:var(--bs-border-hover);--opc-item-bg:transparent}.op-collection.view-mode--grid .collection-group:not(.is--disabled) .collection-item.is--selected .collection-item-wrapper[data-v-31ecb915]{--opc-item-border:var(--bs-border-active);--opc-item-bg:rgba(var(--bs-primary-rgb), .1)}