:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #1e1e2e;--mantle: #181825;--crust: #11111b}*{box-sizing:border-box;font-family:sans-serif}a{color:var(--lavender);text-decoration:none;font-weight:bold}a:hover{color:var(--blue);text-decoration:underline}body{background-color:var(--crust);color:var(--text);display:flex;flex-direction:column;margin:0;width:100vw;min-height:100vh;overflow-x:hidden}.spacing{flex-grow:1}.navbar{background-color:var(--surface0);border:1px solid var(--surface2);font-size:1.25em;display:flex;gap:.5em;padding:.5em}.navbar .search{background-color:var(--surface2);border:1px solid var(--overlay2);display:flex}.navbar .search .search-query{background:none;color:var(--text);border:none}.navbar .search .search-submit{background-color:var(--subtext0);border:none;color:var(--base);padding:0 8px}.navbar .search .search-submit:hover{background-color:var(--subtext1)}.navbar .search .search-submit:active{background-color:var(--overlay2)}.navbar .navbar-user{background-color:var(--overlay0);border:1px solid var(--overlay2);padding:0 .5em}.center{text-align:center}.small{font-size:.8em;color:var(--subtext1)}.trans{background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);background-image:linear-gradient(120deg, var(--sky) 0%, var(--sky) 25%, var(--pink) 25%, var(--pink) 40%, var(--rosewater) 40%, var(--rosewater) 60%, var(--pink) 60%, var(--pink) 75%, var(--sky) 75%, var(--sky) 100%)}.user-icon{width:1em;height:1em;vertical-align:middle}.pronouns{font-size:.6em;font-style:italic;color:var(--subtext0);vertical-align:super}.destructive{color:var(--red);font-weight:bold}.destructive:hover{color:var(--maroon)}main{margin:auto;width:min(80vw,70em);flex-grow:1}main header{background-color:var(--base);border:1px solid var(--surface2);margin:2em;padding:1em}main header .user-name{display:flex;gap:.5em}main header .user-name a{background-color:var(--surface1);border:1px solid var(--overlay2);font-size:.8em;padding:0 .5em}main header .user-name .follow-container{color:var(--pink);border:1px solid var(--pink);display:flex;align-items:stretch;justify-content:space-between}main header .user-name .follow-container .follow{background-color:var(--pink);color:var(--base)}main header .user-name .follow-container .follow:hover{background-color:var(--rosewater);text-decoration:none}main header .user-name .follow-container .follow:active{background-color:var(--mauve)}main header .user-name .follow-container .unfollow{background-color:var(--mauve);color:var(--base)}main header .user-name .follow-container .unfollow:hover{background-color:var(--pink);text-decoration:none}main header .user-name .follow-container .unfollow:active{background-color:var(--subtext0)}main header .user-name .follow-container span{margin:0 .5em}main>h1{text-align:center}main .posts-container{background-color:var(--base);border:1px solid var(--surface2);padding:1em}main .posts-container>h2{text-align:center}.post{background-color:var(--surface0);border:1px solid var(--overlay2);display:flex;flex-direction:column;margin:2em}.post .author-info{display:flex;gap:.25em;margin-top:0;padding:.5em;background-color:var(--surface1)}.post .author-info .reblogs{margin-left:1em;color:var(--peach);font-style:italic}.post .author-info a:hover .reblogs{text-decoration:underline}.post .post-content{margin:.5em 2em}.post .post-attachments{display:flex;flex-direction:column}.post .post-attachments .attachment-image-container{display:inline-block;overflow:clip;border:1px solid var(--subtext0);max-width:min(80%,50em);max-height:50em;margin:1em auto}.post .post-attachments .attachment-image-container.blur{background-color:var(--surface1)}.post .post-attachments .attachment-image-container.blur .attachment-image{transition:.1s linear filter;filter:blur(30px)}.post .post-attachments .attachment-image-container.blur .attachment-image:hover{filter:blur(0)}.post .post-attachments .attachment-image-container .attachment-image{background-color:rgba(0,0,0,0);width:100%;height:100%}.post .post-attachments .attachment-container{background-color:var(--surface1);border:1px solid var(--subtext0);width:80%;height:3.5em;margin:1em 2em;padding:1em}.post .post-info{background-color:var(--surface1);display:flex;gap:.5em;font-size:1.25em}.post .post-info .post-likes{--action-colour: var(--lavender);--action-colour-hover: var(--text);--action-colour-active: var(--blue)}.post .post-info .unlike{--action-colour: var(--sky);--action-colour-hover: var(--text);--action-colour-active: var(--sapphire)}.post .post-info .post-reblogs{--action-colour: var(--flamingo);--action-colour-hover: var(--rosewater);--action-colour-active: var(--maroon)}.post .post-info .unreblog{--action-colour: var(--peach);--action-colour-hover: var(--yellow);--action-colour-active: var(--red)}.post .post-info .post-action-container{color:var(--action-colour);border:1px solid var(--action-colour);font-size:.8em;display:flex;align-items:stretch;justify-content:space-between}.post .post-info .post-action-container .post-action-button{background-color:var(--action-colour);color:var(--base);font-weight:bold;height:100%;border:none;outline:none;padding:2px 4px}.post .post-info .post-action-container .post-action-button:hover{background-color:var(--action-colour-hover);text-decoration:none}.post .post-info .post-action-container .post-action-button:active{background-color:var(--action-colour-active)}.post .post-info .post-action-container span{margin:4px}.post .post-comments{padding-top:1em;background-color:var(--surface1)}.post .post-comments .comment{display:flex;flex-direction:column;border-top:1px solid var(--overlay2)}.post .post-comments .comment .comment-author-info{display:flex;gap:.5em;padding-right:1em;background-color:var(--surface0)}.post .post-comments .comment .comment-author-info .user-icon{width:auto;height:1.5em}.post .post-comments .comment .comment-content{padding:0 .25em}.post .post-comments .comment-more{padding:0 .5em}footer{border-top:1px solid var(--surface2);background-color:var(--surface0);display:flex;flex-wrap:wrap;justify-content:center;gap:2em;margin-top:4em;padding:2em 0}footer .flags{font-size:2em}footer span{max-width:30%}.login-service-list{font-size:2em;display:flex;flex-direction:column}.login-service-list li{display:inline-block}.login-service-list li img{height:1em}.editor{display:flex;flex-direction:column;gap:.5em;padding:1em;background-color:var(--base);border:1px solid var(--surface2)}.editor .group{display:flex;justify-content:start;gap:1em;padding:.5em;align-self:start;border:1px solid var(--surface2)}.editor .textarea{display:flex;flex-direction:column;border:1px solid var(--overlay2)}.editor .textarea label{padding:.5em;background-color:var(--surface1);font-weight:bold}.editor .textarea textarea{margin:0;padding:.5em;resize:none;background-color:var(--surface0);color:var(--text);border:none;outline:none}.editor input[type=text]{background-color:var(--surface0);color:var(--text);border:1px solid var(--overlay2)}.editor input[type=submit]{padding:0 8px;background-color:var(--subtext1);color:var(--base);border:1px solid var(--overlay2)}.editor input[type=submit]:hover{background-color:var(--text)}.editor input[type=submit]:active{background-color:var(--overlay2)}@media only screen and (max-width: 60rem){.navbar .search .search-query{width:5em}.navbar{font-size:1em}main{margin:0;width:100vw}main .posts-container{padding:0}.post{margin:.5em}}@media only screen and (max-width: 40rem){.post-date{display:none}}@media only screen and (max-width: 35rem){a{font-size:.8em}.navbar-link{font-size:.75em}}@media only screen and (max-width: 30rem){.navbar .search{display:none}}