/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Library/MediaCategoryPanel.razor.rz.scp.css */
.media-category-panel[b-6hw1mmj35q] {
    padding: 14px;
    min-height: 420px;
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.media-category-panel__header[b-6hw1mmj35q],
.media-category-panel__title[b-6hw1mmj35q] {
    display: flex;
    align-items: center;
}

.media-category-panel__header[b-6hw1mmj35q] {
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.media-category-panel__title[b-6hw1mmj35q] {
    gap: 8px;
    min-width: 0;
}

.media-category-all-button[b-6hw1mmj35q] {
    margin-bottom: 8px;
    border-radius: 8px;
}

.media-category-row[b-6hw1mmj35q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    border-radius: 8px;
}

.media-category-child[b-6hw1mmj35q] {
    padding-left: 18px;
}

.media-category-actions[b-6hw1mmj35q] {
    display: flex;
    align-items: center;
    opacity: .72;
    transition: opacity 120ms ease;
}

.media-category-row:hover .media-category-actions[b-6hw1mmj35q] {
    opacity: 1;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Library/MediaGalleryGrid.razor.rz.scp.css */
.media-card[b-lqujz5gm7s] {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
    background: var(--mud-palette-surface);
}

.media-card:hover[b-lqujz5gm7s] {
    transform: translateY(-1px);
    box-shadow: var(--mud-elevation-2);
}

.media-card[b-lqujz5gm7s]  .media-card-preview {
    width: 100%;
    height: 176px;
}

@media (max-width: 600px) {
    .media-card[b-lqujz5gm7s]  .media-card-preview {
        height: 164px;
    }
}

.media-gallery-empty[b-lqujz5gm7s] {
    text-align: center;
    border-radius: 8px;
}

.media-gallery-empty__icon[b-lqujz5gm7s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-primary) 11%, var(--mud-palette-surface));
}

.media-gallery-empty__actions[b-lqujz5gm7s] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Library/MediaLibraryItemPreview.razor.rz.scp.css */
.media-library-item-preview[b-4o48lmy6iw] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--mud-palette-background-grey);
}

