/* /Features/FileStorage/Browser/FileSystemObjectItem.razor.rz.scp.css */
@keyframes fadeInUp-b-ydyyyqlcr1 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in-entrance[b-ydyyyqlcr1] {
    animation: fadeInUp-b-ydyyyqlcr1 0.3s ease-out forwards;
}
/* /Features/FileStorage/Browser/Move/FolderDropZone.razor.rz.scp.css */
.folder-drop-zone[b-l1otf06e2h] {
    position: relative;
    transition: all 0.2s ease;
}

.folder-drop-zone.drag-over[b-l1otf06e2h]::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px dotted var(--mud-palette-primary);
    border-radius: 4px;
    pointer-events: none;
    animation: pulse-b-l1otf06e2h 1.5s infinite;
}

@keyframes pulse-b-l1otf06e2h {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}
/* /Features/HomeMonitoring/Components/CameraGrid.razor.rz.scp.css */
.camera-card-wrapper[b-ar7he0h6fl] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: default;
}

button.drag-handle[b-ar7he0h6fl] {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    background: rgba(0,0,0,.3);
    border: none;
    border-radius: 6px;
    padding: 0;
    cursor: grab;
    user-select: none;
    z-index: 10;
    backdrop-filter: blur(4px);
    transition: opacity .2s ease, background .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.drag-handle:active[b-ar7he0h6fl] {
    cursor: grabbing;
    background: rgba(0,0,0,.8);
}

button.drag-handle svg[b-ar7he0h6fl] {
    transform: rotate(-90deg);
    width: 14px;
    height: 6px;
}

@media (pointer: fine) {
    button.drag-handle[b-ar7he0h6fl] {
        opacity: .6;
    }
    div.camera-card-wrapper:hover button.drag-handle[b-ar7he0h6fl] {
        opacity: 1;
    }
}

@media (pointer: coarse) {
    button.drag-handle[b-ar7he0h6fl] {
        opacity: .85;
    }
}
/* /Shared/VirtualizeGrid/Selection/SelectableItemComponent.razor.rz.scp.css */
.selectable-item.selected[b-zkvs87lmms] {
    background-color: rgba(158, 158, 158, 0.4);
}
/* /Shared/VirtualizeGrid/Selection/SelectionRectangleComponent.razor.rz.scp.css */
.selection-rectangle[b-dk3udxwtad] {
    position: absolute;
    border: 1px solid var(--mud-palette-primary-darken);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.2);
    pointer-events: none;
    z-index: 9999;
}