.material-footer{display:flex;justify-content:flex-end;padding:.5rem .75rem}.material-library-component{display:flex;flex-direction:column;height:100%}.material-library-component.materialCenter{height:auto;min-height:calc(100% - 5rem)}.material-library-component .material-container{display:flex;height:100%;overflow:hidden}.material-library-component .material-sidebar{border-right:1px solid var(--p-zinc-200);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:.5rem 0;width:180px}.material-library-component .material-sidebar .sidebar-section .section-header{align-items:center;display:flex;justify-content:space-between;padding:.5rem .75rem}.material-library-component .material-sidebar .sidebar-section .section-header .section-title{color:var(--p-zinc-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.material-library-component .material-sidebar .sidebar-section .section-header .add-folder-btn{min-width:auto;padding:.25rem}.material-library-component .material-sidebar .sidebar-section .section-title{color:var(--p-zinc-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.material-library-component .material-sidebar .sidebar-section .type-dropdown{margin:0 .5rem;width:calc(100% - 1rem)}.material-library-component .material-sidebar .sidebar-section .type-dropdown :deep(.p-dropdown){width:100%}.material-library-component .material-sidebar .sidebar-section .type-dropdown :deep(.p-dropdown) .p-dropdown-label{font-size:.8125rem;padding:.5rem .75rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown :deep(.p-dropdown) .p-dropdown-trigger{padding:.5rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-value{align-items:center;display:flex;gap:.5rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-value i{color:var(--p-zinc-400);font-size:.875rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-option{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.375rem .5rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-option i{color:var(--p-zinc-400);font-size:.875rem;width:14px}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-option span{flex:1;font-size:.8125rem}.material-library-component .material-sidebar .sidebar-section .type-dropdown .dropdown-option .count{background:var(--p-zinc-100);border-radius:8px;color:var(--p-zinc-400);font-size:.6875rem;padding:.125rem .375rem}.material-library-component .material-sidebar .sidebar-item{align-items:center;border-radius:6px;color:var(--p-zinc-700);cursor:pointer;display:flex;font-size:.8125rem;font-size:13px;gap:.5rem;justify-content:space-between;margin:.125rem .25rem;padding:.5rem .75rem;position:relative;transition:all .2s}.material-library-component .material-sidebar .sidebar-item .left{align-items:center;display:flex;flex:1;gap:.5rem}.material-library-component .material-sidebar .sidebar-item .left i{font-size:14px}.material-library-component .material-sidebar .sidebar-item .left span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-library-component .material-sidebar .sidebar-item .folder-actions{display:flex;flex-shrink:0;opacity:0}.material-library-component .material-sidebar .sidebar-item .folder-actions .folder-menu-btn{height:18px!important;opacity:.6;padding:.15rem}.material-library-component .material-sidebar .sidebar-item .folder-actions .folder-menu-btn:hover{opacity:1}.material-library-component .material-sidebar .sidebar-item:hover{background:var(--p-zinc-200)}.material-library-component .material-sidebar .sidebar-item:hover .folder-actions{opacity:1}.material-library-component .material-sidebar .sidebar-item.active{background:var(--p-blue-100);color:var(--p-blue-700);font-weight:500}.material-library-component .material-sidebar .sidebar-item.active i{color:var(--p-blue-600)}.material-library-component .material-sidebar .sidebar-item .count{border-radius:8px;color:var(--p-zinc-400);flex-shrink:0;font-size:.6875rem;padding:.125rem .375rem;text-align:right}.material-library-component .material-sidebar .sidebar-divider{background:var(--p-zinc-200);height:1px;margin:.5rem .25rem}.material-library-component .material-sidebar .type-filters{display:flex;flex-direction:column;gap:.125rem;padding:0 .25rem}.material-library-component .material-sidebar .type-filters .type-item{align-items:center;border-radius:6px;color:var(--p-zinc-700);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.material-library-component .material-sidebar .type-filters .type-item i{color:var(--p-zinc-400);flex-shrink:0;font-size:.875rem}.material-library-component .material-sidebar .type-filters .type-item span{flex:1}.material-library-component .material-sidebar .type-filters .type-item .count{background:var(--p-zinc-200);border-radius:8px;color:var(--p-zinc-400);flex-shrink:0;font-size:.6875rem;padding:.125rem .375rem}.material-library-component .material-sidebar .type-filters .type-item:hover{background:var(--p-zinc-200)}.material-library-component .material-sidebar .type-filters .type-item.active{background:var(--p-blue-100);color:var(--p-blue-700);font-weight:500}.material-library-component .material-sidebar .type-filters .type-item.active i{color:var(--p-blue-600)}.material-library-component .material-sidebar .sidebar-footer{background:var(--p-zinc-50);border-top:1px solid var(--p-zinc-200);padding:.75rem}.material-library-component .material-sidebar .sidebar-footer .p-button{justify-content:center;width:100%}.material-library-component .material-main{display:flex;flex:1;flex-direction:column;overflow:hidden;padding-bottom:1.5rem}.material-library-component .material-main .material-toolbar{align-items:center;border-bottom:1px solid var(--p-zinc-200);display:flex;justify-content:space-between;padding:.5rem 1rem}.material-library-component .material-main .material-toolbar .toolbar-left{align-items:center;display:flex;gap:.75rem}.material-library-component .material-main .material-toolbar .toolbar-left .selected-info{color:var(--p-blue-600);font-size:.875rem;font-weight:500}.material-library-component .material-main .material-toolbar .toolbar-left .type-filter-dropdown{background:transparent;border:0;box-shadow:none;min-width:120px}.material-library-component .material-main .material-toolbar .toolbar-left .type-filter-dropdown .dropdown-value{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.material-library-component .material-main .material-toolbar .toolbar-left .type-filter-dropdown .dropdown-value i{color:var(--p-zinc-500);font-size:.875rem}.material-library-component .material-main .material-toolbar .toolbar-left .type-filter-dropdown .p-select-label{background:transparent;font-size:.75rem;padding:.5rem .75rem}.material-library-component .material-main .material-toolbar .toolbar-left .type-filter-dropdown .p-select-dropdown svg{height:12px;width:12px}.material-library-component .material-main .material-toolbar .toolbar-right{align-items:center;display:flex;gap:.75rem}.material-library-component .material-main .material-grid{align-content:start;display:grid;flex:1;gap:1rem;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:1rem 1rem .5rem;position:relative}.material-library-component .material-main .material-grid .loading-overlay{align-items:center;background:#ffffffe6;color:var(--p-blue-600);display:flex;justify-content:center;inset:0;position:absolute;z-index:10}.material-library-component .material-main .material-grid .material-item{aspect-ratio:16/10;background:#fff;border:2px solid var(--p-zinc-200);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s}.material-library-component .material-main .material-grid .material-item:hover{border-color:var(--p-blue-400);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.material-library-component .material-main .material-grid .material-item.checked{background:var(--p-blue-50);border-color:var(--p-blue-500)}.material-library-component .material-main .material-grid .material-item .file-checkbox{left:.5rem;position:absolute;top:.5rem;z-index:10}.material-library-component .material-main .material-grid .material-item .file-checkbox :deep(.p-checkbox) .p-checkbox-box{height:1.25rem;width:1.25rem}.material-library-component .material-main .material-grid .material-item .file-preview{align-items:center;background:var(--p-zinc-100);display:flex;flex:1;justify-content:center;overflow:hidden;position:relative}.material-library-component .material-main .material-grid .material-item .file-preview .file-image,.material-library-component .material-main .material-grid .material-item .file-preview .file-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.material-library-component .material-main .material-grid .material-item .file-preview .file-icon-wrapper{align-items:center;display:flex;justify-content:center}.material-library-component .material-main .material-grid .material-item .file-preview .file-icon-wrapper .file-icon-svg{fill:currentColor;height:40px;width:40px}.material-library-component .material-main .material-grid .material-item .file-preview .file-overlay{opacity:0;position:absolute;right:.25rem;top:.25rem;transition:opacity .2s}.material-library-component .material-main .material-grid .material-item .file-preview .file-overlay .file-action-btn{background:#ffffffe6;border-radius:4px;min-width:auto;opacity:.8;padding:.25rem}.material-library-component .material-main .material-grid .material-item .file-preview .file-overlay .file-action-btn:hover{background:#fff;opacity:1}.material-library-component .material-main .material-grid .material-item .file-preview .file-overlay .file-action-btn .pi{font-size:.875rem}.material-library-component .material-main .material-grid .material-item:hover .file-overlay{opacity:1}.material-library-component .material-main .material-grid .material-item .file-name{background:var(--p-zinc-50);color:var(--p-zinc-500);font-size:.75rem;overflow:hidden;padding:.25rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.material-library-component .material-main .material-grid .folder-item{align-items:center;aspect-ratio:auto;flex-direction:row;gap:.75rem;grid-column:span 1;padding:.75rem}.material-library-component .material-main .material-grid .folder-item .folder-icon{color:var(--p-yellow-600);font-size:2rem}.material-library-component .material-main .material-grid .folder-item .folder-name{background:transparent;flex:1;font-size:.875rem;font-weight:500;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.material-library-component .material-main .material-grid .empty-state{align-items:center;color:var(--p-zinc-400);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 1rem}.material-library-component .material-main .material-grid .empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.material-library-component .material-main .material-grid .empty-state p{font-size:.875rem;margin:0 0 1rem}.material-library-component .material-main .material-pagination{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.25rem 1rem}.material-library-component .material-main .material-pagination .batch-actions{align-items:center;display:flex;gap:.5rem}.material-library-component .material-main .material-pagination .batch-actions .selected-count{align-items:center;background:var(--p-zinc-50);border-radius:.25rem;color:var(--p-blue-600);display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.material-library-component .material-main .material-pagination .batch-actions .selected-count .pi{border-radius:.25rem;color:var(--p-zinc-400);cursor:pointer;font-size:.875rem;padding:.25rem}.material-library-component .material-main .material-pagination .batch-actions .selected-count .pi:hover{background:var(--p-blue-100);color:var(--p-blue-600)}.material-library-component .material-main .material-pagination .batch-actions .p-button{font-size:.75rem!important}.material-library-component .material-main .material-pagination .pagination-controls{align-items:center;display:flex;gap:.15rem}.material-library-component .material-main .material-pagination .page-info{color:var(--p-zinc-600);font-size:.75rem;min-width:40px;text-align:center}.material-library-component .material-main .material-pagination .page-info .current-page{color:var(--p-blue-600);font-weight:600}.material-library-component .material-main .material-pagination .p-button{font-size:.75rem!important}.material-library-component .material-main .material-pagination .page-jumper{align-items:center;display:flex;gap:.25rem;margin-left:.5rem}.material-library-component .material-main .material-pagination .page-jumper .page-input{width:30px}.material-library-component .material-main .material-pagination .page-jumper .page-input .p-inputtext{font-size:.875rem;padding:.25rem .5rem;text-align:center;width:30px}.p-image-preview-mask{background:#ffffffe6!important;border-radius:.25rem;color:var(--p-zinc-500)!important;height:1.65rem;left:.25rem;opacity:0;top:.25rem;transition:all .3s ease;width:1.8rem}.p-image-preview-mask:hover{background:#fff!important;opacity:1}:hover>.p-image-preview-mask{opacity:.8}.p-image-preview-mask svg{color:var(--p-zinc-500);fill:currentColor;height:1rem!important;width:1rem!important}.w-full{width:100%}.mt-4{margin-top:1rem}.flex{display:flex}.gap-2{gap:1rem}.hidden-upload{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.folder-menu-items{display:flex;flex-direction:column;gap:.5rem}.folder-menu-items .menu-item-min{align-items:center;border-radius:3px;color:var(--p-zinc-700);cursor:pointer;display:flex;font-size:.75rem!important;gap:.375rem;padding:.375rem .5rem!important;transition:all .2s}.folder-menu-items .menu-item-min i{color:var(--p-zinc-500);font-size:.75rem!important;height:12px;width:12px}.folder-menu-items .menu-item-min:hover{background:var(--p-zinc-100)}.folder-menu-items .menu-item-min:hover i{color:var(--p-zinc-700)}.folder-menu-items .menu-item-min:last-child:hover{background:var(--p-red-50)}.folder-menu-items .menu-item-min:last-child:hover i{color:var(--p-red-600)}.type-filter-options .dropdown-option{align-items:center;display:flex;gap:.35rem;justify-content:space-between;padding:.35rem .25rem}.type-filter-options .dropdown-option i{color:var(--p-zinc-400);font-size:.875rem;width:16px}.type-filter-options .dropdown-option span{flex:1;font-size:.8125rem}.type-filter-options .dropdown-option .count{background:var(--p-zinc-100);border-radius:10px;color:var(--p-zinc-400);font-size:.6875rem;min-width:40px;padding:.125rem .5rem;text-align:center}.editor-container{display:flex;flex-direction:column;gap:.75rem}.editor-container .editor-item{display:flex;flex-direction:column;gap:.45rem}.editor-container .editor-item .red{color:var(--p-red-600)}.editor-container .editor-item .p-inputtext,.editor-container .p-textarea{font-size:.875rem;padding:.5rem .75rem}.editor-footer{display:flex;gap:.5rem;justify-content:flex-end}.smDialog .p-inputtext,.smDialog .p-select-label,.smDialog .p-textarea{font-size:.875rem;padding:.5rem .75rem}