:root{--bs-primary: #7873f5;--bs-primary-rgb: 120, 115, 245}.bg-primary{background-color:var(--bs-primary)!important}.btn-primary,.form-check-input:checked{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important}.btn-primary:hover{background-color:#7873f5!important;border-color:#7873f5!important}body{margin-bottom:40px}body.fullscreen-mode{overflow:hidden}header{z-index:2500!important}.toast{--bs-toast-max-width: auto;margin-bottom:40px}.offcanvas{z-index:7500!important}.navbar-brand img{height:45px;width:45px}.navbar .nav-link{border-radius:6px;padding:6px 12px;transition:background-color .2s ease,color .2s ease}.navbar .nav-link:hover{background-color:#7873f526;color:#786ff5!important}.grid{margin-top:15px;transition:all .6s ease;align-items:flex-start}.grid .empty-grid{opacity:0;transition:opacity 2s}.col.flow{display:flex;flex-direction:column}.grid-item{flex:1 1 0;min-width:0;opacity:0;cursor:pointer;text-decoration:none;transform:scale(.75);transition:opacity .4s ease,transform .4s ease}.grid:has(.grid-item) .message-empty{display:none}.grid-item .blurhash{position:absolute;top:0;left:0}.grid-item .blurhash,.grid-item img{transition:opacity .4s}.card.grid-item .card-body{background-size:cover;overflow:hidden}.card.grid-item .card-footer{display:block;font-size:.7em;min-width:0;overflow:hidden}.card.grid-item.clickable{cursor:pointer}.card.grid-item .card-img-container{aspect-ratio:1 / 1;overflow:hidden;position:relative;width:100%}.card.grid-item .card-img-container img,.card.grid-item .card-img-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.folder-thumbnail{top:20%;left:12.5%}.album-thumbnail{max-width:40%;max-height:40%;left:50%;top:50%;transform:translate(-55%) translateY(-50%) rotate(var(--rotation, 0deg))}.card-img-overlay.top{--bs-bg-opacity: .5;height:auto;bottom:auto!important}.card-img-overlay.bottom{--bs-bg-opacity: .5;height:auto;width:auto;left:auto;right:0;bottom:0;top:auto!important}h1{font-size:1.75em}@media(max-width:992px){h1{font-size:1.25em}.album-thumbnail{max-width:30%;max-height:30%;left:50%;top:50%;transform:translate(-55%) translateY(-50%) rotate(var(--rotation, 0deg))}}.wrapper-toolbox{float:right;overflow:0;max-height:30px}.toolbar .select-stop,.toolbar .select-action,.toolbar .select-action-single,.toolbar.selection-mode .no-select,.toolbar.selection-mode .select-start{display:none}.toolbar.selection-mode .select-stop,.toolbar.selection-mode .select-action,.toolbar.selection-mode .select-action-single{display:inline-block}.selection-mode .selection-toolbox.if-select,.container:not(.selection-mode) .selection-toolbox:not(.if-select){display:block}.container:not(.selection-mode) .selection-toolbox.if-select,.selection-mode .selection-toolbox:not(.if-select){display:none}.selection-mode .thumbnail.selected{border-color:gray;border-width:1px}.selection-mode .grid{outline:1px dashed #7873f5;border-radius:.05em;outline-offset:5px;background:linear-gradient(135deg,#ff6ec414,#7873f514)}.grid-item i.bi-check-circle-fill{background:linear-gradient(45deg,#ff6ec4,#7873f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease;font-size:0;opacity:1;z-index:10000000}.grid-item.selected .bi-check-circle-fill{font-size:4em;opacity:.85}.selection-mode .grid-item.selected .card-footer{background:#dedede}.col-form-label{font-weight:700}.offcanvas{background:transparent!important}.offcanvas{border:0!important;background:transparent!important}.offcanvas-bottom-sm{height:auto!important}.offcanvas-inner{max-width:576px;left:50%!important;height:auto!important}h1 .btn .bi{margin-right:5px}@media(max-width:576px){.offcanvas .rounded-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.offcanvas-inner{max-width:auto;left:0!important;transform:none!important}}.grid-item .quick-actions{display:block;position:absolute;top:0;right:0;opacity:0;text-align:right;transition:opacity .25s linear}@media(max-width:1024px){.grid-item .quick-actions{display:none!important}}.grid-item:hover .quick-actions{--bs-bg-opacity: .75;opacity:1}.selection-mode .grid-item .quick-actions{opacity:0!important}.form-message{max-height:0;overflow:hidden;opacity:0;visibility:hidden;padding:0 1rem;transition:opacity .4s ease,visibility .4s ease,max-height .4s ease,padding .4s ease}.form-message.visible{opacity:1;visibility:visible;max-height:200px;padding:1rem}table .col-id{width:50px}table .col-role{width:100px}table .col-actions{width:200px}footer{width:100%;height:50px;background:linear-gradient(to top,white,transparent);pointer-events:none;z-index:250}.dropdown-item:not(.selected) i{opacity:0}.dropdown-item.selected i{opacity:1}#currentSectionLabel{opacity:0;transition:opacity .4s linear}.search-select-wrapper{transform:translateY(0)!important;max-height:0;min-width:250px;max-width:min(50vh,500px);transition:max-height .25s linear;overflow:hidden;border-width:0!important}.search-select-wrapper.grow{max-height:50vh;border-width:1px!important}.search-select-wrapper b{font-size:.9em}.search-select-wrapper span{font-size:.8em}.search-select-wrapper .list-group-item:last-child{border-bottom:none!important}.search-select-wrapper .list-group-item.active{background:#7873f540;border-color:#7873f540;color:var(--bs-light-text-emphasis)}.picoview{opacity:0;transition:opacity .4s ease;z-index:5000}.picoview .spinner-overlay{position:absolute;inset:0;opacity:0;transform:scale(.25);transition:opacity .4s ease,transform .4s ease;pointer-events:none;z-index:15}.picoview .picoview-img-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:scale(0);opacity:0;transition:transform .5s linear,opacity .5s linear}.picoview .picoview-img-wrapper.transition-left,.picoview .picoview-img-wrapper.transition-right.bye{transform:translate(-75%) scale(.5);transition:transform 1s linear,opacity 1s linear}.picoview .picoview-img-wrapper.transition-right,.picoview .picoview-img-wrapper.transition-left.bye{transform:translate(75%) scale(.5);transition:transform 1s linear,opacity 1s linear}.picoview .picoview-img-wrapper img{width:100%;height:100%;object-fit:contain;touch-action:none;display:block}body.slideshow-mode .slideshow-hide{transition:opacity .4s ease;opacity:0}body.slideshow-mode .picoview .bi-play-fill{display:none}body:not(.slideshow-mode) .picoview .bi-stop-fill{display:none}@media(max-width:1024px){.btn-swipe{display:none}}.shared-view .no-share{display:none!important}.token-container{max-height:50vh}.token-container:has(.token-wrapper) .no-token{display:none}@media(max-width:1024px){max-height: 75vh}@media(min-width:1200px){.w-xl-auto{width:auto!important}.w-lg-25{width:25%!important}.nav-tabs{border-bottom:none!important;border-right:1px solid #dee2e6}.nav-tabs .nav-item{flex:0 0 auto!important;width:200px}.nav-tabs .nav-link{border:1px solid #dee2e6;border-left:4px solid transparent;border-radius:0;margin-right:-1px}.nav-tabs .nav-link.active{background-color:#f8f9fa;border-left-color:var(--bs-primary);font-weight:600!important;color:#0d6efd}}.text-purple{color:#6f42c1!important}.progress-container{float:right;overflow:hidden;max-height:0;width:100%;max-width:400px;opacity:0;transition:opacity 1s ease,max-height 1s ease}.progress-container.visible{max-height:125px;opacity:1}.progress-container .job-count{font-size:.9em}.spinner{pointer-events:none;width:100px}.spinner-small{width:30px}.spinner-custom{transform:translate(-50%,-50%);border-style:solid;border-radius:50%}.spinner-outer{width:100%;height:100%;border-width:.8em;color:#ff6ec4;border-color:currentColor transparent currentColor currentColor;animation:spin 1s linear infinite}.spinner-small .spinner-outer{border-width:.25em}.spinner-inner{width:65%;height:65%;border-width:.5em;color:#7873f5;border-color:currentColor currentColor currentColor transparent;animation:spin-reverse .8s linear infinite}.spinner-small .spinner-inner{border-width:.15em}.spinner-text{font-size:.5em;font-weight:700}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}#indicator-loading{opacity:0;transform:scale(.25);transition:opacity .4s ease,transform .4s ease}#indicator-loading:not(.error) .spinner-text{display:none!important}.form-processor:not(:disabled) span{display:none}.form-processor:disabled i{display:none}.show:not(.offcanvas):not(.offcanvas-backdrop){opacity:1!important;transform:scale(1)!important}.show-opacity{opacity:1!important}