.auth__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.auth__form input{background-color:inherit;color:#fff;font-size:15px;width:100%;height:40px;outline:0;border:0;transition:border-bottom .1s linear}.auth__form input:not(input[type=submit]){padding-left:15px;border-bottom:2px solid rgba(27,155,235,.4)}.auth__form input:not(input[type=submit]).active,.auth__form input:not(input[type=submit]):focus{border-bottom:2px solid #1b9ceb}.auth__form .email-container{position:relative;width:80%;margin-bottom:10px}.auth__form .email-container input{padding-right:15px}.auth__form .password-container{position:relative;width:80%;margin-bottom:10px}.auth__form .password-container input{padding-right:calc(6% + 20px)}.auth__form .password-container input.active~.toggle-visible{display:block;position:absolute;top:50%;right:3%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.auth__form .password-container .toggle-visible{display:none;cursor:pointer;font-size:20px}.auth__form .display-name-container{position:relative;width:80%;margin-bottom:10px}.auth__form .display-name-container input{padding-right:15px}.auth__form .submit{outline:0;width:70px;height:70px;font-size:30px;background-color:inherit;border:3px solid rgba(27,155,235,.4);color:rgba(27,155,235,.4);border-radius:10px;margin-top:20px;margin-bottom:60px;transition:.15s ease-in-out}.auth__form .submit,.auth__form .submit .auth-submit__loader{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.auth__form .submit.active{background-color:#1b9ceb;color:#fff;border-color:#1b9ceb;cursor:pointer}.auth__form .submit.active.loading{background-color:inherit;color:rgba(27,155,235,.4);border-color:rgba(27,155,235,.4);cursor:default}.auth__toggle-section{cursor:pointer;font-weight:500;font-size:15px;color:hsla(0,0%,100%,.8)}.auth__error{color:#eb644c;margin-bottom:5px}.title{font-weight:600;font-size:28px;margin-bottom:25px}@media (max-width:30em){.auth__form .display-name-container,.auth__form .email-container,.auth__form .password-container{width:100%}}.auth__social-container{width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:25px}.auth__social-container,.auth__social-container button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.auth__social-container button{width:120px;height:40px;font-size:25px;border:0;outline:0;cursor:pointer;border-radius:3px}.auth__social-container .google{margin-right:10px}.auth__social-container .github{background-color:#161616;color:#fff}@media (max-width:30em){.auth__social-container button{width:35%}}.auth-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:100%;min-width:250px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.auth-container .auth__logo{font-size:60px;color:#1b9ceb;margin-bottom:40px}@media (max-width:30em){.auth-container{width:60%}}.add-tweet-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.add-tweet-form .file-upload{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.add-tweet-form .file-upload+label{width:60%;height:40px;font-size:14px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;border-radius:10px;background-color:#1b9ceb}.add-tweet-form .file-upload+label svg{font-size:30px;margin-right:5px}.add-tweet-form .file-preview{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:20px;max-width:90%}.add-tweet-form .file-preview img{width:100%;transition:-webkit-filter .1s linear;transition:filter .1s linear;transition:filter .1s linear,-webkit-filter .1s linear}.add-tweet-form .file-preview button{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:60px;background-color:inherit;border-radius:50%;border:3px solid #fff;outline:0;cursor:pointer;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;font-size:30px;transition:.2s cubic-bezier(.68,-.55,.265,1.55)}.add-tweet-form .file-preview button:hover{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.add-tweet-form .file-preview:hover img{-webkit-filter:blur(5px) brightness(.7);filter:blur(5px) brightness(.7)}.add-tweet-form .file-preview:hover button{display:-webkit-flex;display:flex}.add-tweet-form .add-tweet__input{margin-top:30px;margin-bottom:50px;width:100%;height:200px;resize:none;outline:0;border:0;background-color:rgba(0,0,0,.25);color:#fff;font-size:16px;padding:10px;border-radius:5px}.add-tweet-form .add-tweet__input::-webkit-scrollbar{width:6px}.add-tweet-form .add-tweet__input::-webkit-scrollbar-track{background-color:inherit;border-bottom-right-radius:10px}.add-tweet-form .add-tweet__input::-webkit-scrollbar-thumb,.add-tweet-form .add-tweet__input::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.1);border-radius:3px}.add-tweet-form input[type=submit]{width:90px;height:40px;outline:0;border:0;border-radius:5px;-webkit-align-self:flex-end;align-self:flex-end;color:#fff;background-color:#1b9ceb;opacity:.3;transition:.15s ease-in-out}.add-tweet-form input[type=submit].active{cursor:pointer;opacity:1}.navigation{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;position:relative;width:100%;height:70px;background-color:#161b22;-webkit-justify-content:space-between;justify-content:space-between;padding:0 20px}.navigation,.navigation .nav-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navigation .nav-item{text-decoration:none;cursor:pointer}.navigation .home{-webkit-justify-content:flex-start;justify-content:flex-start;color:#1b9ceb;font-size:30px}.navigation .add-tweet{width:40px;height:40px;background-color:#1b9ceb;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:30px;cursor:pointer;transition:.3s cubic-bezier(.215,.61,.355,1)}.navigation .add-tweet.active{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#eb644c}.navigation .nav-item.profile{-webkit-justify-content:flex-end;justify-content:flex-end;width:30px;height:30px;border-radius:50%;overflow:hidden;background-color:#fff}.navigation .nav-item.profile img{width:100%;height:100%;object-fit:cover}.navigation .profile-menu{position:absolute;z-index:2;width:200px;height:auto;right:10px;top:calc(100% - 10px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#21262d;border-radius:10px;border:1px solid #4d545f}.navigation .profile-menu .profile-menu__name{display:block;height:50px;line-height:50px;border-bottom:1px solid #3a4049;padding:0 15px;font-size:14px}.navigation .profile-menu .menu-item{width:100%;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding-left:15px;cursor:pointer;text-decoration:none;color:#fff;background-color:inherit;font-size:14px}.navigation .profile-menu .menu-item:hover{background-color:#171a1d}.navigation .profile-menu .profile{margin-top:5px}.navigation .profile-menu .logout{margin-bottom:5px}.navigation .add-tweet-container{position:absolute;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;z-index:1;top:100%;left:0;width:100%;background-color:#161b22;border-top:1px solid #3a4049;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px 10px}.navigation .add-tweet-container::-webkit-scrollbar{width:6px}.navigation .add-tweet-container::-webkit-scrollbar-track{background-color:inherit;border-bottom-right-radius:10px}.navigation .add-tweet-container::-webkit-scrollbar-thumb,.navigation .add-tweet-container::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.1);border-radius:3px}.tweet-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:30px;background-color:#1e2127;padding:15px 15px 0;border-radius:5px}.tweet-container .tweet__header{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:15px}.tweet-container .tweet__header .user-container,.tweet-container .tweet__header .user-container .tweet__user-link{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.tweet-container .tweet__header .user-container .tweet__user-link{border-radius:50%}.tweet-container .tweet__header .user-container .tweet__user-link img{width:45px;height:45px;border-radius:50%;margin-right:10px;background-color:#fff;cursor:pointer}.tweet-container .tweet__header .user-container .tweet-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.tweet-container .tweet__header .user-container .tweet-info .info__display-name-link{text-decoration:none;color:#fff}.tweet-container .tweet__header .user-container .tweet-info .info__display-name-link .info__display-name{font-size:17px;font-weight:600;cursor:pointer}.tweet-container .tweet__header .user-container .tweet-info .info__time{font-size:13px}.tweet-container .tweet__header .tweet-modify{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.tweet-container .tweet__header .tweet-modify button{background-color:inherit;border:0;outline:0;color:hsla(0,0%,100%,.6);cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:20px}.tweet-container .tweet__header .tweet-modify button:hover{color:#fff}.tweet-container .tweet__header .tweet-modify button:first-child{margin-right:10px}.tweet-container .tweet__text{width:100%;font-size:16px;word-break:break-all}.tweet-container .see-more{margin-left:10px;cursor:pointer;font-weight:600}.tweet-container .see-more:hover{text-decoration:underline}.tweet-container .tweet__img-container{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:15px}.tweet-container .tweet__img-container img{max-width:100%;max-height:600px}.tweet-container .tweet__like-container{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:100%;height:50px;margin-top:15px;margin-bottom:10px}.tweet-container .tweet__like-container,.tweet-container .tweet__like-container .like-inner-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.tweet-container .tweet__like-container .like-inner-container{font-size:17px;font-weight:600;padding:4px 20px;border-radius:4px;cursor:pointer;transition:.1s linear}.tweet-container .tweet__like-container .like-inner-container .like-count{margin-left:10px}.tweet-container .tweet__like-container .like-inner-container .like-count.active,.tweet-container .tweet__like-container .like-inner-container .liked{color:#eb644c}.tweet-container .tweet-edit-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.tweet-container .tweet-edit-container textarea{background-color:rgba(0,0,0,.25);width:100%;height:100px;resize:none;outline:0;border:0;color:#fff;font-size:16px;padding:10px;margin-bottom:15px}.tweet-container .tweet-edit-container textarea::-webkit-scrollbar{width:6px}.tweet-container .tweet-edit-container textarea::-webkit-scrollbar-track{background-color:inherit;border-bottom-right-radius:10px}.tweet-container .tweet-edit-container textarea::-webkit-scrollbar-thumb,.tweet-container .tweet-edit-container textarea::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.1);border-radius:3px}.tweet-container .tweet-edit-container .tweet-edit__button-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-align-self:flex-end;align-self:flex-end;margin-bottom:15px}.tweet-container .tweet-edit-container .tweet-edit__button-container button{margin-right:10px;background-color:#eb644c}.tweet-container .tweet-edit-container .tweet-edit__button-container input{background-color:#1b9ceb}.tweet-container .tweet-edit-container .tweet-edit__button-container button,.tweet-container .tweet-edit-container .tweet-edit__button-container input{border:0;outline:0;color:#fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:14px;padding:5px 10px;border-radius:5px}.tweet-container:first-child{margin-top:20px}@media (max-width:30em){.tweet-container{border-radius:0;margin-bottom:15px}}.skeleton__tweet-container{width:100%}.skeleton__tweet-container .skeleton__tweet-header{width:100%;margin-bottom:15px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.skeleton__tweet-container .skeleton__tweet-header .skeleton__user-img{width:45px;height:45px;background-color:#2f3238;border-radius:50%;margin-right:10px}.skeleton__tweet-container .skeleton__tweet-header .skeleton__tweet-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.skeleton__tweet-container .skeleton__tweet-header .skeleton__tweet-info .skeleton__info-display-name{width:50px;height:17px;background-color:#2f3238;border-radius:3px;margin-bottom:7px}.skeleton__tweet-container .skeleton__tweet-header .skeleton__tweet-info .skeleton__info-time{width:100px;height:13px;background-color:#2f3238;border-radius:3px}.skeleton__tweet-container .skeleton__tweet-text{width:100%;height:30px;background-color:#2f3238;border-radius:3px}.skeleton__tweet-container .skeleton__tweet-img{width:100%;margin-top:15px;background-color:#2f3238;border-radius:3px}.skeleton__tweet-container .skeleton__tweet-like-container{width:100%;height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:15px;margin-bottom:10px}.skeleton__tweet-container .skeleton__tweet-like-container .skeleton__tweet-like{width:80px;height:30px;background-color:#2f3238;border-radius:3px}.home{max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden}.home::-webkit-scrollbar{width:0}h3{margin-left:10px;margin-right:10px;padding-bottom:10px;border-bottom:1px solid #2f3238}.profile-edit-container{margin-left:15px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:50px}.profile-edit-container span{font-size:15px;font-weight:600;color:hsla(0,0%,100%,.9);margin-bottom:15px}.profile-edit-container .profile-edit__name{width:70%;outline:0;border:1px solid #2f3238;background-color:inherit;color:#fff;padding:8px 12px;font-size:15px;border-radius:5px;margin-bottom:20px}.profile-edit-container .profile-edit__name:focus{border:1px solid #1b9ceb;box-shadow:0 0 5px #1b9ceb}.profile-edit-container .profile-edit__photo{width:calc(100% - 15px);height:100px;margin-bottom:40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.profile-edit-container .profile-edit__photo img{width:100px;height:100px;background-color:#fff;border-radius:50%}.profile-edit-container .profile-edit__photo .profile-edit-photo__loader{margin-right:60px}.profile-edit-container .profile-edit__photo .edit-photo__button-container{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:flex-start;align-items:flex-start;margin-right:20px}.profile-edit-container .profile-edit__photo .edit-photo__button-container #edit-photo__file-upload{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.profile-edit-container .profile-edit__photo .edit-photo__button-container .edit-photo__button-remove,.profile-edit-container .profile-edit__photo .edit-photo__button-container label{width:120px;height:35px;outline:0;border:0;color:#fff;cursor:pointer;font-size:13px;border-radius:5px;font-weight:600;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.profile-edit-container .profile-edit__photo .edit-photo__button-container .edit-photo__button-remove{background-color:#eb644c}.profile-edit-container .profile-edit__photo .edit-photo__button-container label{background-color:rgba(172,255,47,.75)}.profile-edit-container .profile-edit__submit{outline:0;border:0;background-color:#1b9ceb;padding:8px 15px;color:#fff;border-radius:3px;font-weight:600;cursor:pointer;transition:opacity .1s linear}.profile-edit-container .profile-edit__submit.un-active{opacity:.6;cursor:default}.profile-edit-container .profile-edit__submit.updating{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:122.67px;height:34px;background-color:rgba(27,155,235,.4);cursor:default}.profile-edit-container .profile-edit__submit.updating .profile-edit-photo__loader{height:20px}.app-init-loader{width:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app-init-loader .loading-logo{color:#1b9ceb;font-size:80px;margin-bottom:10px}*{font-family:"Open Sans","NanumSquare",sans-serif;box-sizing:border-box}body{margin:0;width:100vw;height:100vh;overflow:hidden;background-color:#0d1117;color:#fff}body #root{position:relative;width:430px;height:100%;overflow:hidden;margin:auto}@media (max-width:30em){body #root{width:100%}}
/*# sourceMappingURL=main.a4d8a09c.chunk.css.map */