.file[data-v-6f079611]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-6f079611]{z-index:2;width:100%;padding-bottom:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:0;background-color:var(--color-main-text)}.file.active .cover[data-v-6f079611],.file:active .cover[data-v-6f079611],.file:hover .cover[data-v-6f079611],.file:focus .cover[data-v-6f079611]{opacity:.3}.file--clear.active .cover[data-v-6f079611],.file--clear:active .cover[data-v-6f079611],.file--clear:hover .cover[data-v-6f079611],.file--clear:focus .cover[data-v-6f079611]{opacity:.1}.fade-enter-active[data-v-6f079611],.fade-leave-active[data-v-6f079611]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-6f079611],.fade-leave-to[data-v-6f079611]{opacity:0}.transition-group[data-v-6f079611]{display:contents}.icon-video-white[data-v-6f079611]{position:absolute;top:10px;inset-inline-end:10px;z-index:20}img[data-v-6f079611]{position:absolute;width:100%;height:100%;z-index:10;color:transparent;object-fit:contain}.file--cropped img[data-v-6f079611]{object-fit:cover}svg[data-v-6f079611]{position:absolute;width:70%;height:70%}.folder[data-v-0660a5ac]{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-large)}.folder[data-v-0660a5ac]:hover,.folder[data-v-0660a5ac]:focus{background-color:var(--color-background-dark)}.folder__image[data-v-0660a5ac]{width:200px;height:200px;object-fit:cover;border-radius:var(--border-radius-large)}.folder__image--placeholder[data-v-0660a5ac]{background-color:var(--color-primary-element-light)}.folder__icon[data-v-0660a5ac]{width:100%;height:100%}.folder__details[data-v-0660a5ac]{display:flex;align-items:center;gap:12px;margin-top:16px;width:200px}.folder__title[data-v-0660a5ac]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;margin-bottom:2px;line-height:30px;color:var(--color-main-text)}.file[data-v-d58b828a]{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);overflow:hidden}.file .cover[data-v-d58b828a]{z-index:2;width:100%;padding-bottom:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:0;background-color:var(--color-main-text)}.file.active .cover[data-v-d58b828a],.file:active .cover[data-v-d58b828a],.file:hover .cover[data-v-d58b828a],.file:focus .cover[data-v-d58b828a]{opacity:.3}.file--clear.active .cover[data-v-d58b828a],.file--clear:active .cover[data-v-d58b828a],.file--clear:hover .cover[data-v-d58b828a],.file--clear:focus .cover[data-v-d58b828a]{opacity:.1}.fade-enter-active[data-v-d58b828a],.fade-leave-active[data-v-d58b828a]{transition:opacity var(--animation-quick) ease-in-out}.fade-enter[data-v-d58b828a],.fade-leave-to[data-v-d58b828a]{opacity:0}.folder-content[data-v-d58b828a]{position:absolute;display:grid;width:100%;height:100%}.folder-content--grid-1[data-v-d58b828a]{grid-template-columns:1fr;grid-template-rows:1fr}.folder-content--grid-2[data-v-d58b828a]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3[data-v-d58b828a]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content--grid-3 img[data-v-d58b828a]:first-child{grid-column:span 2}.folder-content--grid-4[data-v-d58b828a]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.folder-content img[data-v-d58b828a]{width:100%;height:100%;object-fit:cover}.folder-name[data-v-d58b828a]{position:absolute;z-index:3;display:flex;overflow:hidden;flex-direction:column;width:100%;height:100%;transition:opacity var(--animation-quick) ease-in-out;opacity:1}.folder-name__icon[data-v-d58b828a]{height:40%;margin-top:calc(30% - .5rem);background-size:40%}.folder-name__name[data-v-d58b828a]{overflow:hidden;height:1rem;padding:0 10px;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--color-main-background);text-shadow:0 0 8px var(--color-main-text);font-size:1rem;line-height:1rem}.folder--clear .folder-name__icon[data-v-d58b828a]{opacity:.3}.folder--clear .folder-name__name[data-v-d58b828a]{color:var(--color-main-text);text-shadow:0 0 8px var(--color-main-background)}.folder:not(.folder--clear) .cover[data-v-d58b828a]{opacity:.3}.folder:not(.folder--clear).active .folder-name[data-v-d58b828a],.folder:not(.folder--clear).active .cover[data-v-d58b828a],.folder:not(.folder--clear):active .folder-name[data-v-d58b828a],.folder:not(.folder--clear):active .cover[data-v-d58b828a],.folder:not(.folder--clear):hover .folder-name[data-v-d58b828a],.folder:not(.folder--clear):hover .cover[data-v-d58b828a],.folder:not(.folder--clear):focus .folder-name[data-v-d58b828a],.folder:not(.folder--clear):focus .cover[data-v-d58b828a]{opacity:0}@media (min-width: 0px) and (max-width: 400px){.grid-container[data-v-96fe4494]{padding:0 8px 256px}}@media (min-width: 400px) and (max-width: 700px){.grid-container[data-v-96fe4494]{padding:0 8px 256px}}@media (min-width: 700px) and (max-width: 1024px){.grid-container[data-v-96fe4494]{padding:0 44px 256px}}@media (min-width: 1024px) and (max-width: 1280px){.grid-container[data-v-96fe4494]{padding:0 44px 256px}}@media (min-width: 1280px) and (max-width: 1440px){.grid-container[data-v-96fe4494]{padding:0 66px 256px}}@media (min-width: 1440px) and (max-width: 1600px){.grid-container[data-v-96fe4494]{padding:0 66px 256px}}@media (min-width: 1600px) and (max-width: 2048px){.grid-container[data-v-96fe4494]{padding:0 66px 256px}}@media (min-width: 2048px) and (max-width: 2560px){.grid-container[data-v-96fe4494]{padding:0 88px 256px}}@media (min-width: 2560px) and (max-width: 3440px){.grid-container[data-v-96fe4494]{padding:0 88px 256px}}@media (min-width: 3440px){.grid-container[data-v-96fe4494]{padding:0 88px 256px}}.grid-container--folders[data-v-96fe4494]{padding:32px 48px}@media only screen and (max-width: 400px){.grid-container--folders[data-v-96fe4494]{display:flex;justify-content:center;width:100%}}@media only screen and (min-width: 400px){.grid-container--folders[data-v-96fe4494]{width:fit-content}}.photos-navigation[data-v-96fe4494]{position:relative}.photos-navigation--uploading[data-v-96fe4494]{margin-bottom:30px}.photos-navigation[data-v-96fe4494] .upload-picker .upload-picker__progress{position:absolute;bottom:-30px;inset-inline-start:64px;margin:0}.photos-navigation[data-v-96fe4494] .upload-picker .upload-picker__cancel{position:absolute;bottom:-24px;inset-inline-end:50px}