.post-card{margin:15px auto;max-width:600px;display:flex;justify-content:center}.post-content{border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);border:solid rgba(99,99,99,.315) 1px;box-shadow:0 4px 8px #0000001a}.post_interact{display:flex;justify-content:space-between;align-items:center;border-top:solid rgba(99,99,99,.315) 1px;margin-top:10px;padding:8px 10px}.post_interact span{display:flex;justify-content:space-between;align-items:center}.post_interact button{cursor:pointer;outline:none;border:none;background:none;width:fit-content;margin-left:10px}.loading-message{text-align:center;font-size:16px;color:#fff}.post-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0;width:95%;margin:0 auto}.post-content{display:flex;flex-direction:column}.profile-section{display:flex;align-items:center}.profile-thumbnail{border-radius:100%;width:40px;height:40px;margin-right:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.user-name{font-size:18px;font-weight:400;color:#fff}.post-score{font-size:16px;font-weight:400;margin-left:auto}.post-options{font-size:16px;font-weight:400;margin-left:auto;cursor:pointer}.post-thumbnail{width:100%;height:auto;margin:0 auto}.post-bottom{width:95%;margin:0 auto}.post-bottom h3{font-size:18px;color:#fff;font-weight:500;margin:5px 0}.post-bottom p{font-size:16px;margin:0;font-weight:300;color:#cac8c8}.rating-component .MuiRating-iconFilled{color:#fff}.rating-component .MuiRating-iconHover{color:gold}.rating-component .MuiRating-iconEmpty{color:silver}.rating-component .MuiRating-icon{font-size:1.6rem}@media (max-width: 768px){.user-name{font-size:16px}.post-score{font-size:14px;font-weight:400;margin-left:auto}.user-card{width:90%}.post-bottom h3{font-size:16px}.post-bottom p{font-size:14px}.post-top{padding:5px 0}.profile-thumbnail{width:30px;height:30px}}.icon-label{display:inline-block;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.heart-icon{display:inline;width:24px}.other-icon{display:none;width:25px}.icon-label:active .heart-icon{display:none}.icon-label:active .other-icon{display:inline}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#000;padding:20px 15px;border-radius:8px;z-index:1000;max-width:500px}.modal h3{margin:0 0 10px;font-weight:500;text-align:center}.modal span{display:flex;justify-content:center;align-items:center;gap:10px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.modal input{padding:10px;border:1px solid #ccc;border-radius:4px}.modal button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal button:hover{background:#0056b3}.homepage{position:relative;padding:0 5px 50px;min-height:90vh}.bepo_load{margin:0 auto;max-width:600px}.new-user-container{min-width:400px;margin:0 auto;padding:20px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:12px}.new-user-container label{display:block;margin-bottom:8px;font-weight:300;font-size:16px;font-family:Outfit}.new-user-container label:after{content:" *";color:red}.new-user-container input[type=text],.new-user-container input[type=file]{width:calc(100% - 20px);padding:8px;margin-bottom:16px;border-radius:10px;font-size:18px;color:#000;outline:none;border:none}.new-user-container input[type=text]:focus,.new-user-container input[type=file]:focus{outline:none}.new-user-container input[type=file]{padding:4px}.new-user-container button{display:inline-block;width:100%;padding:12px 20px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s;background-color:#007bff;border:none;border-radius:4px}.new-user-container button:hover{background-color:#0056b3}.custom-file-upload{display:flex;align-items:center;justify-content:center;outline:none}.custom-file-upload svg{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.image-upload-circle{width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);border:solid rgba(99,99,99,.315) 1px}.image-upload-circle:hover{background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);border-color:#21deffc0}.image-upload-circle span{font-size:16px;color:#666}.profile-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;position:absolute;top:0;left:0}@media (max-width: 768px){.new-user-container{min-width:250px;margin:0 auto;padding:20px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:12px}}.card_collection{padding:0}.card{box-shadow:0 4px 8px #0000001a;overflow:hidden;width:calc(33% - 20px);width:250px;height:50px;transition:.1s ease-in;margin:10px 0;padding:5px;border:solid rgba(99,99,99,.315) 1px;display:flex;justify-content:left;align-items:center;border-radius:50px;cursor:pointer;background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14)}.card svg{position:absolute;width:15px;height:15px;right:25px;font-size:20px;transition:transform .2s ease-in-out}.card:hover svg{transform:translate(5px)}.card{overflow:hidden;position:relative}.card span{z-index:20}.card:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:-10}.card:hover:after{left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}.card_img{width:50px;height:50px;overflow:hidden;border-radius:100%;display:flex;align-items:center;justify-content:center}.card_img img{display:block;height:100%;object-fit:cover}.card .card_name{padding:8px;color:#fff;font-size:18px;text-align:center;font-family:Outfit}.profile_collection{margin-top:10px}.profile_collection h3{margin:10px auto;text-align:center;font-size:18px;font-family:Outfit;font-weight:400}.App{display:flex;align-items:center;justify-content:center}.planets{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;margin:0;position:relative}.authenticated-container{position:absolute}.App .con{width:fit-content;padding:10px 30px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:absolute;border-radius:50px;font-size:20px;font-family:Outfit;box-shadow:0 4px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:solid rgba(99,99,99,.315) 1px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.dis{background:none;border:none;font-size:18px;font-family:Outfit;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);border:solid rgba(99,99,99,.315) 1px;margin:0 auto;color:#fff}.dis svg{width:15px;height:15px;margin-right:8px}.dis:hover svg{transform:translate(-2px);transition:transform .2s ease-in-out}.App .con:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:50px}.App .con:active{color:#000}.App .con:active:after{background:transparent}.App .con:hover:before{opacity:1}.App .con:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:50px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.p2{z-index:-1;top:120px;position:absolute;left:55%;width:200px;height:200px;border-radius:100%;background:linear-gradient(180deg,#f22fb0,#f58a2500 100%,#7061a3);filter:blur(42.0938px);animation:rotate 10s linear infinite}.p3{z-index:-1;top:300px;position:absolute;left:25%;width:150px;height:150px;border-radius:100%;background:linear-gradient(to top,#462b92,#6e388899,#98495f99,#784436cc);filter:blur(33.675px);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p1{position:absolute;z-index:-1;width:320px;height:320px;border-radius:100%;background:linear-gradient(180deg,#428eff,#1154ff75);filter:blur(84.1875px);animation:rotate 12s linear infinite}body{font-family:Outfit;background-color:#000;color:#fff;margin:0;padding:0}.app-container{display:flex;position:relative}.sidebar{position:fixed;top:0;left:0;height:100%;width:200px;padding:10px 20px;display:flex;border-right:solid rgba(99,99,99,.315) 1px;flex-direction:column;z-index:1000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.gap{top:0;left:0;height:100%;width:200px;background-color:transparent;padding:20px;display:flex;flex-direction:column}.sidebar button{background-color:transparent;color:#fff;border:none;padding:10px;margin-bottom:10px;cursor:pointer;transition:background-color .2s ease;border-radius:8px;text-align:left;font-family:Outfit;align-items:center;font-size:18px;display:flex;border:solid transparent 1px}.sidebar button:hover{border:solid rgba(99,99,99,.315) 1px}.content{flex:1}.sozologo{width:80%}.sidebar button.active{background:#ffffff0a}.sidebar button p{margin:0 0 0 10px}@media (max-width: 768px){.gap{display:none}.sidebar{position:fixed;bottom:0;top:auto;left:0;width:100vw;height:fit-content;flex-direction:row;justify-content:space-around;padding:0;border-right:none;border-top:solid rgba(99,99,99,.315) 1px}.sidebar .sozologo{display:none}.sidebar button{flex-direction:column;width:20%;height:100%;padding:15px 0;margin-bottom:0;border-radius:0}.sidebar button p{display:none}.sidebar button svg{margin-right:0;margin-bottom:5px;width:20px;height:20px}.sidebar button span{display:none}.sidebar button:hover{border-color:transparent}}.profile-container{margin:0 auto;color:#fff;position:relative;min-height:80vh;padding-bottom:70px}.profile-title{text-align:center;font-size:2em;font-family:Outfit}.loading-message,.no-nfts-message{text-align:center;font-size:1.2em;margin-top:20px;color:#ccc}.nft-texts{padding:10px}.nft-texts h3{font-size:16px;margin:0;font-weight:400}.nft-texts p{font-size:14px;margin:6px 0;font-weight:300;color:#9e9e9e}.nft-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.nft-item{border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:300px;transition:.1s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);border:solid rgba(99,99,99,.315) 1px}.nft-item button{width:100%;cursor:pointer;padding:8px 0;border:solid rgba(99,99,99,.315) 1px;color:#fff;border-radius:10px;background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);margin-top:10px}.nft-item:hover{background-color:#000;margin-top:-2px}.nft-item:hover button{border:solid #4D16BE 1px;background:transparent}.nft-item button:hover{border:solid #320293 1px}.nft-image{width:100%;height:180px;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.nft-image img{display:block;width:auto;height:100%;width:100%;object-fit:cover}.post_det{display:flex;justify-content:space-between}.tabs{display:flex;justify-content:center;border-bottom:solid rgba(99,99,99,.315) 1px;width:100%;margin:10px auto 20px}.tabs button{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:14px;color:#fff;width:20%}.profile_load{display:grid;grid-template-columns:repeat(auto-fit,minmax(25%,1fr));gap:10px;margin:20px auto}@media (max-width: 768px){.tabs{width:100%}.tabs button{width:50%}.nft-list{gap:10px}.nft-item{width:45%}.nft-image{height:100px}.profile_load{grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}.nft-texts{padding:3px 5px}.nft-texts h3{font-size:13px}.nft-texts p{font-size:12px;margin:3px 0}.nft-item button{margin-top:5px;padding:5px 0}}.post-container{width:60%;margin:20px auto 0;border-radius:8px;padding-bottom:80px}.post-container label{display:block;font-weight:400;margin-bottom:8px;font-size:18px;color:#fff}.post-container input[type=text],.post-container textarea{width:calc(100% - 16px);padding:8px;margin-bottom:16px;outline:none;border:none;border-radius:4px;background:#ffffff0d;position:relative;color:#fff;font-size:18px}::placeholder{color:#a4a4a4;font-family:Outfit}.post-container input[type=file]{padding:4px}.post-container button{display:inline-block;width:100%;padding:12px 20px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s;background:linear-gradient(180deg,#428eff,#1154ff75);border:none;border-radius:23px}.post-container button:hover{background-color:#0056b3}.post-container button:active{background-color:#001368}.post-container .loading-message{text-align:center;font-size:16px;color:#666}.blue,.blue2,.green1{position:fixed;z-index:-1;width:450px;height:450px;right:0;bottom:50px;border-radius:100%;background-color:#763af5;filter:blur(100px)}@media (max-width: 768px){.blue,.blue2,.green1{width:350px;height:350px}}.blue2{left:200px;top:0;background:linear-gradient(180deg,#428eff,#1154ff75)}.green1{left:200px;top:0;background:linear-gradient(180deg,#2c4982,#2cd095);filter:blur(100px)}.input-container{position:relative;display:flex;align-items:center}.input-container input,.input-container textarea,.input-container .custom-file-upload{flex:1;padding-right:30px}.clear-input{position:absolute;right:10px;top:8px;cursor:pointer;font-size:20px;color:#ff3b3b;font-size:12px}.clear-input:hover{color:red}.image-preview-container{position:relative;cursor:pointer;text-align:center;border:1px solid #3a4868;border-radius:4px;background:#ffffff0d;min-height:100px;overflow:hidden;margin-bottom:15px}.image-preview-container:active{opacity:.5}.image-preview-container img{width:100%;height:auto;margin:0 auto;padding:0;display:block;transition:.1s ease-in-out}.clear-image-button{position:absolute;top:5px;right:5px;border:none;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;display:none;background-color:#00000078}.image-preview-container:hover .clear-image-button{background-color:#ff0000ab}.image-preview-container:hover img{opacity:.8}.image-preview-container:hover .clear-image-button{display:flex}.image-preview-container .clear-image-button:hover{background-color:red}.browse_img{width:30px;height:30px;margin:0 auto}.image-preview-container button:hover{background-color:#170080}@media (max-width: 768px){.post-container{width:90%}}.post-side{position:relative;min-height:90vh}.post_posting{width:4px;color:#fff;aspect-ratio:1;border-radius:50%;box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0 0 5px,57px 0 0 5px,19px 19px,38px 19px,57px 19px;transform:translate(-38px);animation:l26 2s infinite linear;position:absolute;top:50%;left:50%}@keyframes l26{12.5%{box-shadow:19px -19px,38px -19px,57px -19px 0 5px,19px 0 0 5px,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px}25%{box-shadow:19px -19px 0 5px,38px -19px,57px -19px 0 5px,19px 0,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px}50%{box-shadow:19px -19px 0 5px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0,19px 19px,38px 19px,57px 19px 0 5px}62.5%{box-shadow:19px -19px,38px -19px,57px -19px,19px 0 0 5px,38px 0,57px 0,19px 19px,38px 19px 0 5px,57px 19px 0 5px}75%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0,57px 0 0 5px,19px 19px,38px 19px,57px 19px 0 5px}87.5%{box-shadow:19px -19px,38px -19px 0 5px,57px -19px,19px 0,38px 0 0 5px,57px 0,19px 19px 0 5px,38px 19px,57px 19px}}.error-message{color:red;font-size:.875em;position:absolute;font-size:12px;right:4px;top:8px}.user-card{display:flex;align-items:center;padding:5px;border-radius:50px;cursor:pointer;width:80%;background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff08,#ffffff14);margin:10px auto;border:solid transparent 1px}.user-card:hover{background:radial-gradient(127.01% 102.92% at 50% 0%,#ffffff13,#ffffff14)}ul{list-style:none;padding:0;margin:0}.user-card b{font-size:18px;margin-right:10px;font-weight:500}.user-card button{padding:8px 12px;margin-left:auto;background-color:#007bff;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-family:Outfit}.user-card button:hover{background-color:#0056b3}.user-card button:active{background-color:#010c87}.user-card button:focus{outline:none}.user-card button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.user-card{width:90%}.user-card b{font-size:16px}.user-card button{font-size:14px}}.users_page{position:relative;min-height:90vh;margin:0;padding-bottom:70px}.lo_dots{color:#fff;width:4px;aspect-ratio:1;border-radius:50%;box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0;transform:translate(-40px);animation:l21 .5s infinite alternate linear;position:absolute;top:50%;left:50%}.users_load{width:80%;margin:40px auto 0}@keyframes l21{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}to{box-shadow:19px 0,38px 0 0 3px,57px 0 0 7px}}.tabs button{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:18px;color:#fff;width:20%}.tabs button.active{border-bottom:1px solid #fff}@media (max-width: 768px){.tabs{width:100%}.tabs button{width:50%;font-size:16px}.users_load{width:90%}}