.picture-wrapper{gap:var(--doublepad);height:100%;padding:var(--pad);grid-template-columns:repeat(auto-fit,minmax(150px,max-content));place-content:start;align-items:start;display:grid;overflow-y:scroll}@media not (min-width:854px){.picture-wrapper{justify-content:center}}.picture-item-wrapper{cursor:pointer;flex-direction:column;align-items:end;gap:3px;margin:0;padding:0;display:flex}.picture-item-wrapper>.picture-item-container{width:150px;height:150px;position:relative}.picture-item-wrapper>.picture-item-container>img{border-radius:var(--halfpad);object-fit:cover}.picture-wrapper>.loading-container{font-size:var(--md)}.picture-wrapper>.loading-container>span{font-weight:700}.picture-viewer-wrapper{--blur:10px;--preview-width:50px;--preview-height:75px;--preview-selected-width:60px;--preview-selected-height:85px;z-index:1;background-color:color-mix(in srgb,var(--foreground)50%,transparent);width:100%;height:100%;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;top:0;left:0}.picture-viewer-container{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex}.picture-viewer-item-container{width:100%;height:100%;position:relative}.picture-viewer-item-container>.picture-viewer-item{object-fit:contain;transition:opacity .4s ease-in-out}.picture-viewer-item-container>.picture-viewer-item.loading{opacity:0!important}.picture-viewer-item-container>.picture-viewer-item.side{cursor:pointer;width:100%;height:100%}.picture-viewer-item-container>.picture-viewer-item.middle{height:100%}.picture-viewer-item-container>.picture-viewer-item.left{object-position:right}.picture-viewer-item-container>.picture-viewer-item.right{object-position:left}.picture-viewer-wrapper .close-btn{cursor:pointer}.picture-viewer-wrapper .close-btn path{stroke:var(--foreground)}.spinner{width:var(--pad);height:var(--pad);border:4px solid var(--foreground);border-radius:var(--round);border-top-color:#0000;animation:1.5s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes spin{to{transform:rotate(360deg)}}.picture-viewer-wrapper>.picture-viewer-nav-wrapper{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.picture-viewer-nav-container{padding:var(--halfpad);background-color:color-mix(in srgb,var(--background)30%,transparent);justify-content:space-between;display:flex}.picture-viewer-bottom-nav-container{white-space:nowrap;height:calc(var(--preview-height) + var(--pad));background-color:color-mix(in srgb,var(--background)30%,transparent);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;overscroll-behavior:none;overflow:auto hidden}.picture-viewer-bottom-nav-container>.pictures-wrapper{-webkit-user-drag:none;touch-action:none;overscroll-behavior:none;position:relative}.picture-viewer-bottom-nav-container>.pictures-wrapper>.pictures-container{padding-top:var(--halfpad);padding-left:calc(50vw - var(--preview-selected-width)/2);padding-right:calc(50vw - var(--preview-selected-width)/2);gap:var(--halfpad);display:flex;position:absolute}.picture-viewer-bottom-nav-container>.pictures-wrapper>.pictures-container>.selected{transform:translateY(-5px)}