*{box-sizing:border-box;background-color:#0000;border:0;margin:0;padding:0}* svg{fill:#000;height:28px;width:28px}* ::-webkit-scrollbar{-webkit-appearance:none;width:0}@media screen and (min-width:512px){* svg{height:32px;width:32px}* ::-webkit-scrollbar{width:8px}* ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}* ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}body{height:100%;flex-direction:column;justify-content:center;align-items:center;font-family:Noto Sans,Dancing Script,sans-serif;font-weight:400;line-height:1.5;display:flex}html{height:100%}.container{max-width:470px;width:100%;height:100vh;box-shadow:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}@media screen and (min-width:512px){.container{border-radius:16px;box-shadow:0 0 16px #969696bf}.container .header__logo-img{height:48px}.container .header__logo-name{font-size:32px}.container .header__account span,.container .header__bookmarks span,.container .modal__nav span,.container .modal__nav-top--left{font-size:24px}.container .post span,.container .post p,.container .modal__comments-wrapper span,.container .modal__comments-wrapper p{font-size:16px}.container .btn-tiny:hover{opacity:.5}}.btn-tiny{cursor:pointer;align-items:center;transition:all .25s;display:flex}.hidden{display:none!important}.home{max-width:470px;width:100%;height:100%;flex-direction:column;display:flex;position:relative;overflow:hidden}.home .posts{height:100%;padding-bottom:196px;overflow-y:scroll}.home .posts .post{border-bottom:2px solid #ededed;flex-direction:column;padding-bottom:8px;font-size:14px;animation:fadeIn .5s ease-out;display:flex}.home .posts .post .post__top{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.home .posts .post .post__top-user{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.home .posts .post .post__top-user--img{height:32px;width:32px;border:1px solid #bfbfbf;border-radius:50%}@media screen and (min-width:512px){.home .posts .post .post__top-user--img{height:48px;width:48px}}.home .posts .post .post__photo{max-height:300px;background:#fff;border-top:2px solid #ededed;border-bottom:2px solid #ededed;justify-content:center;display:flex}.home .posts .post .post__photo img{max-width:100%;max-height:300px;height:auto}.home .posts .post .post__bot{flex-direction:column;justify-content:space-between;padding:0 12px;display:flex}.home .posts .post .post__bot .post__buttons{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.home .posts .post .post__bot .post__buttons-left,.home .posts .post .post__bot .post__buttons-right{align-items:center;gap:12px;display:flex}.home .posts .post .post__bot .post__description details>summary{list-style:none}.home .posts .post .post__bot .post__description details summary::-webkit-details-marker{display:none}.home .posts .post .post__bot .post__description details[open]>summary{display:none}.home .posts .post .post__bot .post__description span{text-align:justify;overflow-wrap:break-word;overflow:hidden}.home .posts .post .post__bot .post__description-username{font-weight:600}.home .posts .post .post__bot .post__description-btn{cursor:pointer;filter:contrast(50%);font-weight:600}.home .posts .post .post__bot .post__comments{cursor:pointer;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{border-bottom:2px solid #ededed;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.header__logo{align-items:center;margin-left:8px;display:flex}.header__logo-img{height:42px}.header__logo-name{font-family:Dancing Script;font-size:24px;font-weight:700}.header .nav{margin-right:16px}.header .nav__list{justify-content:space-around;gap:12px;list-style:none;display:flex}.header .nav__item{position:relative}.header .nav__btn{cursor:pointer;align-items:center;transition:all .25s;display:flex}.header .nav__btn:hover{opacity:.5}.footer{border-top:2px solid #ededed;padding:16px 8px}.footer .nav__list{justify-content:space-around;list-style:none;display:flex}.footer .nav__item{position:relative}.footer .nav__btn{cursor:pointer;align-items:center;transition:all .25s;display:flex}.footer .nav__btn:hover{opacity:.5}.loading__spinner{height:300px;justify-content:center;align-items:center;display:flex}.loading__spinner-icon{height:50px;width:50px;animation:rotate 2s linear infinite}@media screen and (min-width:512px){.loading__spinner-icon{height:100px;width:100px}}.loading__spinner-icon .path{stroke:#000000bf;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.loading{width:50px;height:50px;border:3px solid #0000;border-top-color:#000;border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}.modal__gallery{width:100%;height:100%;z-index:10;background-color:#fff;flex-direction:column;align-items:center;display:flex;position:absolute}.modal__gallery .modal__nav{width:100%;border-bottom:2px solid #ededed;justify-content:space-between;align-items:center;padding:10px 16px;font-size:20px;font-weight:600;display:flex}.modal__gallery .modal__nav span{width:100%;padding:0 16px}.modal__gallery .modal__nav button{outline:none}.modal__gallery .modal__nav button:nth-child(3)>svg{fill:#0095f6}.modal__gallery .modal__photos{height:100%;width:100%;overflow-y:scroll}.modal__gallery .modal__photos-wrapper{flex-wrap:wrap;display:flex}.modal__gallery .modal__photos-img{width:33.3333%;padding:0 1px 2px}.modal__gallery .modal__photos-img:nth-child(3n+1){padding-left:0}.modal__gallery .modal__photos-img:nth-child(3n+3){padding-right:0}.modal__gallery .modal__photos img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border:none;border-radius:0%;display:flex}.modal__gallery .modal__photos img.active{opacity:.5;filter:blur(1px);filter:saturate(2)}.modal__gallery .modal__post{padding:0}.modal__gallery .modal__post-photo{width:100%;height:100%}.modal__gallery .modal__post-photo img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}.modal__gallery .modal__bottom{width:100%;border-top:2px solid #ededed;padding:16px}.modal__gallery .modal__bottom--textarea{width:100%;height:100%;border-top:2px solid #ededed}.modal__gallery .modal__bottom--textarea textarea{width:100%;height:100%;resize:none;outline:none;padding:16px;font-size:16px}.modal{width:100%;height:100%;z-index:5;background-color:#fff;flex-direction:column;align-items:center;font-size:14px;display:flex;position:absolute}.modal img{height:32px;width:32px;border:1px solid #bfbfbf;border-radius:50%}@media screen and (min-width:512px){.modal img{height:48px;width:48px}}.modal .modal__nav-top{width:100%;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 16px;font-size:20px;font-weight:600;display:flex}.modal .modal__nav-top--left{justify-content:space-between;align-items:center;gap:24px;display:flex}.modal .modal__comments-wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}.modal .modal__comments{width:100%}.modal .modal__post,.modal .modal__comments-comment{width:100%;align-items:center;gap:8px;padding:8px 12px;display:flex}.modal .modal__post img,.modal .modal__comments-comment img{align-items:center;display:flex}.modal .modal__post span,.modal .modal__comments-comment span{text-align:center;padding:0 4px;font-weight:600}.modal .modal__post p,.modal .modal__comments-comment p{text-align:justify;overflow-wrap:break-word;overflow:hidden}.modal .modal__post{border-bottom:2px solid #ededed;padding:8px 12px}.modal .modal__nav-bottom{width:100%;border-top:2px solid #ededed;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.modal .modal__nav-bottom img{align-items:center;display:flex}.modal .modal__nav-bottom input{width:100%;outline:none;padding:0 4px;font-size:16px}.modal .modal__nav-bottom button{color:#0095f6;padding:0 4px;font-size:16px;font-weight:600}.modal .modal__nav-bottom button:after{outline:none}.account{max-width:470px;width:100%;height:100vh;flex-direction:column;display:flex;position:relative;overflow:hidden}.account .header{border:none;padding:10px 0}.account .header__account{align-items:center;margin-left:16px;padding:0 8px;display:flex}.account .header__account-username{font-size:20px;font-weight:600}.account .profile{width:100%;height:100%;flex-direction:column;display:flex;overflow-y:scroll}.account .profile__data{flex-direction:column;padding:8px 0;display:flex}.account .profile__data-top{justify-content:space-between;padding:8px 16px;display:flex}.account .profile__data-picture{flex-direction:column;padding:0 16px;display:flex}.account .profile__data-list{width:100%;justify-content:center;align-items:center;gap:16px;padding:0 16px;list-style:none;display:flex}.account .profile__data-item{position:relative}.account .profile__data-item span{font-weight:600}.account .profile__data-info{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 24px;display:flex}.account .profile__data-info p:first-of-type{font-weight:500}.account .profile__data img{width:80px;height:80px;border:1px solid #bfbfbf;border-radius:50%}.account .profile__data span,.account .profile__data p{white-space:nowrap;justify-content:center;align-items:center;font-size:14px;display:flex}@media screen and (max-width:375px){.account .profile__data-top{padding:4px 8px}.account .profile__data-info{padding:0 12px}.account .profile__data-picture{padding:0 8px}.account .profile__data-list{gap:12px;padding:0 4px}}@media screen and (min-width:512px){.account .profile__data span,.account .profile__data p{font-size:16px}}.account .profile__posts{height:100%;flex-direction:column;align-items:center;display:flex}.account .profile__posts-nav{width:100%}.account .profile__posts-nav ul{width:100%;list-style:none;display:flex}.account .profile__posts-nav li{width:100%;border-bottom:2px solid #ededed;justify-content:center;padding:8px;display:flex}.account .profile__posts-nav li svg{fill:#aaa}.account .profile__posts-nav li:first-child{border-bottom:2px solid #454545}.account .profile__posts-nav li:first-child svg{fill:#000}.account .profile__posts-wrapper{width:100%;flex-wrap:wrap;padding-top:2px;display:flex}.account .profile__posts-img{width:33.3333%;padding:0 1px 2px}.account .profile__posts-img:nth-child(3n+1){padding-left:0}.account .profile__posts-img:nth-child(3n+3){padding-right:0}.account .profile__posts img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border:none;border-radius:0%;display:flex}.account .profile__posts-message{width:100%;flex-direction:column;align-items:center;padding:64px 0;display:flex}.account .profile__posts-message p{text-align:center;width:65%;color:#aaa;justify-content:center;padding:4px 0;font-size:14px;display:flex}.account .profile__posts-message p:first-of-type{color:#000;font-size:16px;font-weight:600}@media screen and (min-width:512px){.account .profile__posts-message p:first-of-type{font-size:20px}}.account .profile__posts-message p:last-of-type{color:#0095f6;font-weight:500}.account .profile__posts-message p.profile__posts-message--bot{cursor:pointer}.bookmarks{max-width:470px;width:100%;height:100vh;flex-direction:column;display:flex;position:relative;overflow:hidden}.bookmarks .header{border:none;padding:10px 16px}.bookmarks .header__bookmarks{justify-content:space-between;align-items:center;gap:24px;display:flex}.bookmarks .header__bookmarks-title{font-size:20px;font-weight:600}.bookmarks .header .nav{margin:0}.bookmarks .saved__posts{height:100%;flex-direction:column;align-items:center;display:flex}.bookmarks .saved__posts-nav{width:100%}.bookmarks .saved__posts-nav ul{width:100%;list-style:none;display:flex}.bookmarks .saved__posts-nav li{width:100%;border-bottom:2px solid #ededed;justify-content:center;padding:8px;display:flex}.bookmarks .saved__posts-nav li svg{fill:#aaa}.bookmarks .saved__posts-nav li:first-child{border-bottom:2px solid #454545}.bookmarks .saved__posts-nav li:first-child svg{fill:#000}.bookmarks .saved__posts-wrapper{width:100%;flex-wrap:wrap;padding-top:2px;display:flex}.bookmarks .saved__posts-img{width:33.3333%;padding:0 1px 2px}.bookmarks .saved__posts-img:nth-child(3n+1){padding-left:0}.bookmarks .saved__posts-img:nth-child(3n+3){padding-right:0}.bookmarks .saved__posts img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border:none;border-radius:0%;display:flex}.bookmarks .saved__posts-message{width:100%;flex-direction:column;align-items:center;padding:64px 0;display:flex}.bookmarks .saved__posts-message span{border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;padding:16px;display:flex}.bookmarks .saved__posts-message span svg{width:64px;height:64px;stroke-width:1px;stroke:#000;fill:none}.bookmarks .saved__posts-message p{text-align:center;width:70%;color:#aaa;justify-content:center;padding:4px 0;font-size:14px;display:flex}.bookmarks .saved__posts-message p:first-of-type{color:#000;font-size:16px;font-weight:600}@media screen and (min-width:512px){.bookmarks .saved__posts-message p:first-of-type{font-size:20px}.bookmarks .saved__posts-message p{width:65%;font-size:16px}}.modal__unsupported{width:100%;height:100%;-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background-color:#4b4b4b80;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.modal__unsupported-wrapper{text-align:center;width:75%;background:#fff;border:2px solid #000000bf;border-radius:8px;flex-direction:column;justify-content:space-around;align-items:center;gap:16px;padding:24px 8px;display:flex;box-shadow:0 0 16px #969696bf}.modal__unsupported-wrapper button{color:#fff;cursor:pointer;background-color:#969696;border:none;border-radius:4px;padding:8px 20px;position:relative}.modal__unsupported-wrapper button:hover{background-color:#4b4b4b}.modal__copy{pointer-events:none;width:100%;z-index:10;flex-direction:column;align-items:center;animation:fadeOut 2s forwards;display:flex;position:relative;top:20%}.modal__copy-wrapper{text-align:center;background:#fff;border:2px solid #000000bf;border-radius:8px;padding:12px;position:absolute;box-shadow:0 0 16px #969696bf}@keyframes fadeOut{to{opacity:0}0%{opacity:1}}.error{width:100%;border-bottom:2px solid #ededed;flex-direction:column;justify-content:space-between;align-items:center;padding:100px 0;font-weight:500;animation:fadeIn .5s ease-out;display:flex}
/*# sourceMappingURL=index.5010d6f2.css.map */
