*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.3}.sm-normal-text{font-size:1.4rem;line-height:1.3}.sm-semibold-text{font-size:14px;font-weight:600;line-height:1.3}.generic-link{font-weight:600;text-decoration:none;font-size:1.4rem;line-height:1.25;color:#000}.md-semibold-text{font-size:16px;font-weight:600;line-height:1.3}.md-normal-text{font-size:1.6rem;line-height:1.3}.loader{color:#0095f6;font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s infinite linear;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.u-padding-8{padding:8px}.js_btn-like .js_like{display:block}.js_btn-like .js_liked,.js_btn-like--liked .js_like{display:none}.js_btn-like--liked .js_liked,.js_btn-bookmark .js_bookmark{display:block}.js_btn-bookmark .js_bookmarked,.js_btn-bookmark--bookmarked .js_bookmark{display:none}.js_btn-bookmark--bookmarked .js_bookmarked{display:block}.container{width:100vw;display:flex;align-items:start}.container-login{display:block}@media (max-width: 768px){.container{flex-direction:column;width:100%}}.profile-page{width:94rem;padding:3rem 2rem 0;margin:0 auto}.profile-page-user-detail-btn{display:flex;align-items:center}.profile-page-header{width:100%;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(6,minmax(0,auto));align-items:start;height:auto}.profile-page-avatar-box{grid-column:1;grid-row:1/5;margin-right:2.8rem;display:flex;justify-content:center;align-items:center}.profile-page-user-detail{display:flex;align-items:center}.profile-page-username{font-size:2rem;margin-right:2rem}.profile-page-img{width:15rem!important;height:15rem!important}.profile-page-hover-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-page .btn:active,.profile-page .btn:hover{background-color:transparent}.profile-page-stats-detail{display:flex;align-items:center;font-size:1.6rem}.profile-page-stat{margin-right:4rem;display:flex;align-items:center;gap:4px}.profile-page-stat .number{line-height:1;font-weight:600}.profile-page-stat-text{color:#737373}.profile-page-name{font-size:14px;font-weight:600;line-height:1.3;padding:6px 0}.profile-page-bio{font-size:1.4rem;line-height:1.3;line-height:.9}.profile-page-tabs{width:100%;height:5.2rem;display:flex;justify-content:center;align-items:center;border-top:1px solid #eaeaea;gap:6rem}.profile-page-tabs img{width:1.4rem!important;height:1.4rem!important}.profile-page-tabs span{font-size:1.2rem;line-height:1.3;margin-left:6px;text-transform:uppercase;line-height:1}.profile-page-posts{width:100%}.profile-page-posts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.profile-page-posts-row img{width:100%;height:100%;object-fit:cover}.profile-page-post-btn{width:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}.profile-page-tab-btn{display:flex;justify-content:center;align-items:center;height:100%;line-height:1!important;opacity:.6}.btn-profile-page{padding:0 1.6rem;height:3.1rem;background-color:#efefef!important;border-radius:8px;font-size:1.2rem;font-weight:600;margin-right:1rem}.btn-profile-page:hover,.btn-profile-page:active{background-color:#dbdbdb!important}.btn-profile-page-upload{position:relative}.btn-profile-page-upload:hover .profile-page-img{filter:brightness(.7)}.abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.abs-center .post-stat-img{width:2.4rem!important;height:2.4rem!important}.profile-page-post-btn:hover .abs-center{display:block}.profile-page-post-btn:hover .profile-page-post-img{filter:brightness(.5)}.rel{position:relative}.post-stat-text{font-size:14px;font-weight:600;line-height:1.3;color:#fff}.stat{display:flex;justify-content:center;align-items:center;gap:3px}.stats{display:flex;justify-content:center;align-items:center;gap:2.8rem}.active{border-top:1px solid #000!important;opacity:1}.profile-page-user-detail,.profile-page-stats-detail,.profile-page-name-detail{margin-bottom:2rem}.profile-page-name-detail{margin-bottom:14.4rem}.uploading{display:flex;justify-content:center;align-items:center;font-size:2.6rem;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#ffffffe6;z-index:100}aside{height:100vh;overflow-y:auto;flex-basis:24.4rem}@media (max-width: 78.75em){aside{flex-basis:auto}}@media (max-width: 768px){aside{order:1;height:auto;width:100%}}.main{display:flex;justify-content:center;height:100vh;overflow-y:auto;width:calc(100vw - 24.4rem)}.main-container{display:flex}@media (max-width: 78.75em){main{flex-basis:100%}}@media (max-width: 768px){.main{flex-basis:100%;width:100%}}@media (max-width: 576px){.main{padding:2rem}}.suggested{margin-top:2.4rem}.suggested-texts{display:flex;align-items:center;justify-content:space-between}.suggested-link{font-weight:600;text-decoration:none;font-size:1.4rem;line-height:1.25;font-size:1.2rem;color:#262626}.suggested-text{font-size:14px;font-weight:600;line-height:1.3;color:#737373}.suggested-profiles{display:flex;flex-direction:column;padding-top:.8rem}.posts{display:flex;flex-direction:column;align-items:center}.follow-section{margin-top:3.6rem;width:38.3rem;padding:0 1.6rem;display:flex;flex-direction:column;align-items:end}@media (max-width: 1024px){.follow-section{display:none}}.content-section{flex:1 1 63rem}@media (max-width: 1024px){.content-section{flex-shrink:0}}@media (max-width: 640px){.content-section{flex:1 1 63rem}}.nav{display:flex;flex-direction:column;gap:1.9rem;border-right:1px solid #dbdbdb;padding:.8rem 1.2rem 2rem;height:100vh}.nav-logo{padding:3.2rem 0 1.6rem 1.2rem}.nav-logo-icon{display:none}.nav-logo-img{display:block}.nav-items{list-style-type:none;font-size:1.6rem;line-height:1.25}.nav-item{margin:2px 0}.nav-item-profile-img{width:2.4rem!important;height:2.4rem!important;border-radius:10rem}.nav-item-link{display:flex;align-items:center;gap:1.6rem;text-decoration:none;color:#262626;padding:1.2rem;border-radius:.8rem}.nav-item-link:hover{background-color:#eaeaea}.nav-item--active .nav-item-link{font-weight:700}.nav-item--active .nav-item-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (max-width: 78.75em){.nav-logo{padding-right:1.2rem}.nav-logo-link{border-radius:100px}.nav-logo-img{display:none}.nav-logo-icon{display:block}.nav-item-link{padding:1.2rem;margin:.8rem 0;justify-content:center}.nav-item-text{display:none}.nav-item-link{border-radius:100px}}@media (max-width: 768px){.nav{flex-direction:row;align-items:center;justify-content:center;border:none;height:auto;position:fixed;bottom:0;background-color:#fff;width:100vw;overflow:hidden;padding:1rem;border-top:1px solid #dbdbdb}.nav-items{display:flex;justify-content:center;align-items:center;width:100%;justify-content:space-evenly}.nav-item{margin:0}.nav-logo{display:none}.nav-item-link{margin:0}}.avatar{display:flex;flex-direction:column;align-items:center;text-decoration:none}.avatar-text{margin-top:1rem;color:#262626}.avatar-only .avatar-text{display:none}.avatar-img-box--xsm,.avatar-img-box--xsm .avatar-img{width:2.4rem!important;height:2.4rem!important}.avatar-img-box--sm,.avatar-img-box--sm .avatar-img{width:3.2rem!important;height:3.2rem!important}.avatar-img-box--md,.avatar-img-box--md .avatar-img{width:4.4rem!important;height:4.4rem!important}.avatar-img-box--lg,.avatar-img-box--lg .avatar-img{width:5.6rem!important;height:5.6rem!important}.avatar-img-box--xl,.avatar-img-box--xl .avatar-img{width:7.4rem!important;height:7.4rem!important}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:100px}.avatar-img-box{position:relative}.avatar-img-box .avatar-img-wrapper{display:none}.avatar-img-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-img-box-wrapper--md .avatar-img-wrapper{display:block;width:4.2rem!important;height:4.2rem!important}.avatar-img-box-wrapper--lg .avatar-img-wrapper{display:block;width:6.6rem!important;height:6.6rem!important}.link{font-weight:600;text-decoration:none;font-size:1.4rem;line-height:1.25;color:#262626}.link.user{display:flex;gap:4px;align-items:center;justify-content:start}.btn{border:none;background:none;cursor:pointer;font-size:14px}.btn-login:disabled{background-color:transparent!important;color:#737373}.btn-blue{color:#0095f6}.btn--semibold{font-weight:600}.btn-normal{font-weight:400}.btn:disabled{cursor:default;background-color:#737373}.btn-hover:hover,.btn-hover:active{background-color:#0081e2}.btn:disabled,.btn:disabled:hover{cursor:default;background-color:#737373}@media (max-width: 500px){.btn-hidden,.hidden{display:none}}.post{display:flex;flex-direction:column;width:47rem;padding-bottom:1.6rem;margin-bottom:2rem;border-bottom:1px solid #dbdbdb;margin-bottom:6rem}.post .avatar{margin-left:5px}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.post-body{width:46.8rem;height:58rem}.post-content{border:1px solid #dbdbdb;border-radius:8px;overflow:hidden;width:100%;height:100%}.post-content-img{width:100%;height:100%;object-fit:cover}.post-interactions{display:flex;align-items:center;justify-content:space-between;margin:4px 0}.post-interact{display:flex;align-items:center;gap:4px}.post-bookmark{display:flex;justify-content:center;align-items:center;padding:.8rem}.post-likes-content{font-size:14px;font-weight:600;line-height:1.3}.post-info-content{display:inline-block;margin-top:.8rem}.post-info-content .profile-username-container{display:inline-flex;margin-right:3px}.post-view-comments{font-size:1.4rem;line-height:1.3;margin-top:.8rem}.post-comments{color:#737373}.post-add-comment{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between}.post-add-comment-input{font-size:1.4rem;line-height:1.3;border:none;outline:none;flex:1 1 100%}.post-add-comment-icon{padding-right:4px;cursor:pointer}@media (max-width: 500px){.post,.post-body{width:100%}}.story{display:flex;padding:1rem .8rem .8rem;margin:1.6rem 0 2.4rem;align-self:start;gap:2rem}.login-loader{padding:3.4rem;width:100%;height:20px;font-size:10px;display:flex;align-items:center;justify-content:center}.login-loader .loader{font-size:6px}.profile{display:flex;justify-content:start;align-items:center;justify-content:space-between;width:100%}.profile-details{display:flex;justify-content:center;align-items:center}.profile--has-reel .profile-avatar-reel{position:absolute;width:100%;height:100%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-avatar{display:flex;width:100%;height:100%;object-fit:cover;border-radius:100%}.profile-avatar-container{position:relative;margin-right:1.2rem}.profile-avatar-container.--xs{width:2.4rem!important;height:2.4rem!important}.profile-avatar-container.--sm{width:3.2rem!important;height:3.2rem!important}.profile-avatar-container.--md{width:4.4rem!important;height:4.4rem!important}.profile-avatar-container.--lg{width:5.6rem!important;height:5.6rem!important}.profile-avatar-container.--xl{width:7.4rem!important;height:7.4rem!important}.profile-username{font-size:14px;line-height:1.3;font-weight:600;text-decoration:none;font-size:1.4rem;line-height:1.25;color:#000}.profile-username-text{color:#737373}.profile-username-container{display:flex;align-items:center;gap:2px}.profile-dot,.profile-datetime{display:none}.profile-page-img{border-radius:100px}.post .profile{justify-content:space-between;justify-content:start}.post .profile-avatar-container{width:4.2rem!important;height:4.2rem!important;display:flex;justify-content:center;align-items:center}.post .profile-avatar-container.--xs .profile-avatar{width:2.4rem!important;height:2.4rem!important}.post .profile-avatar-container.--sm .profile-avatar{width:3.2rem!important;height:3.2rem!important}.post .profile-avatar-container.--md .profile-avatar{width:4.4rem!important;height:4.4rem!important}.post .profile-avatar-container.--lg .profile-avatar{width:5.6rem!important;height:5.6rem!important}.post .profile-avatar-container.--xl .profile-avatar{width:7.4rem!important;height:7.4rem!important}.post .profile-dot{display:inline-block;font-size:2.5rem;color:#737373;margin:0 4px}.post .profile-datetime{font-size:1.4rem;line-height:1.3;color:#737373;display:inline-block}.follow-section{padding-left:6.4rem}.follow-section .profile-username-container{flex-direction:column;align-items:start}.follow-section .profile-username-text{font-size:1.4rem}.follow-section .profile-label{font-size:1.2rem}.btn-profile-page-upload:disabled{background-color:transparent}.btn-profile-page-upload:disabled:hover{background-color:transparent;opacity:.9}.profile-page-hover-icon{display:none}.btn-profile-page-upload:hover .profile-page-hover-icon{display:flex!important}@media (max-width: 768px){.main{padding:2rem}.profile-page{padding-left:0;padding-right:0}.profile-page-user-detail{align-items:start;gap:1.6rem;flex-direction:column}.profile-page-name-detail{grid-column:1/-1;grid-row:5;margin-bottom:10rem}.profile-page-img{width:8rem!important;height:8rem!important}.profile-page-avatar-box{margin-right:1.6rem}.profile-page-stats-detail{display:none}.add-post-modal{overflow:hidden;width:80%!important;height:80%!important;flex-direction:column!important}.add-post-modal-img-box{width:100%!important;height:50%!important}.add-post-modal-text-box{width:100%!important;height:auto!important}.add-post-modal-img{scale:1.03}}.suggested{width:100%}.suggested-profiles .profile{padding:8px 0}.profile-page-bio{line-height:1.3}.modal{position:absolute;width:80vw;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;background-color:#fff}.modal-img-box{width:40%}.modal-comments-box{width:60%}.modal-img{width:100%;height:100%;object-fit:cover}.modal-post-header{padding:1.4rem 4px 1.4rem 1.6rem;border-bottom:1px solid #eaeaea}.modal-comments{padding:1.6rem}.add-post-modal{border-radius:8px;position:absolute;width:60vw;height:70vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;background-color:#fff;border:1px solid #eaeaea;gap:1rem;display:none}.add-post-modal-img-box{width:40%}.add-post-modal-text-box{width:60%;padding:2rem}.add-post-modal-img{width:100%;height:100%;object-fit:cover}.add-post-modal textarea{width:100%;min-height:10rem;outline:none;border-radius:8px;font-size:1.6rem;padding:1rem;border:1px solid #737373}.add-post-modal h3{margin-bottom:2rem;font-size:2rem}.add-post-modal .btn{align-self:end;margin-top:2.4rem;padding:1rem 2rem;border-radius:8px;background-color:#0095f6;color:#fff}.add-post-modal .add-btn{background-color:#ff3040}.add-post-modal .add-btn:hover,.add-post-modal .add-btn:active{background-color:#fb7580}.add-post-modal .add-post-modal-btn{display:flex;justify-content:center;align-items:center;gap:4px}.add-post-modal .icon{font-size:2rem}.add-post-modal-btn-group{display:flex;justify-content:start;align-items:center;justify-content:space-between}.modal-profile-page{position:absolute;align-items:start;flex-direction:column;width:45vw;padding:4rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;background-color:#fff;border:1px solid #efefef;display:none}.modal-profile-page h3{margin-bottom:2rem;font-size:2rem}.modal-profile-page textarea,.modal-profile-page .textarea{width:100%;min-height:10rem;outline:none;border-radius:8px;font-size:1.6rem;padding:1rem;border:1px solid #737373}.modal-profile-page label{font-size:14px;font-weight:600;line-height:1.3;display:block;margin-bottom:1.2rem}.modal-profile-page .textarea-group{width:100%}.modal-profile-page-btn{align-self:end;margin-top:2.4rem;padding:1.2rem 3.6rem;border-radius:8px;background-color:#0095f6;color:#fff}.overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:8;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px}.modal-profile{position:relative;width:100%;align-items:start;display:flex;flex-direction:column}.btn-absolute{position:absolute;display:flex;justify-content:center;align-items:center;top:-9%;right:-2%;font-size:3rem;width:3.6rem;height:3.6rem}.btn-absolute:hover,.btn-absolute:active{background-color:#efefef!important}@media (max-width: 500px){.modal-profile-page{width:80%;padding:2rem}.btn-absolute{top:-7%;right:-4%}}.follow-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:356px;background-color:#fff;border-radius:8px;overflow-x:hidden;overflow-y:auto}.follow-modal .profile{padding:.8rem 1.6rem;justify-content:space-between}.follow-modal .profile-dot,.follow-modal .profile-datetime-container,.follow-modal .profile-avatar-reel{display:none}.follow-modal .profile-label{display:flex;align-items:center;padding:7px 1.6rem;background-color:#0095f6;color:#fff;border-radius:8px}.modal-header{height:43px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #eaeaea}.modal-like-container{width:100%;display:flex;justify-content:center;align-items:center}.modal-like{font-size:16px;font-weight:600;line-height:1.3}.modal-like-btn-container{min-width:48px;display:flex;justify-content:center;align-items:center;height:100%}.login{width:35rem;margin:0 auto}.login-header{width:26rem;text-align:center}.login-header-img{margin:3.6rem 0 1rem}.login-header-text{margin-bottom:1rem}.login-btn{display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1.3;width:100%;height:3.2rem;background-color:#0095f6;border-radius:8px;color:#fff;margin:.8rem 0}.login-divider{display:flex;justify-content:center;align-items:center;margin:1rem 0 1.8rem}.login-divider-text{font-size:1.4rem;line-height:1.3;font-weight:600;color:#737373;margin:0 1.8rem}.login-form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #eaeaea;margin-top:20px;padding:1rem 0 2rem}.login-form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:26rem}.login-form-input-group{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.login-form-input-group input{width:100%;padding:.8rem .8rem .7rem .9rem;outline:none;margin-bottom:6px}.login-form-footer-text{margin:1rem 0;font-size:12px;line-height:1.3}.form-footer{width:100%}.signup-box{margin-top:1rem;border:1px solid #eaeaea;height:4.8rem;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.4rem;line-height:1.3}.signup-box a{color:#0095f6}