@font-face{font-family:Fredoka;src:url(/assets/fredoka-X6V-48rs.woff) format("woff")}nav{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:100;justify-content:space-between;height:96px;padding:0 15px;background:#fff;width:100vw}nav *{display:flex;justify-content:center;align-items:center}.nav-left-container{font-family:Fredoka,sans-serif;color:#05f}.nav-mid-container>*{display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;border-radius:50%;width:50px;height:50px;color:#a2a2a2;margin:0 8px;font-size:1.5rem}.nav-mid-container>a.active{color:#05f;background-color:#d0e4ff}.nav-mid-container .chats{display:none}.nav-mid-container *{cursor:pointer}.nav-right-container{min-width:130px}.nav-right-container .nav-profile{border-radius:50%;width:45px;height:45px;width:35px;height:35px;cursor:pointer}.nav-right-container .nav-profile img{border-radius:50%;width:45px;height:45px;width:35px;height:35px}.nav-right-container .nav-profile.loading{background-color:#d3d3d3}.nav-right-container>div{color:#05f;border-radius:50%;width:50px;height:50px;margin:0 3px}.nav-right-container .nav-burger-menu{display:none;position:relative}.navbar-m{position:fixed;z-index:100;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;justify-content:space-evenly;padding:15px;background-color:#fff;box-shadow:0 0 20px 3px #e0e0e0;display:none}@media only screen and (max-width: 1000px){.nav-right-container{justify-content:flex-end}.nav-right-container>*{display:none}.nav-right-container .nav-burger-menu{display:block}.nav-mid-container .chats{display:flex}.nav-mid-container .store{display:none}}@media only screen and (max-width: 700px){.nav-mid-container{display:none}.nav-mid-container *{cursor:pointer}.navbar-m{display:flex}}@media only screen and (max-width: 400px){.navbar-m{padding:15px 0}}.left-aside{height:100dvh;padding-top:96px;width:280px;position:fixed;top:0;left:0;overflow:auto;scrollbar-width:none}.left-aside>section{padding:12px 15px;margin:8px 15px;background-color:#fff;border-radius:15px}.left-aside>section>*{display:flex;align-items:center;margin:8px 15px}.aside-sec-header{font-size:.9rem;font-weight:600;font-family:Open Sans,sans-serif;color:#a2a2a2;padding-left:10px;font-size:.75rem}.left-aside span{display:inline-block;font-size:.9rem;font-weight:600;font-family:Open Sans,sans-serif;color:#a2a2a2}.aside-main-sec *{cursor:pointer}.aside-main-sec .aside-m .profile{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;color:#05f}.profile{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center}.profile>img{object-fit:cover;object-position:center;width:100%;height:100%;border-radius:50%}.profile.loading{background-color:#d3d3d3}.aside-main-sec .home,.aside-m .home{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#0575e6,#021b79)}.aside-main-sec .users,.aside-m .users{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#e44d26,#f16529)}.aside-main-sec .store-btn,.aside-m .store-btn{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#f2994a,#f2c94c)}.aside-main-sec .groups-btn,.aside-m .groups-btn{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#05f,#09f)}.aside-author-sec .linkedin,.aside-m .linkedin{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;color:#05f}.aside-author-sec .github,.aside-m .github{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;color:#000}.aside-author-sec a{color:inherit}aside-author-sec span{cursor:pointer}.aside-extra-sec .logout,.aside-m .logout{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;color:red}.aside-extra-sec .setting,.aside-m .settings{border-radius:50%;width:45px;height:45px;margin-right:16px;display:flex;justify-content:center;align-items:center;color:#05f}.aside-extra-sec *{cursor:pointer}.right-aside{height:100dvh;padding-top:96px;width:280px;position:fixed;top:0;font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600;width:260px;right:2px}.right-aside>div{padding:12px 15px;margin:8px 15px;background-color:#fff;border-radius:15px;height:97%}.right-aside>div>section{height:48%;margin-bottom:24px}.right-aside>div>section>h4{margin-bottom:12px}.right-aside>div>section>div{height:calc(100% - 30px);overflow:auto;scrollbar-width:none}.right-aside>div>section>div>div{gap:8px;padding:8px 0}.right-aside>div>section>div *{display:flex;align-items:center;cursor:pointer}.online-logo{background-color:#17a750;width:10px;height:10px;border-radius:50%}.logo{border-radius:50%;width:45px;height:45px;width:35px;height:35px}.logo>img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.logo.loading{background-color:#d3d3d3}.name{flex:1;color:#000}.aside-m{font-size:.9rem;font-weight:600;font-family:Open Sans,sans-serif;color:#a2a2a2;height:calc(100dvh - 62px);background-color:#f0f2f5;width:100vw;position:fixed;top:0;right:-100%;z-index:1;margin-top:0;padding-top:104px;transition:right .6s ease-in-out;overflow:auto;display:none}.aside-m>*{margin:auto;border-radius:5px;display:flex;flex-flow:wrap;justify-content:center;gap:20px;padding-top:10px;padding-bottom:20px}.aside-m>*>*{width:clamp(10%,50%,50% - 20px);padding:15px 30px;background-color:#fff}.aside-m>*>*>*{display:flex;align-items:center}.aside-m .reels{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#f09,#493240)}.aside-m .notification{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;color:#05f}.aside-m .chats{border-radius:50%;width:45px;height:45px;margin-right:16px;color:#fff;display:flex;justify-content:center;align-items:center;color:#12d877}.aside-m.active{right:0}@media only screen and (max-width: 1000px){.left-aside{position:fixed;left:-300px;z-index:1;box-shadow:0 0 20px 3px #e0e0e0;background-color:#fff;transition:left .5s ease-in-out}.left-aside.active{left:0}}@media only screen and (max-width: 700px){.left-aside{display:none}.aside-m{display:block}}@media only screen and (max-width: 400px){.aside-m>div>*{padding:12px 16px}.aside-m>div>* span:first-child{margin-right:8px}}.chats-container{display:flex}.chats-container>*{display:flex}.chats-container{position:fixed;background-color:#fff;bottom:2px;width:290px;height:400px;right:260px;flex-flow:column;gap:20px;box-shadow:0 4px 10px #d8d8d8;z-index:3;font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600}.chats-container .msg-head{gap:10px;padding:10px;box-shadow:0 4px 10px #d8d8d8;align-items:center}.chats-container .msg-head-dp{border-radius:50%;width:45px;height:45px;height:35px;width:35px}.chats-container .msg-head-dp>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.chats-container .msg-head-dp.loading{background-color:#d3d3d3}.chats-container .msg-head-name{flex:1;color:#05f}.msg-container{flex:1;padding:0 10px 20px 15px;display:flex;flex-direction:column-reverse;gap:10px;overflow-y:auto;font-weight:500}.msg-container p{padding:10px;max-width:80%;overflow-wrap:break-word}.msg-container .sent-msg{align-self:flex-end;background-color:#0055ff1a;color:#05f;border-radius:10px 10px 0}.msg-container .rec-msg{display:inline-block;width:fit-content;background-color:#fcf6ee;color:#000;border-radius:10px 10px 10px 0}.msg-form{height:40px;margin-bottom:15px}.msg-form>*{height:100%;border:none}.msg-form>button[type=submit]{width:40px;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;margin-right:10px;border-radius:0 10px 10px 0;cursor:pointer}.msg-form>textarea{padding:10px;margin-left:10px;margin-bottom:15px;flex:1;resize:none;background-color:#f0f2f5;border-radius:10px 0 0 10px;outline:none}.chats{font-family:Montserrat,sans-serif}.chats>div{background-color:#fff;margin:auto;max-width:800px;padding:48px;border-radius:5px;min-height:calc(100dvh - 108px)}.chats section{margin-top:40px;font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600;font-size:.9rem}.chats .chatlist-container{display:flex;align-items:center;gap:20px;margin-bottom:25px}.chats .chatlist-container.loading{display:block;margin-bottom:50px}.chats .chatlist-container.loading>div{margin-bottom:10px;height:20px;background-color:#d3d3d3;width:100%;border-radius:20px}.chats .user-icon{border-radius:50%;width:45px;height:45px;background-size:cover;background-position:center;background-repeat:no-repeat;width:60px;height:60px}.chats h3{color:#a2a2a2;margin-bottom:5px}.chats p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;color:#000}@media only screen and (max-width: 1000px){.chats-container{right:10px}}@media only screen and (max-width: 700px){.chats-container{width:100vw;height:100dvh;top:0;left:0;z-index:100}}@media only screen and (max-width: 500px){.chats>div{padding:25px}}.posts-main{margin-right:280px;height:calc(100dvh - 108px);min-width:464px}.posts-main-container{max-width:660px;margin:auto;padding-right:6px}.posts-main-container>*{margin-bottom:16px;margin-top:16px}.posts-main-container>header{margin-top:0}.shorts-sec{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:16px 0 0;margin-bottom:16px;scroll-behavior:smooth}.shorts{display:inline-block;width:125px;height:200px;background-color:bisque;border-radius:10px;margin-right:7px}.create-post-sec{background-color:#fff;padding:24px 24px 16px;border-radius:10px;font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600}.create-post-header,.create-post-header *{display:flex;align-items:center}.create-post-header div:first-child{width:35px;height:35px;justify-content:center;border-radius:50%;background-color:#f0f2f5;color:#05f;font-size:1.5rem;margin-right:8px}.create-post-textarea{position:relative;margin:17px 0}.create-post-textarea textarea{width:100%;height:100px;border-radius:15px;border:1px #bec4ca solid;padding:8px 8px 8px 48px;font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600;color:#a2a2a2;outline:none;resize:none}.create-post-textarea .shrink-area{padding-right:65px}.create-post-textarea textarea::placeholder{color:#a2a2a2}.textarea-dp{position:absolute;border-radius:50%;width:30px;height:30px;left:8px;top:4px}.create-post-textarea .thumbnail{position:absolute;max-width:50px;max-height:60px;right:10px;bottom:10px}.create-post-textarea .thumbnail img{width:100%;object-fit:cover;object-position:center;max-height:inherit}.create-post-textarea .thumbnail .delete{position:absolute;top:-10px;right:-8px;cursor:pointer}.create-post-options{display:flex;justify-content:space-between;padding-right:10px;color:#a2a2a2}.create-post-options>div>div>label{opacity:0;width:100%;position:absolute;cursor:pointer}.create-post-options>div>div>label input{display:none}.create-post-options>div{display:flex;gap:20px}.create-post-options>div>div{display:flex;justify-content:center;align-items:center;position:relative}.create-post-options input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.create-post-options button{padding:8px 20px;border:2px #0055ff solid;color:#05f;background-color:transparent;border-radius:5px;font-weight:700;transition:all .5s;cursor:pointer}.create-post-options button:hover{color:#fff;background-color:#05f}.post-container{font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600;background-color:#fff;display:flex;flex-flow:column;border-radius:10px;padding:24px;margin-bottom:16px;transition:all 1s ease}.post-container.loader{display:flex;justify-content:center;align-items:center}.post-header{display:flex;gap:12px;align-items:center;margin-bottom:16px}.delete-post{border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;width:30px;height:30px;cursor:pointer}.delete-post *{cursor:pointer}.postowner-logo,.postowner-logo img{border-radius:50%;width:45px;height:45px}.postowner-logo.loading{background-color:#d3d3d3}.postowner-name{flex:1}.postowner-name h4{color:#000}.post-text{margin-bottom:25px}.post-image{display:flex;justify-content:center;align-items:center;margin-bottom:30px;height:300px}.post-image>img{width:100%;object-fit:cover;object-position:center;height:100%}.post-image.loading{background-color:#d3d3d3}.post-interacts{display:flex;justify-content:center;align-items:center;color:#000;justify-content:space-between}.post-interacts *{cursor:pointer}.post-interacts div{display:flex;justify-content:center;align-items:center;min-width:90px}.loading{display:block;text-align:center;color:#05f}.create-comment-sec{display:flex;gap:20px;margin:30px 0}.create-comment-sec>form{flex:1;position:relative}.create-comment-sec>form>textarea{width:100%;padding:4px 60px 8px 8px;border-radius:10px;scrollbar-width:thin;resize:none;border:1px solid #bec4ca;outline:none}.create-comment-sec>form>button{position:absolute;right:30px;bottom:15px;color:#05f;background-color:transparent;border:transparent;cursor:pointer}.create-comment-sec>form>button *{cursor:pointer}.commentor-logo,.commentor-logo img{border-radius:50%;width:45px;height:45px}.commentor-logo.loading{background-color:#d3d3d3}.comment-sec{max-height:270px;overflow-y:auto;scrollbar-width:thin;padding-right:15px}hr{margin-top:25px}.commentowner-logo,.commentowner-logo img{border-radius:50%;width:45px;height:45px}.commentowner-logo.loading{background-color:#d3d3d3}.delete-comment{padding-top:8px}.delete-comment *{cursor:pointer}.comment-container{display:flex;gap:25px;margin-bottom:20px}.comment-container .comment-content{max-width:80%;word-break:break-all;flex:1}.comment-container .comment-content h3{color:#000;margin:8px 0}.comment-spinner{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 1000px){.right-aside{display:none}.posts-main{min-width:auto;margin-right:0}.posts-main-container{padding:0;margin:auto}}@media only screen and (max-width: 700px){.create-post-options{flex-flow:column;padding:0}.create-post-options>div{justify-content:space-between;margin-bottom:15px}.create-post-options>div>div{width:33.3333333333%}.create-post-options>div>div:first-child{justify-content:flex-start}.create-post-options>div>div:last-child{justify-content:flex-end}}.friends{font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600}.friends>*{max-width:990px;margin:30px auto 50px}.filter-friend{height:80px;background-color:#fff;display:flex;align-items:center;padding:0 24px;border-radius:10px;margin-top:0}.filter-friend>h2{flex:1;color:#000;font-size:1.2rem}.filter-friend form{display:flex}.filter-friend input{border:none;background-color:#f0f2f5;padding:6px 12px;border-right:1px #a2a2a2 solid}.filter-friend button{display:flex;justify-content:center;align-items:center;border:none;background-color:#f0f2f5;padding:6px 12px;color:#a2a2a2}.friend-req-head .image{height:208px;cursor:pointer}.friend-req-head,.friend-sugg-head{padding:0 24px;color:#000}.friend-req-head h2,.friend-sugg-head h2{flex:1;font-size:1.2rem;height:45px}.grid .accept-btn{background-color:#05f;cursor:pointer}.grid .send-req-btn{background-color:#10d876;cursor:pointer}.grid .reject-btn{background-color:red;cursor:pointer}.profile-main{font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600;height:calc(100vh - 108px)}.profile-main>div{max-width:990px;margin:auto}.profile-main .profile-header{width:100%;background-color:#fff;padding:16px;border-radius:10px}.profile-main .profile-header input{width:100%;height:100%;opacity:0}.profile-main .user-details{min-height:98px;display:flex;position:relative;padding-left:135px}.profile-main .connects-container{display:flex;gap:10px}.profile-main .connects-container>div{width:110px;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px}.profile-main .profilename{flex:1}.profile-main .profilename h4{margin:8px;color:#000;font-size:20px}.profile-main .green-btn{background-color:#10d876}.profile-main .blue-btn{background-color:#05f}.profile-main .red-btn{background-color:red}.profile-main .profile-dp{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;width:45px;height:45px;width:100px;height:100px;position:absolute;background-color:#faebd7;left:24px;bottom:40px;border:5px solid #fff}.profile-main .links{padding:0 25px;display:flex;gap:48px;color:#a2a2a2;border-top:2px solid #f0f2f5;height:55px;align-items:center}.profile-main .cover-photo{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:250px;background-color:#faebd7;border-radius:15px;margin-bottom:16px;display:flex;justify-content:center;align-items:center}.profile-container{display:flex}.profile-container .profie-aside{width:35%;padding-right:16px}.profile-container .profie-aside>*{margin:16px 0;border-radius:10px}.profile-container .posts-main-container{width:65%;margin:0;padding-right:0}.profile-container .posts-main-container>section{margin-right:0}.profile-head-container.loading{height:45%;background:#fff;border-radius:15px;margin-bottom:20px;padding:50px;justify-content:space-around;flex-direction:column;display:flex}.profile-head-container.loading>div{height:20px;background-color:#d3d3d3;border-radius:10px}.profile-container.loading{height:45%;gap:20px}.profie-aside.loading{width:20%;background:#fff;padding:20px;justify-content:space-around;flex-direction:column;display:flex}.profie-aside.loading>div{height:20px;background-color:#d3d3d3;border-radius:10px}.post-container.loading{flex:1;background-color:#fff;margin:0;padding:20px;justify-content:space-around;flex-direction:column;display:flex}.post-container.loading>div{height:20px;background-color:#d3d3d3;border-radius:10px}.about{padding:24px;background-color:#fff}.about h2{text-align:center;color:#000;margin-bottom:20px}.about ul{display:flex;flex-flow:column}.about ul li{display:flex;gap:10px;margin-bottom:20px}.about ul li .about-icons{padding-top:5px;color:#05f}.about ul li h3{color:#000}.about ul li p{width:inherit;word-break:break-word;max-height:60px;overflow:hidden}.photos{padding:24px;background-color:#fff;max-height:365px;overflow:hidden}.photos h2{text-align:center;color:#000;margin-bottom:20px}.photos div{display:flex;flex-flow:wrap;gap:10px;justify-content:center}.photos div div{background-size:cover;background-position:center;background-repeat:no-repeat;width:85px;height:85px}@media only screen and (max-width: 700px){.profile-main .profile-dp{width:150px;height:150px;bottom:65px}.profile-main .cover-photo{height:200px;margin-bottom:30px}.profile-main .user-details{display:flex;justify-content:space-between;flex-flow:wrap;padding-left:0%;min-height:70px;align-items:center}.profile-main .user-details h4{width:185px;text-align:center}.profile-main .links{justify-content:center}.profile-main .about,.profile-main .photos,.profile-main .posts-main-container{display:none}.profile-main .about.active,.profile-main .photos.active,.profile-main .posts-main-container.active,.profile-main .profile-container,.profile-main .profile-aside{display:block;width:100%}.profile-main .profie-aside{width:100%;padding:0}.profile-main ul li div:last-child{display:flex;width:100%;justify-content:space-between;gap:20px}.profile-main ul li p{width:50%;min-width:135px}}@media only screen and (max-width: 500px){.profile-main .user-details{flex-flow:column;padding:0;align-items:center;gap:10px;margin-bottom:20px}.profile-main .profile-dp{left:50%;transform:translate(-50%);bottom:120px}.profile-main .links{gap:0;justify-content:space-evenly;padding:0}.profile-main .about{padding:24px 15px}}.settings{font-family:Montserrat,sans-serif}.settings>div{background-color:#fff;margin:auto;max-width:800px;padding:48px;border-radius:5px}.settings>div>h1{font-size:32px;margin-bottom:48px}.settings>div>section{margin-bottom:24px}.settings>div>section>h5{margin-bottom:8px}.settings>div>section>*{width:100%}.settings>div>section>a>div{display:flex;align-items:center;padding:8px 0;width:100%}.settings>div>section>a>div .setting-icons{display:flex;justify-content:center;align-items:center;border-radius:50%;width:45px;height:45px;color:#fff;margin-right:16px}.settings>div>section>a>div span{cursor:pointer}.settings>div>section>a>div span *{cursor:pointer}.settings>div>section>a>div .description{flex:1;font-weight:700;color:#a2a2a2;cursor:pointer}.settings>div>section>a>div .account{background:linear-gradient(to right,#0575e6,#021b79)}.settings>div>section>a>div .address{background:linear-gradient(to right,#f2994a,#f2c94c)}.settings>div>section>a>div .social{background:linear-gradient(to right,#e44d26,#f16529)}.settings>div>section>a>div .password{background:linear-gradient(to right,#0575e6,#021b79)}.settings>div>section>a>div .feedback{background:linear-gradient(135deg,#05f,#09f)}.settings>div>section>a>div .logout{background:linear-gradient(to right,#ee0979,#ff6a00)}.account-setting{font-family:Montserrat,sans-serif}.account-setting>div{background-color:#fff;margin:auto;max-width:800px;padding:48px;border-radius:5px}.account-setting>div>h1{display:flex;align-items:center;font-size:32px;margin-bottom:48px}.account-setting .account-setting-form>div{align-items:center;display:flex;padding:8px 0;justify-content:space-between}.account-setting .account-setting-form>div>span{min-width:160px;display:inline-block;font-weight:700}.account-setting .account-setting-form>div>input,.account-setting .account-setting-form>div select{display:inline-block;flex:1;max-width:350px;height:40px;font-size:large;padding:0 10px;outline:none}.account-setting .account-setting-form>div>div{max-width:350px;flex:1}.account-setting .account-setting-form>div>div>input{display:inline-block;height:40px;font-size:large;padding:0 10px;outline:none;width:120px}.account-setting .account-setting-form .button{justify-content:flex-end}.account-setting .account-setting-form .button button{padding:8px 20px;border:2px #0055ff solid;color:#05f;background-color:transparent;border-radius:5px;font-weight:700;transition:all .5s;cursor:pointer;margin-top:30px}.account-setting .account-setting-form .button button:hover{color:#fff;background-color:#05f}.account-setting .account-setting-form>p{margin:20px 0}.account-setting input[type=number]::-webkit-outer-spin-button,.account-setting input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting.loading{display:block;margin-bottom:50px}.setting.loading>div{margin-bottom:10px;height:20px;background-color:#d3d3d3;width:100%;border-radius:20px}@media only screen and (max-width: 700px){.settings{scrollbar-width:none}.account-setting>div{padding:48px 20px;min-height:calc(100vh - 166px)}.account-setting-form>div span{max-width:110px}.account-setting-form>div input{min-width:100px}}@media only screen and (max-width: 400px){.settings>div{padding:48px 30px}}.store{font-size:.75rem;color:#bec4ca;font-family:Montserrat,sans-serif;font-weight:600}.store>section{margin-top:30px}.store-grid .card{padding:0 0 20px}.store-grid .product-card{cursor:pointer}.store-grid .product-image-container{aspect-ratio:3/4;margin-bottom:1rem}.store-grid .product-image-container.loading{background-color:#d3d3d3}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scrollbar-width:thin}p,h1,h2,h3,h4,h5,h6,div{cursor:default}body{background-color:#f0f2f5}a{color:inherit;display:inline-block;cursor:pointer}.propogator{display:flex;justify-content:center;align-items:center;width:100vw;height:100dvh}main{margin-left:280px;margin-right:0;margin-top:104px;min-width:700px;overflow-y:auto;scrollbar-width:none;height:calc(100dvh - 108px)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-content:center;gap:20px;padding:0 20px}.grid>*{margin:auto;width:100%}.grid .loading-skeleton{width:100%;height:20px;margin-bottom:20px;background-color:#d3d3d3}.grid .loading-skeleton.round{border-radius:50%;width:110px;margin:auto auto 25px;height:110px}.grid .card{background-color:#fff;border-radius:10px;width:100%;padding:20px}.grid .card .image-container{border-radius:50%;width:50%;aspect-ratio:1/1;margin:auto auto 10px;cursor:pointer;overflow:hidden}.grid .card img{object-fit:cover;object-position:center;width:100%;height:100%}.grid .card .image-container.loading{background-color:#d3d3d3}.grid .card .details{color:#000;width:100%;font-size:1rem;border-radius:4px;text-align:center}.grid .card .details>div{width:110px;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;height:auto;padding:10px;width:100%;margin-bottom:10px}.grid .card .details h3{margin-bottom:15px}@media only screen and (max-width: 1000px){main{margin:104px 0 0;min-width:auto}}