.create-uploadPhoto-comp-bg{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-uploadPhoto-comp-bg.toggling{opacity:0;pointer-events:none}.create-uploadPhoto-comp-container{background-color:var(--bg-primary);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:14px;width:min(90vw,900px);min-height:85vh;padding:15px;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000059}.create-uploadPhoto-comp-close{cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:10px;right:10px}.create-uploadPhoto-comp-close svg{color:#fff;width:22px;height:22px}.create-uploadPhoto-comp-close:hover{background-color:var(--accent-primary)}.create-uploadPhoto-comp-header{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.create-uploadPhoto-comp-header h1{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.create-uploadPhoto-comp-header p{font-size:var(--fs-base);color:var(--text-secondary);margin:0}.create-uploadPhoto-comp-content{border:2px dashed var(--bg-tertiary);text-align:center;cursor:pointer;box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:28px;transition:border-color .2s,background-color .2s;display:flex}.create-uploadPhoto-comp-content.dragging{border-color:var(--accent-primary);background-color:#ffffff08}.create-uploadPhoto-comp-content:hover{background-color:#ffffff08}.create-uploadPhoto-comp-content svg{width:48px;height:48px}.create-uploadPhoto-comp-content p{font-size:var(--fs-base);margin:0}.create-uploadPhoto-comp-content span{font-size:var(--fs-sm);color:var(--text-secondary)}.create-uploadPhoto-comp-content-count{width:100%;font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;justify-content:flex-start;display:flex}.upload-info{flex-direction:column;gap:.6rem;display:flex}.upload-count{font-size:var(--fs-sm);color:var(--text-secondary)}.upload-count .count{font-weight:var(--fw-semibold);color:var(--accent-primary)}.upload-bar{background-color:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.upload-bar-fill{background-color:var(--accent-primary);height:100%;transition:width .3s}.upload-actions-options-container{gap:.6rem;display:flex;position:relative}.album-selector-dropdown{background:var(--bg-secondary);z-index:30;border-radius:12px 0 0 12px;width:260px;max-height:180px;padding:6px;animation:.15s ease-out dropdownFade;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden auto;box-shadow:0 20px 45px #00000059,inset 0 0 0 1px #ffffff0a}.album-selector-dropdown::-webkit-scrollbar{width:6px;height:6px}.album-selector-dropdown::-webkit-scrollbar-thumb{background-color:var(--accent-primary);border-radius:3px}.album-selector-dropdown::-webkit-scrollbar-track{background-color:var(--bg-secondary);border-radius:3px}.album-selector-dropdown-item{width:100%;font-size:var(--fs-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background-color .15s,transform .1s;display:flex;overflow:hidden}.album-selector-dropdown-item:hover{background:var(--bg-tertiary)}.album-selector{border:1px solid var(--accent-primary);font-size:var(--fs-sm);cursor:pointer;background-color:#0000;border-top:none;border-right:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;min-width:200px;padding:.5rem .75rem;display:flex}.album-selector-dropdown-item svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.album-selector .label{color:var(--text-secondary)}.album-selector .value{font-weight:var(--fw-medium);color:var(--text-primary);align-items:center;gap:5px;display:flex}.album-selector-dropdown button{border:1px dashed var(--accent-primary);width:100%;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px;transition:background-color .15s}.album-selector-dropdown button:hover{background-color:#ffffff0a}.create-album-button-UploadPhotoComp,.cancel-button-UploadPhotoComp,.upload-button-UploadPhotoComp{background-color:var(--bg-secondary);color:var(--accent-primary);cursor:pointer;font-size:var(--fs-sm);border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;transition:background-color .2s,transform .2s;display:flex}.create-album-button-UploadPhotoComp:hover,.cancel-button-UploadPhotoComp:hover,.upload-button-UploadPhotoComp:hover{background-color:var(--accent-primary);color:var(--text-primary)}.grid-fotos-map-uploadPhotoComp{width:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.grid-fotos-map-uploadPhotoComp svg{width:70px;height:70px}.grid-fotos-map-uploadPhotoComp.active{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:flex-start;gap:12px;display:grid}.fotos-map-item{aspect-ratio:1;background-color:var(--bg-secondary);border-radius:12px;width:100%;position:relative;overflow:hidden}.fotos-map-item:hover .fotos-map-item-actions{display:flex}.fotos-map-item img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.fotos-map-item:hover img{transform:scale(1.05)}.fotos-map-item-name{color:#fff;min-width:100%;font-size:var(--fs-sm);font-weight:var(--fw-semibold);-webkit-backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#00000059;padding:4px 8px;position:absolute;bottom:6px;left:0}.fotos-map-item-name-input{width:calc(100% - 12px);font-size:var(--fs-sm);font-weight:var(--fw-semibold);-webkit-backdrop-filter:blur(6px);color:#fff;border:3px solid var(--accent-primary);background:#00000059;border-left:none;border-right:none;outline:none;padding:6px 10px;position:absolute;bottom:6px;left:0}.fotos-map-item-actions{gap:6px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fotos-map-item-actions button{cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;transition:background-color .2s,transform .2s;display:flex}.fotos-map-item-actions svg{color:#fff;width:22px;height:22px}.fotos-map-item-actions button:hover{background-color:var(--accent-primary)}.fotos-map-item-uploading{color:#fff;width:100%;height:100%;font-size:var(--fs-sm);font-weight:var(--fw-semibold);justify-content:center;align-items:center;display:flex}.fotos-map-item-uploading p{text-align:center;align-items:center;gap:6px;width:100%;display:flex}.fotos-map-item-uploading-loader{color:#fff;font-size:var(--fs-sm);animation:1s linear infinite spin;width:40px!important;height:40px!important}
.create-album-comp-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-album-container{background-color:var(--bg-primary,#111);color:var(--text-primary,#fff);z-index:1001;border-radius:16px;width:100%;max-width:420px;padding:24px;animation:.2s ease-out fadeInScale;box-shadow:0 20px 60px #00000080}.create-album-container h2{font-size:var(--fs-xl);margin:0 0 6px}.create-album-container span{font-size:var(--fs-sm);color:var(--text-secondary,#aaa);margin-bottom:20px;display:block}.create-album-form{flex-direction:column;gap:14px;display:flex}.create-album-form label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:-5px}.create-album-form input,.create-album-form select{background-color:var(--bg-secondary,#1b1b1b);font-size:var(--fs-base);color:#fff;border:1px solid #2a2a2a;border-radius:10px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.create-album-form input::placeholder{color:#666}.create-album-form input:focus,.create-album-form select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #ff3d8126}.album-name-length{font-size:var(--fs-xs);color:var(--text-secondary);text-align:right;margin-top:-10px;margin-bottom:-15px!important}.visibility-selector{width:260px;position:relative}.visibility-trigger{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.visibility-menu{background:var(--bg-secondary);z-index:20;border-radius:12px;width:100%;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 15px 40px #00000026}.visibility-item{cursor:pointer;border-radius:8px;align-items:flex-start;gap:5px;padding:5px;transition:background .15s;display:flex}.visibility-item:hover{background:var(--bg-tertiary)}.visibility-item strong{font-size:var(--fs-sm)}.visibility-item p{font-size:var(--fs-xs);color:var(--text-secondary);margin:2px 0 0}.create-album-button{background:var(--bg-secondary);color:var(--accent-primary);font-size:var(--fs-base);cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:12px;transition:transform .15s,box-shadow .15s,opacity .15s}.create-album-button:hover{background-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.create-album-button:active{opacity:.9;transform:translateY(0)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.pev-container-bg{z-index:9999;background-color:#000000e6;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pev-acctions-header{box-sizing:border-box;background-color:#000000e6;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:10px;display:flex;position:absolute;top:0;left:0}.pev-button-exit{cursor:pointer;color:#fff;background-color:#0000;border:none;padding:0}.pev-button-exit svg{width:40px;height:40px}.pev-index-text{color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-xl)}.pev-container-img-container{max-width:95vw;max-height:100vh;position:relative}.pev-container-img{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .25s,transform .25s;transform:scale(1)}.pev-container-img.loading{opacity:0;transform:scale(.98)}.loader-pev-img{color:#fff;opacity:0;width:30px;height:30px;transition:opacity .2s;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-pev-img.loading{opacity:1}.pev-button-left svg,.pev-button-right svg{color:#fff;width:60px;height:60px}.pev-button-left,.pev-button-right{cursor:pointer;background-color:#0000;border:none}@media (pointer:coarse){.pev-button-left,.pev-button-right{display:none}.pev-container-img-container{max-width:100vw!important;max-height:100vh!important}}@media (max-width:720px){.pev-button-left svg,.pev-button-right svg{width:30px;height:30px}.pev-index-text{font-size:var(--fs-lg)}.pev-button-exit svg{width:30px;height:30px}.pev-container-img-container{max-width:80vw;max-height:100vh}}
.photos-layout{column-count:5;column-gap:1rem;padding:1rem}@media (max-width:1024px){.photos-layout{column-count:4}}@media (max-width:800px){.photos-layout{column-count:3}}@media (max-width:500px){.pev-button-right,.pev-button-left{display:none}.pev-container-bg{justify-content:center}.tabs-content-container{padding:.5rem!important}.photos-layout{column-count:2;padding:.2rem}}.photo-post{break-inside:avoid;background:var(--bg-secondary);border-radius:16px;margin-bottom:1rem;overflow:hidden}.photo-post img{cursor:pointer;border-radius:12px;width:100%;transition:transform .25s;display:block}.photo-post img:hover{transform:scale(1.03)}.photo-post p{font-size:var(--fs-sm);word-break:break-word;overflow-wrap:break-word;margin-top:8px;padding:0 8px 8px}.posts-container-no-photos,.no-photos-container{opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:40px 0;display:flex}.no-photos-container svg{object-fit:cover;object-position:center;width:100px;height:100px}.no-photos-container p{font-size:var(--fs-lg)}.photo-post{position:relative;overflow:hidden}.photo-post.photo-violates-policy img{opacity:.35;filter:grayscale(70%)}.policy-warning-overlay{pointer-events:none;background:#00000040;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.policy-warning-badge{color:#fff;text-align:center;letter-spacing:.3px;border-radius:6px;padding:6px 10px;font-size:.72rem;font-weight:700;box-shadow:0 2px 8px #0006}