.joiner-dropzone{border:2px dashed var(--bs-border-color);text-align:center;cursor:pointer;border-radius:.5rem;padding:3rem 1.5rem;transition:border-color .15s,background-color .15s}.joiner-dropzone:hover,.joiner-dropzone--active{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .05)}.joiner-dropzone-icon{font-size:2rem}.joiner-canvas-wrapper{justify-content:center;display:flex}.joiner-canvas{background:repeating-conic-gradient(#e9ecef 0% 25%,#fff 0% 50%) 0 0/20px 20px;border-radius:.25rem;max-width:100%;height:auto;display:block}.joiner-list-item{border-bottom:1px solid var(--bs-border-color);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.joiner-list-item:last-child{border-bottom:none}.joiner-thumb{object-fit:contain;background:repeating-conic-gradient(#e9ecef 0% 25%,#fff 0% 50%) 0 0/10px 10px;border-radius:.25rem;flex-shrink:0;width:48px;height:48px}.joiner-list-name{flex:auto;min-width:0}.joiner-list-actions{flex-shrink:0;gap:.25rem;display:flex}