.header-container,.header-container--small{display:flex;justify-content:center;align-items:center;height:54px;width:100vw;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);margin-bottom:30px}.header-container--small{margin-bottom:0}.header{display:flex;justify-content:space-between;align-items:center;width:clamp(200px,100vw,978px);padding-left:20px;padding-right:20px}.header__instagram{width:103px}.header-icons{display:flex;flex-wrap:nowrap;cursor:pointer;align-items:center}.header__icon{fill:var(--icon-color)}.header__icon:not(:first-child){padding-left:24px}.profile-pic__image{height:22px;width:22px;border-radius:11px}.profile-pic__circle,.profile-pic__no-circle{display:flex;justify-content:center;align-items:center;height:28px;width:28px;border:1px solid var(--avatar-border-color);border-radius:14px}.profile-pic__no-circle{border:none}.avatar--extra-small{height:22px;width:22px;border-radius:11px}.avatar--small{height:28px;width:28px;border-radius:14px}.avatar--medium{height:32px;width:32px;border-radius:16px}.avatar--large{width:77px;height:77px;border-radius:38.5px}.avatar--extra-large{width:150px;height:150px;border-radius:75px}.post-wrapper{width:100vw;display:flex;flex-direction:column;align-items:center}.center-align{align-items:center!important}.post-container{width:clamp(200px,100vw,935px);display:flex;flex-direction:column;align-items:flex-start;padding-left:28px;padding-right:28px}.post{margin-bottom:20px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:3px}.post,.post-header{width:clamp(100px,100vw,614px)}.post-header{height:64px}.post-header__flex{display:flex;width:100%;height:100%;padding:14px 16px;align-items:center}.post-header__flex>h3{padding-left:14px;font-weight:600}.post-image{width:clamp(100px,100vw,614px);height:clamp(100px,100vw,614px);background-color:var(--bg-color-subtle);object-fit:contain}.post__like-bar{display:flex;padding:6px 16px 8px;background-color:var(--bg-color)}.post__like-bar>svg{padding:8px;fill:var(--icon-color);cursor:pointer}.post__like-bar>svg:hover{fill:var(--icon-color-hover)}.post__like-bar>svg:first-child{padding-left:0}.post__like-bar--liked>svg:first-child{fill:var(--like-color)!important;animation:like-animation 1s ease-in-out 0s 1}.post__comments{background-color:var(--bg-color);padding:8px 16px 24px}.post__comment-user-name{font-size:14px;font-weight:600}.post__comment-content{font-size:14px;font-weight:400}.post__follow>span{padding-left:4px}.post__follow-button,.post__unfollow-button{font-weight:600;color:var(--button-color);text-decoration:none;padding-left:5px;background:transparent;border:none;font-size:14px;cursor:pointer}.post__unfollow-button{color:var(--icon-color-hover)}@keyframes like-animation{0%{transform:scale(0)}15%{transform:scale(1.2)}30%{transform:scale(.95)}45%,80%{transform:scale(1)}}.explore-container{display:flex;justify-content:center;width:100vw;height:auto}.explore-wrapper{display:flex;flex-direction:column;width:clamp(200px,100vw,978px);padding-left:20px;padding-right:20px;padding-top:30px}.explore--small{padding-left:0;padding-right:0}.explore-posts-wrapper{display:flex;flex-direction:column;grid-gap:28px;gap:28px;width:100%}.explore-posts-row{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;grid-gap:28px;gap:28px}.post-image{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;display:block}.profile-container{display:flex;justify-content:center;width:100vw;height:auto}.profile,.profile--small,.profile-wrapper{display:flex;flex-direction:column}.profile,.profile--small{align-items:center;width:clamp(200px,100vw,978px);padding-left:20px;padding-right:20px}.profile--small{padding-left:0;padding-right:0;padding-top:0}.profile-header{display:flex;width:100%;flex-shrink:1;flex-grow:1;margin-bottom:44px}.profile-header--small{flex-direction:column}.profile-header__left{flex-basis:33.3%}.profile-header__right{flex-basis:66.6%}.profile-header__profile-pic-container{display:flex;justify-content:center}.profile-header__profile-pic-container--small{display:flex;justify-content:center;margin-right:28px}.profile-header__no-profile-pic,.profile-header__profile-pic{width:150px;height:150px;border-radius:75px;display:flex;justify-content:center;align-items:center}.profile-header__no-profile-pic,.profile-header__no-profile-pic--small{border:1px solid var(--avatar-border-color)}.profile-header__no-profile-pic--small,.profile-header__profile-pic--small{width:77px;height:77px;border-radius:38.5px;margin-right:28px}.profile-header__name-container{display:flex;align-items:flex-start}.profile-header__name{font-size:28px;font-weight:300;padding-bottom:20px;margin-right:28px}.header-profile__stats,.header-profile__stats--small{display:flex;padding-bottom:20px}.header-profile__stats--small{justify-content:space-around;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:20px}.header-profile__stats>li{padding-right:40px}.header-profile__stats>li>span:first-child{font-weight:600}.header-profile__stats--small>li{display:flex;flex-direction:column;align-items:center}.header-profile__stats--small>li>span:first-child{font-weight:600}.profile-header__description,.profile-header__description--small{display:flex;flex-direction:column}.profile-header__description--small{padding-left:20px;padding-right:20px}.profile-header__description--small>h1,.profile-header__description>h1{font-weight:600;line-height:24px}.profile-header__top{display:flex;padding:16px 16px 24px}.profile-header__bottom{display:flex;flex-direction:column;padding:0 0 20px}.profile__decorative-line{border-top:1px solid var(--border-color);height:1px;width:100%;margin-bottom:44px}.profile-posts-wrapper{display:flex;flex-direction:column;grid-gap:28px;gap:28px;width:100%}.profile-posts-row{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;grid-gap:28px;gap:28px}.small-gap{grid-gap:3px;gap:3px}.profile__post-container{position:relative;min-width:0;min-height:0}.profile__post{max-width:100%;max-height:100%;min-width:0;min-height:0;display:block}.profile__post-overlay{background-color:var(--light-overlay-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;visibility:hidden}.visible{visibility:visible}.profile__post-overlay svg{fill:var(--icon-color-light);margin-right:8px}.profile__post-stats{font-weight:600;color:var(--font-color-light);justify-content:space-around;width:100%;flex-wrap:wrap}.profile__post-stat,.profile__post-stats{display:flex;align-items:center}.li-link{cursor:pointer}.dark-overlay{position:absolute;top:0;left:0;min-width:100vw;height:100vh;background-color:var(--dark-overlay-color);z-index:99;display:flex;justify-content:center;align-items:center}.friends-modal{background-color:var(--bg-color);min-height:43px;height:400px;width:clamp(200px,95vw,400px);border-radius:12px;overflow:hidden}.friends-modal__header{min-height:43px;display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.friends-modal__header>h1{font-weight:600}.header__top-corner{min-height:43px;min-width:43px;display:flex;justify-content:center;align-items:center}.header__top-corner>svg{cursor:pointer}.friend-row{display:flex;align-items:center;padding:8px 16px}.friend-row__left{display:flex;padding:4px}.friend-row__names{display:flex;flex-direction:column;padding-left:10px;font-size:14px}.friend-row__names>a{font-weight:600;padding-bottom:2px}.friend-row__names>h3{color:var(--font-color-subtle)}.friend-row__right{display:flex}.friends-modal__friends{max-height:356px;overflow:auto}.friends-modal__friends::-webkit-scrollbar{width:10px;padding-top:5px}.friends-modal__friends::-webkit-scrollbar-track{background:var(--post-border-color);border-radius:5px}.friends-modal__friends::-webkit-scrollbar-track:hover{background:var(--post-border-color)}.friends-modal__friends::-webkit-scrollbar-thumb{background:var(--icon-color-hover);border-radius:5px}.friends-modal__friends::-webkit-scrollbar-thumb:hover{background:var(--icon-color-hover)}.login-wrapper{width:100vw;display:flex;justify-content:center}.login-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.login__form-container,.login__signup{display:flex;flex-direction:column;align-items:center;min-width:350px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1px}.small{background-color:transparent;border:none}.login__form{display:flex;flex-direction:column;align-items:center;margin-top:24px;margin-bottom:22px}.login__logo{width:175px;height:51px;margin-top:22px;margin-bottom:12px}.login__form-input{box-sizing:border-box;width:266px;height:36px;border:1px solid var(--border-color);border-radius:3px;margin-bottom:6px;padding:9px 0 7px 8px;color:var(--input-placeholder-color);background-color:var(--bg-color-subtle);font-size:14px}.login__button{width:266px;margin-top:8px;margin-bottom:8px}.login__signup{flex-direction:row;align-items:center;justify-content:center;margin-top:10px;font-size:14px;padding-top:25px;padding-bottom:25px}.login__signup-link{font-weight:600;color:var(--button-color);text-decoration:none;padding-left:5px}.add-post-wrapper{position:absolute;top:0;left:0;min-width:100vw;height:100vh;background-color:var(--dark-overlay-color);z-index:99}.add-post-wrapper__top-flex{width:100%;display:flex;justify-content:flex-end}.add-post-wrapper__bottom-flex{height:calc(100vh - 56px);display:flex;justify-content:center;align-items:center}.close-icon{fill:var(--icon-color-light);margin:16px;cursor:pointer}.add-post__modal{width:clamp(348px,70vw,855px);height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:11px;background-color:var(--bg-color);transition:width .25s ease-out 0s;z-index:100}.modal__header{height:42px;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;font-weight:600}.crop,.share{justify-content:space-between}.large{width:clamp(695px,100vw,1195px)}.modal__header-button{border:none;outline:none;color:var(--button-color);background-color:inherit;font-size:14px;font-weight:600}.modal__header-button,.modal__header-svg-button{padding:16px;cursor:pointer}.modal__content{padding:24px;height:calc(100% - 42px)}.modal__content,.modal__content-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal__content-inner>h2{padding:16px 0 24px;font-size:22px}.select-from-computer-button{cursor:pointer;box-sizing:border-box;border:none;background-color:var(--button-color);color:#fff;padding:5px 9px;border-radius:4px;font-size:14px;font-weight:600}#select-from-computer{display:none}.crop-relative{position:relative}.modal__content-flex{width:100%;height:100%}.modal__content-share{position:relative;top:0;left:calc(100% - 340px);width:340px}.modal__content-share-small{position:relative;top:100%;background-color:var(--bg-color);border-bottom-left-radius:11px;border-bottom-right-radius:11px;padding-bottom:8px}.caption-header{padding:18px 16px 14px;display:flex;align-items:center}.avatar-wrapper{padding-right:12px}.caption-header__username{font-weight:600}.caption__input{box-sizing:border-box;font-family:var(--font);width:100%;height:156px;border:none;outline:none;padding:0 16px;font-size:16px;resize:none;border-bottom:1px solid var(--border-color)}.add-caption{opacity:0;animation:fadeInAnimation .15s ease;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.25s}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.drag-icon--colored svg{fill:var(--button-color)!important}.post-page-wrapper{width:100vw;display:flex;flex-direction:column;align-items:center}.post-page-container{width:clamp(200px,100vw,935px);display:flex;flex-direction:column;align-items:flex-start;padding-left:28px;padding-right:28px}.post-page-post{display:flex;max-width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content;border:1px solid var(--post-border-color)}.post-page-post--column{flex-direction:column}.post-page-post__image{width:clamp(100px,100vw,614px);max-width:100%}.post-page-post__side-bar{display:flex;flex-direction:column;min-height:450px;background-color:var(--bg-color);justify-content:space-between}.post-page-post__side-bar--column{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.side-bar__header{display:flex;justify-content:space-between;border-bottom:1px solid var(--post-border-color);padding:14px 16px}.post-page-post__user-info{display:flex;background-color:var(--bg-color);width:335px;align-items:center;height:-webkit-max-content;height:-moz-max-content;height:max-content}.post-page-post__user-info--column{width:100%}.user-info__username{padding-left:16px;font-weight:600;font-size:14px;color:var(--font-color)}.comment{background-color:var(--bg-color);padding:14px 16px;display:flex}.comment__content{padding-left:16px;padding-right:24px;font-size:14px;padding-top:7px;overflow-wrap:break-word;max-width:100%}.content__username{font-weight:600}.comments{min-height:206px;max-width:334px;max-height:354px;overflow-y:auto;overflow-x:hidden;margin-bottom:4px}.comments::-webkit-scrollbar{width:10px}.comments::-webkit-scrollbar-track{border-radius:5px}.comments::-webkit-scrollbar-track,.comments::-webkit-scrollbar-track:hover{background:var(--post-border-color)}.comments::-webkit-scrollbar-thumb{background:var(--icon-color-hover);border-radius:5px}.comments::-webkit-scrollbar-thumb:hover{background:var(--icon-color-hover)}.side-bar__bottom{border-top:1px solid var(--post-border-color)}.side-bar__bottom--column{border-top:none}.liked-by{padding:0 16px 14px;font-size:14px;display:flex;align-items:center}.liked-by__text{padding-left:4px}.liked-by__link{font-weight:600}.add-comment{border-top:1px solid var(--post-border-color)}.add-comment__form{padding:6px 16px;display:flex;justify-content:space-between;align-items:center;width:100%}.add-comment__input{border:none;margin-left:16px;padding-top:11px;padding-bottom:11px;color:var(--font-color);width:100%}.add-comment__button{border:none;background-color:transparent;cursor:pointer;color:var(--button-color);font-weight:600}.--inactive{opacity:.3;cursor:default}.add-comment__input:focus{border:none;outline:none}.post-page-post__delete-button{color:var(--delete-color);border:none;background-color:transparent;font-weight:600;cursor:pointer}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-color:#fff;--bg-color-subtle:#fafafa;--border-color:#dbdbdb;--post-border-color:#efefef;--button-color:#0095f6;--dark-overlay-color:rgba(0,0,0,0.75);--light-overlay-color:rgba(0,0,0,0.5);--icon-color:#383838;--icon-color-hover:#8e8e8e;--icon-color-light:#fff;--like-color:#ed4956;--delete-color:#ed4956;--error-color:#ed4956;--avatar-border-color:#383838;--input-placeholder-color:#8e8e8e;--font-color-light:#fff;--font-color:#383838;--font-color-subtle:#8e8e8e;--font:Arial,Helvetica,sans-serif}body{box-sizing:border-box;background-color:#fafafa;background-color:var(--bg-color-subtle);font-family:Arial,Helvetica,sans-serif;font-family:var(--font);color:#383838}.instagram-button{cursor:pointer;box-sizing:border-box;border:none;background-color:#0095f6;background-color:var(--button-color);color:#fff;color:var(--font-color-light);padding:5px 9px;border-radius:4px;font-size:14px;font-weight:600}.link{text-decoration:none}.link,.link:visited{color:inherit}.link:hover{text-decoration:underline}.not-visible{visibility:hidden;width:1px;height:1px}.cursor-pointer{cursor:pointer}.error{font-size:14px;color:#ed4956;color:var(--error-color)}
/*# sourceMappingURL=main.6437b0c9.chunk.css.map */