:root{--f-blue-500: #0000cc;--c-grey-100: #f4f6f8;--c-grey-200: #e3e3e3;--c-grey-300: #b2b2b2;--c-grey-400: #7b7b7b;--c-grey-500: #3d3d3d;--c-blue-500: #688afd}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}::selection{color:#000;background:#ffedbf}html{overflow-x:hidden;min-width:100vw;min-height:100vh;font-size:10px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#000;text-align:center;font-size:1.6rem;background:#cfcfcf;background:linear-gradient(180deg,#cfcfcf,#aaa)}h1,h2,h3{margin:0}a{color:#00c;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}a.bold{font-weight:700}p,h4{margin:0}hr{border:0;border-top:1px solid var(--c-grey-200)}input,textarea,button{-webkit-appearance:none;appearance:none;background:var(--c-grey-100);border:1px solid var(--c-grey-200);border-radius:.6rem;color:var(--c-grey-500);font-size:1.6rem;min-height:3.6rem;padding:0 1.2rem}input:focus,textarea:focus,button:focus{border-color:var(--c-grey-300);outline:0;box-shadow:0 0 0 .4rem var(--c-grey-100)}.mr-1{margin-right:1rem}.hidden{display:none}.btn{font-weight:700;font-size:1.8rem;white-space:nowrap;color:#fff;background:#000;border-radius:1rem;padding:.4rem 1.4rem;appearance:auto;user-select:none;white-space:pre;align-items:flex-start;text-align:center;cursor:default;box-sizing:border-box;padding:.1rem .6rem;border-width:.2rem;border-style:outset;border-color:buttonborder;border-image:initial}.btn.cta{color:#fff;background:linear-gradient(180deg,#e5a360,#da8318);border:.1rem solid #ce8736;cursor:pointer}.fupio{margin-top:1rem;max-width:77.6rem;margin:0 auto;padding:1rem}main.layout{min-height:75vh}header.main{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:left}header.main .search{text-align:center}header.main .profile{text-align:right}@media(max-width:600px){header.main{display:grid;grid-template-columns:1fr 1fr}header.main .search{display:none}}figure{margin:0}figure:has(svg) figcaption{display:none}section.tabs .tab{margin-right:1rem}section.frame{background-color:#fff;border-radius:1rem;padding:1rem;margin-top:1.2rem;text-align:left;min-height:20vh}section.modal_frame{position:fixed;inset:0;z-index:1000;background:#00000080}section.modal_frame section.modal{padding:1rem;background:#f2f2f2;border:.1rem solid #f2f2f2;border-radius:.3rem;position:fixed;width:50vw;left:25vw;right:25vw;top:25vh;text-align:left;min-height:9rem}section.modal_frame section.modal .modal_header h2{margin:0;font-size:1.8rem}section.modal_frame section.modal .modal_content{font-size:1.6rem}section.modal_frame section.modal .modal_close{position:absolute;top:0;right:0;cursor:pointer;border:none;background:none;padding-top:1rem}section.search form input,section.search form button{border:.1rem solid #b4b4b4;border-top-color:#727272;border-bottom-color:#dadada;padding:.5rem 1rem;border-radius:.2rem;margin-left:.2rem}section.join{margin-top:1.2rem;background-color:#eee;width:100%;text-align:left;padding:1rem 1.5rem;border-radius:1rem;display:flex;justify-content:space-between;align-items:center}section.join a{font-weight:700}section.wall{margin-top:1.2rem;padding:0;border-radius:1rem}section.wall .wall_header{border-top-left-radius:1rem;border-top-right-radius:1rem;text-align:left;color:#fff;padding:.6rem 1.5rem}section.wall .wall_header.blue{background:linear-gradient(180deg,#588ccf,#2e72c4);border:.1rem solid #4573bf}section.wall .wall_body{margin:0;background-color:#fff}section.wall .wall_footer{background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;text-align:left;padding:2rem}.create_feed{padding:1.6rem 2rem}.create_feed textarea{width:100%;max-width:100%;font-family:inherit;padding:1rem;font-size:1.6rem}.create_feed .create_feed_tags{text-align:left;margin:.6rem 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;align-items:center}.create_feed .create_feed_tags p{line-height:2rem}.create_feed .create_feed_tags span{display:inline-block;background-color:var(--c-grey-200);padding:.7rem;margin-right:.4rem;margin-top:.4rem;border-radius:.4rem}.create_feed .create_feed_tags span a{margin-left:.2rem;color:var(--c-grey-500);font-size:2rem;font-weight:700;padding:.2rem auto}.create_feed .create_feed_tags span a:hover{background-color:var(--c-grey-200);text-decoration:none}.create_feed .create_feed_images{display:flex;flex-wrap:wrap;gap:.8rem;margin:.8rem 0}.create_feed .create_feed_images .create_feed_image{position:relative;display:inline-block}.create_feed .create_feed_images .create_feed_image img{width:8rem;height:8rem;object-fit:cover;border-radius:.4rem;border:.1rem solid var(--c-grey-200);display:block}.create_feed .create_feed_images .create_feed_image a{position:absolute;top:-.6rem;right:-.6rem;width:2rem;height:2rem;line-height:1.8rem;text-align:center;background-color:var(--c-grey-500);color:#fff;border-radius:50%;font-weight:700;cursor:pointer}.create_feed .create_feed_images .create_feed_image_uploading{width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem;background-color:var(--c-grey-200)}.create_feed .create_feed_error{color:#c00;font-size:1.4rem;margin:.4rem 0}.create_feed .create_feed_footer{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}.feed{text-align:left;display:grid;grid-template-columns:5.2rem 1fr;grid-gap:1rem;padding:2rem;color:var(--c-grey-500);font-size:1.6rem}.feed.feed_deleted{display:block;color:var(--c-grey-400);font-style:italic}.feed.feed_deleted a{font-style:normal;color:#00c;cursor:pointer}.feed .profile:has(img) svg{display:none}.feed .profile:has(img) .profile_img{border:.1rem solid #ccc}.feed section{width:95%;min-width:0;overflow-wrap:break-word;word-break:break-word}.feed section>article a{overflow-wrap:anywhere;word-break:break-word}.feed .feed_images{display:grid;grid-gap:.4rem;margin:.8rem 0;grid-template-columns:repeat(2,1fr);max-width:40rem}.feed .feed_images.feed_images_1{grid-template-columns:1fr}.feed .feed_images a{display:block;overflow:hidden;border-radius:.4rem;border:.1rem solid var(--c-grey-200)}.feed .feed_images img{width:100%;height:100%;object-fit:cover;display:block}.feed .feed_images:not(.feed_images_1) img{aspect-ratio:1/1}.feed .feed_actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem auto}.feed .feed_actions a,.feed .feed_actions time,.feed .feed_actions span{font-weight:400;font-size:1.4rem;text-decoration:none}.feed .feed_actions a,.feed .feed_actions time{color:#00c}.feed .feed_actions a{cursor:pointer}.feed .feed_actions>*:not(:first-child):before{content:"-";margin-right:.6rem;color:var(--c-grey-400)}.feed .feed_likes{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;font-size:1.4rem;color:var(--c-grey-500)}.feed .feed_comments{display:grid;grid-template-columns:2rem 1fr;grid-gap:1rem;align-items:start;margin-top:.6rem}.feed .feed_comments .feed_comments_icon{margin-top:.4rem}.feed .feed_comments .feed_comments_more{display:block;padding:.5rem 0;font-size:1.3rem;color:var(--c-grey-400);cursor:pointer}.feed .feed_comments .feed_comment{font-size:1.4rem;line-height:2rem;padding:.4rem 0}.feed .feed_comments .feed_comment .bold{color:var(--c-grey-500)}.feed .feed_comments .feed_comment .feed_comment_meta{display:flex;align-items:center;gap:.6rem}.feed .feed_comments .feed_comment time{font-size:1.2rem;color:var(--c-grey-400)}.feed .feed_comments .feed_comment .feed_comment_delete{font-size:1.2rem;color:#00c;cursor:pointer}.feed .feed_comments .feed_comment_deleted{font-style:italic;color:var(--c-grey-400)}.feed .feed_comments .feed_comment_deleted a{font-style:normal;color:#00c;cursor:pointer}.feed .feed_comments .create_feed{padding:.4rem 0 0}.feed .feed_comments .feed_comment_input{margin:.2rem 0;width:100%;max-width:100%;font-family:inherit;padding:1rem;font-size:1.4rem}form{width:100%}form.fixed_size{max-width:40rem}form .field{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;margin-bottom:1rem;align-items:center}form .field:last-child{justify-content:flex-end}footer{text-align:left;padding:2rem 1rem}footer a,footer select{margin-left:.5rem}.spinner{width:2rem;height:2rem;border:4px solid #417DC8;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .3s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu_wrapper{display:inline-block;position:relative}.menu_wrapper .menu_icon{font-size:2.5rem;text-decoration:none;user-select:none}.menu{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px #40404026;display:inline-block;position:absolute;top:calc(2rem + 100%);left:-6rem;padding:0;margin:0;list-style:none}.menu ul{list-style:none}.menu a{text-decoration:none}.menu-list{margin:0;display:block;width:100%;padding:8px}.menu-list+.menu-list{border-top:1px solid #ddd}.menu-sub-list{display:none;padding:8px;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px #40404026;position:absolute;left:100%;right:0;z-index:100;width:100%;top:0;flex-direction:column}.menu-sub-list:hover{display:flex}.menu-item{position:relative}.menu-button{font:inherit;border:0;padding:8px 36px 8px 8px;width:100%;border-radius:8px;text-align:left;display:flex;align-items:center;position:relative;background-color:#fff}.menu-button:hover{background-color:var(--c-grey-100)}.menu-button:hover+.menu-sub-list{display:flex}.menu-button:hover svg{stroke:var(--c-grey-500)}.menu-button svg{flex-shrink:0;width:20px;height:20px;margin-right:10px;stroke:var(--c-grey-400)}.menu-button svg:nth-of-type(2){margin-right:0;position:absolute;right:8px}