.media-library-item-preview img[b-4o48lmy6iw],
.media-library-item-preview video[b-4o48lmy6iw],
.media-library-item-preview iframe[b-4o48lmy6iw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-library-item-preview video[b-4o48lmy6iw] {
    display: block;
    background: #000;
}

.media-library-item-preview iframe[b-4o48lmy6iw] {
    border: 0;
    background: #fff;
}

.media-library-item-preview audio[b-4o48lmy6iw] {
    width: calc(100% - 2rem);
    max-width: 20rem;
}

.media-library-item-preview__details[b-4o48lmy6iw] {
    display: grid;
    gap: 5px;
    width: 100%;
    padding: 18px;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    line-height: 1.3;
    text-align: center;
}

.media-library-item-preview__details span[b-4o48lmy6iw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-library-item-preview__type[b-4o48lmy6iw] {
    color: var(--mud-palette-text-primary);
    font-size: .9rem;
    font-weight: 600;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Library/MediaLibraryItemSummary.razor.rz.scp.css */
.media-library-item-summary[b-nthcbhdsq2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
}

.media-library-item-summary__name[b-nthcbhdsq2] {
    overflow: hidden;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-library-item-summary__identity[b-nthcbhdsq2] {
    min-width: 0;
}

.media-library-item-summary__actions[b-nthcbhdsq2] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Picker/MediaPickerDialog.razor.rz.scp.css */
.media-picker-dialog__content[b-3d1n3xt9ot] {
    max-height: min(70vh, 760px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 4px 16px;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__workspace {
    min-height: 360px;
}

.media-picker-dialog__cards[b-3d1n3xt9ot] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    gap: 16px;
}

.media-picker-dialog__card-slot[b-3d1n3xt9ot] {
    min-width: 0;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid var(--mud-palette-lines-default);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card:hover,
.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card--selected {
    border-color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-2);
}

.media-picker-dialog__card-preview[b-3d1n3xt9ot] {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--mud-palette-background-gray);
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card-preview-asset {
    width: 100%;
    height: 100%;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card-body {
    flex: 1;
    min-width: 0;
    padding: 16px;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__title-tooltip {
    display: block;
    min-width: 0;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__card-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3em;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__metadata {
    overflow-wrap: anywhere;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__select {
    margin-top: auto;
    width: 100%;
    min-height: 40px;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__loading,
.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__empty {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 16px;
    min-height: 320px;
    padding: 24px;
    text-align: center;
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__details {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    overflow-wrap: anywhere;
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}

.media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__details-preview {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.media-picker-dialog__details-empty[b-3d1n3xt9ot] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 16px;
    min-height: 300px;
    text-align: center;
}

.media-picker-dialog__actions[b-3d1n3xt9ot] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    padding: 8px;
}

@media (max-width: 959px) {
    .media-picker-dialog__content[b-3d1n3xt9ot]  .media-picker-dialog__details {
        position: static;
    }

    .media-picker-dialog__details-empty[b-3d1n3xt9ot] {
        min-height: 160px;
    }
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Shared/MediaAssetPreview.razor.rz.scp.css */
.media-asset-preview[b-90nhkptn07] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at center, color-mix(in srgb, var(--mud-palette-primary) 7%, transparent), transparent 54%),
    var(--mud-palette-background-grey);
    overflow: hidden;
}

.media-asset-preview img[b-90nhkptn07] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-asset-preview--compact[b-90nhkptn07] {
    width: min(100%, 280px);
    height: 180px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 4px;
}

.media-asset-preview__thumbnail[b-90nhkptn07] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.media-asset-preview__thumbnail img[b-90nhkptn07] {
    object-fit: contain;
}

.media-asset-preview__thumbnail:focus-visible[b-90nhkptn07] {
    outline: 3px solid var(--mud-palette-primary);
    outline-offset: -3px;
}

.media-asset-preview video[b-90nhkptn07],
.media-asset-preview iframe[b-90nhkptn07] {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.media-asset-preview__fallback[b-90nhkptn07] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 18px;
    text-align: center;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Shared/MediaImagePreviewDialog.razor.rz.scp.css */
.media-image-dialog[b-pibqkwdvbl] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.media-image-dialog img[b-pibqkwdvbl] {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Upload/MediaUploadDialog.razor.rz.scp.css */
.media-upload-dialog[b-4zokvfmme0] {
    display: block;
    min-width: 0;
}

.media-upload-dialog-section[b-4zokvfmme0] {
    padding: 20px;
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.media-upload-dialog-section--file[b-4zokvfmme0] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-primary) 5%, transparent), transparent 58%),
    var(--mud-palette-surface);
}

.media-upload-dialog-section--optional[b-4zokvfmme0] {
    background: color-mix(in srgb, var(--mud-palette-background-grey) 38%, var(--mud-palette-surface));
}

.media-upload-dialog-section__header[b-4zokvfmme0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.media-upload-dialog[b-4zokvfmme0]  .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}

.media-upload-dialog[b-4zokvfmme0]  .mud-input-control-helper-container {
    min-height: 18px;
}

.media-upload-dialog[b-4zokvfmme0]  textarea,
.media-upload-dialog[b-4zokvfmme0]  input {
    line-height: 1.45;
}

@media (max-width: 600px) {
    .media-upload-dialog-section[b-4zokvfmme0] {
        padding: 16px;
    }
}
/* _content/PlanA.Abp.Media.Admin.Blazor/Components/Media/Upload/SelectedMediaUploadFileList.razor.rz.scp.css */
.media-upload-file-input[b-v3to35x5va],
.media-upload-file-input[b-v3to35x5va]  .mud-file-upload {
    width: 100%;
}

.media-upload-input-hidden[b-v3to35x5va],
[b-v3to35x5va] .media-upload-input-hidden,
[b-v3to35x5va] input.media-upload-input-hidden,
.media-upload-file-input[b-v3to35x5va]  input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.media-upload-drop-zone[b-v3to35x5va] {
    display: flex;
    min-height: 190px;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px;
    border-radius: 8px;
    border-style: dashed;
    border-color: var(--mud-palette-primary);
    background: linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-primary) 9%, transparent), transparent 62%),
    var(--mud-palette-surface);
    text-align: center;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.media-upload-drop-zone:hover[b-v3to35x5va] {
    border-color: var(--mud-palette-primary-darken);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.media-upload-drop-zone--disabled[b-v3to35x5va] {
    cursor: default;
    opacity: .65;
}

.media-upload-drop-zone__icon[b-v3to35x5va] {
    display: flex;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--mud-palette-surface);
    box-shadow: inset 0 0 0 1px var(--mud-palette-lines-default);
}

.media-upload-drop-zone__copy[b-v3to35x5va] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.media-upload-queue[b-v3to35x5va] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.media-upload-queue-header[b-v3to35x5va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 2px 0;
}

.media-upload-queue-title[b-v3to35x5va] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.media-upload-file-card[b-v3to35x5va] {
    position: relative;
    display: grid;
    grid-template-rows: 120px auto auto;
    min-inline-size: 0;
    min-height: 276px;
    overflow: hidden;
    border-radius: 8px;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.media-upload-file-card:hover[b-v3to35x5va] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.media-upload-file-preview[b-v3to35x5va] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--mud-palette-background-grey) 70%, var(--mud-palette-surface));
    overflow: hidden;
}

.media-upload-file-preview__fallback[b-v3to35x5va] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.media-upload-file-meta[b-v3to35x5va] {
    min-width: 0;
    padding: 14px 16px 18px;
}

.media-upload-file-name[b-v3to35x5va] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
}

.media-upload-file-card[b-v3to35x5va]  .mud-icon-button {
    margin: 0 .5rem .5rem;
    justify-self: end;
}
.media-upload-file-card[b-v3to35x5va]  .media-upload-file-name {
    min-inline-size: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}
.media-upload-file-meta[b-v3to35x5va]  .mud-typography { overflow-wrap: anywhere; }

@media (max-width: 600px) {
    .media-upload-drop-zone[b-v3to35x5va] {
        justify-content: center;
        min-height: 150px;
        padding: 20px;
        text-align: center;
    }

    .media-upload-file-card[b-v3to35x5va] {
        grid-template-rows: 120px auto auto;
    }
}
