joli-media-sonata-admin.b1b110a9.css

.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{display:inline-block;margin:.5em;position:relative;width:120px}.dropzone .dz-preview .dz-progress{border:1px solid #aaa;display:block;height:15px}.dropzone .dz-preview .dz-progress .dz-upload{background:green;display:block;height:100%;width:0}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;height:58px;left:30px;left:50%;margin-left:-27px;position:absolute;top:30px;width:54px}:root{--jm-color-primary:#b9c6dc;--jm-color-secondary:#899ebc;--jm-color-gray-100:#f8fafc;--jm-color-gray:#4b4b4b;--jm-color-black:#000;--jm-color-green:#00a65a;--jm-color-red:#dd4b39;--jm-color-white:#fff;--jm-border-color:#e2e8f0;--jm-dropzone-color:#293a53;--jm-dropzone-border-color:#aab6c8}.code-preview{display:flex;pre{flex-grow:1;margin:0 1rem 0 0;overflow:auto;padding:.5rem}}.sonata-bc .breadcrumb li.breadcrumb-item--ellipsis{max-width:40ch;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:nowrap;a{display:inline}}.navbar-left:has(.joli-media-breadcrumb){max-height:50px;max-width:90%;overflow:hidden}.clipboard-btn.is-copied,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active:focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover{background-color:var(--jm-color-green)}.dropzone-container{display:none;left:0;right:0;top:100%;&.dropzone-active{display:block}input[type=file]{display:none}}.dropzone{background-color:var(--jm-color-gray-100);border:1px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:flex;flex-wrap:wrap;margin-top:1rem;min-height:auto;z-index:100}.dz-message{cursor:pointer;font-size:1.4375rem;margin:0;padding:5rem 1.25rem}.dz-button{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0 auto;outline:inherit;padding:0}.dz-started .dz-message{display:none}.dz-details{font-size:15px}.dropzone .dz-preview{width:180px;.dz-progress{border:none;border-radius:5px;height:10px;overflow:hidden;.dz-upload{background-color:var(--jm-color-green)}}&.dz-complete{.dz-progress{display:none}}.dz-error-marker{color:var(--jm-color-red);display:none;margin-right:.25rem}.dz-success-marker{color:var(--jm-color-green);display:none;margin-right:.25rem}&.dz-error{.dz-error-marker{display:inline-block}.dz-error-message{color:var(--jm-color-red);display:block;font-size:.875rem}.dz-image.media-preview{display:none}}&.dz-success .dz-success-marker{display:inline-block}a[data-dz-link]{align-items:center;display:flex;flex-wrap:wrap;height:109px;place-content:center;width:180px}}.dz-preview-template{display:none}.modal-folder-choice{--bs-modal-width:90%}.gallery-list-item{--gallery-list-item-icon-color:var(--jm-color-primary);--gallery-list-item-name-color:var(--jm-color-black)}.gallery-list-item:active,.gallery-list-item:focus-visible,.gallery-list-item:hover{--gallery-list-item-name-color:var(--jm-color-secondary)}.gallery-list-item--back{--gallery-list-item-icon-color:var(--jm-color-gray)}.gallery-grid{--gallery-grid-item-name-font-weight:400;--gallery-grid-item-name-color:var(--jm-color-black)}.gallery-grid--folders{--gallery-grid-item-name-font-weight:600;--gallery-grid-item-name-height:auto;--gallery-grid-item-name-break-word:break-word}.gallery-grid--files{--gallery-grid-item-name-height:2lh;--gallery-grid-item-name-break-word:break-all}.gallery-grid-item{--gallery-grid-item-icon-background-color:var(--jm-color-white);--gallery-grid-item-icon-color:var(--jm-color-primary)}.gallery-grid-item--back{--gallery-grid-item-icon-color:var(--jm-color-gray)}.gallery-grid-item__link:active,.gallery-grid-item__link:focus-visible,.gallery-grid-item__link:hover{--gallery-grid-item-icon-color:var(--jm-color-secondary);--gallery-grid-item-name-color:var(--jm-color-secondary);--gallery-grid-item-hover-icon-color:var(--jm-color-secondary)}.gallery{display:flex;flex-direction:column;gap:1.5rem;.pager-results-count{margin-top:7px}}.gallery-list{table-layout:fixed;th{width:11.25rem}}.gallery-list-item{align-items:center;display:flex;gap:.75rem}.gallery-list-item__icon{color:var(--gallery-list-item-icon-color);font-size:1.25rem}.gallery .gallery-list-item__preview,.gallery-list-item__preview{align-items:center;aspect-ratio:20/24;color:var(--jm-color-primary);display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;width:1.25rem;img{height:100%;object-fit:cover;width:100%}}.gallery-list-item__name{color:var(--gallery-list-item-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-grid{column-gap:1.25rem;display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:1.5rem}.gallery-grid-item{list-style-type:none;width:11.25rem;.media-preview{aspect-ratio:var(--media-preview-aspect-ratio,180/109)}}.gallery-grid-item__link{display:flex;flex-direction:column;gap:.5rem}.gallery-grid-item__icon{align-items:center;aspect-ratio:180/109;background-color:var(--gallery-grid-item-icon-background-color);border:.1rem solid var(--jm-border-color);border-radius:.25rem;color:var(--gallery-grid-item-icon-color);display:flex;font-size:3.25rem;justify-content:center}.gallery-grid-item__name{color:var(--gallery-grid-item-name-color);display:-webkit-box;font-weight:var(--gallery-grid-item-name-font-weight);height:var(--gallery-grid-item-name-height);-webkit-line-clamp:2;overflow:hidden;text-align:center;word-break:var(--gallery-grid-item-name-break-word);-webkit-box-orient:vertical}.media-choice{--media-preview-max-width:12.5rem;--media-preview-aspect-ratio:initial}.media-choice{&.empty .hide-when-empty,input{display:none}}.joli-media-search{padding:15px}.media-list-preview{--media-preview-max-width:12.5rem;--media-preview-aspect-ratio:initial}.media-preview{--media-preview-border-color:#e2e8f0;--media-preview-background-primary-color:var(--jm-color-white);--media-preview-background-color:#ebf4fe;--media-preview-color:var(--gallery-grid-item-hover-icon-color,#b9c6dc)}.media-preview{align-items:center;background:linear-gradient(45deg,rgba(0,0,0,.098) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.098) 75%,rgba(0,0,0,.098) 0),linear-gradient(45deg,rgba(0,0,0,.098) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.098) 75%,rgba(0,0,0,.098) 0),var(--media-preview-background-primary-color);background-clip:border-box;background-origin:padding-box;background-position:0 0,.625rem .625rem;background-size:1.25rem 1.25rem;border-radius:.25rem;color:var(--media-preview-color);display:flex;font-size:2.5rem;justify-content:center;max-width:var(--media-preview-max-width,100%);outline:solid var(--media-preview-border-color) .1rem;overflow:hidden;img{max-height:100%;max-width:100%}}.media-preview:not(:has(img)):not(:is(img)){background:var(--media-preview-background-color)}.long-text-break{white-space:normal;word-break:break-all}.media-preview{max-height:600px;--media-preview-max-width:800px}.new-directory-container{background-color:var(--jm-color-gray-100);border:1px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:none;left:0;margin-top:1rem;min-height:auto;padding:1.5rem;right:0;top:100%;z-index:100;&.new-directory-active{display:block}form{display:flex;flex-direction:row}input[type=text]{flex-grow:1;margin-right:1.5rem}}.rename-directory-container{background-color:var(--jm-color-gray-100);border:1px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:none;left:0;margin-top:1rem;min-height:auto;padding:1.5rem;right:0;top:100%;z-index:100;&.rename-directory-active{display:block}form{display:flex;flex-direction:row}input[type=text]{flex-grow:1;margin-right:1.5rem}}.rename-file-container{background-color:var(--jm-color-gray-100);border:1px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:none;left:0;margin-top:1rem;min-height:auto;padding:1.5rem;right:0;top:100%;z-index:100;&.rename-active{display:block}form{display:flex;flex-direction:row}input[type=text]{flex-grow:1;margin-right:1.5rem}}