#root{overflow:hidden;margin:0;padding:0}:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#08080808;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:280px;min-height:100dvh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;outline:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:4px;border:2px solid #333;background-color:transparent}input[type=checkbox]:after{content:" ";position:relative;left:40%;top:20%;width:15%;height:40%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(50deg);display:none}input[type=checkbox]:checked:after{display:block}div.paper{background:#171717;border-radius:16px;padding:8px 16px;display:flex;gap:10px;align-items:center}.btn{border:none;outline:none;cursor:pointer;font-weight:700;font-size:16px;line-height:20px;padding:8px 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-border{border:1px solid transparent;color:inherit;background:linear-gradient(#000,#000) padding-box,linear-gradient(94.73deg,#2bd9ff,#f838d9) border-box;transition:.3s}.btn-border:hover{background:linear-gradient(#000,#000) padding-box,linear-gradient(94.73deg,#14b4d8,#ba179f) border-box}.btn-primary{background:#fff;color:#0a0a0a}.btn-primary:hover{opacity:.9}.btn-secondary{color:#fff;background:#222}.btn-warning{background:#ff563f;color:#fff}.btn>span{display:flex;align-items:center;justify-content:center;gap:8px}.top-right-controls{position:absolute;top:28px;right:28px;z-index:200}.top-right-controls button svg{height:24px;width:24px;border-radius:0;padding:0;color:#fff}.top-right-controls button{background-color:transparent;vertical-align:middle}.top-right-controls button.login{display:inline;cursor:pointer;width:48px;height:48px}.top-right-controls img.profile{width:3em;height:3em;border-radius:12px;margin-left:.5em;vertical-align:middle;cursor:pointer}.login-dialog{display:flex;flex-direction:column;padding:2em;border-radius:20px;background-color:#222;z-index:200;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);gap:24px}.login-dialog h2{text-align:center;margin-top:0}.login-dialog input[type=text]{min-width:20em;display:block;width:100%;background-color:#444;color:#fff;border-radius:8px;border:0px;height:3em;font-family:unset;font-size:unset;padding:.1em .1em .1em 1em;box-sizing:border-box}@media (max-width: 768px){.login-dialog input[type=text]{min-width:13em}}.login-dialog input[type=text]::placeholder{color:#888;opacity:1}.login-dialog input[type=text]:active,.login-dialog input[type=text]:focus{border:0px;outline:0px}.login-dialog .login-address{display:flex;flex-direction:row;gap:8px}.login-dialog button,.login-dialog button:visited,.login-dialog button:active{background-color:#6313ad;color:#fff;height:3em;padding-left:1em;padding-right:1em}.login-dialog .login-extension{align-self:center}.login-dialog .close-button{cursor:pointer;position:absolute;right:1.2em;top:1em}@keyframes showImage{0%{scale:1.2;opacity:0}15%{opacity:1}75%{opacity:1}to{scale:1;opacity:0}}@keyframes showAuthor{0%{opacity:0}to{opacity:1}}@keyframes showPanel{0%{opacity:0}to{opacity:1}}@keyframes hidePanel{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotate{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}.slide{position:fixed;top:0;left:0;height:100vh;width:100vw;background-position:center;background-size:contain;background-repeat:no-repeat;overflow:hidden;scale:1;opacity:0;animation-duration:12s;animation-timing-function:ease-in;animation-name:showImage}.slide video{max-height:100dvh;max-width:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide.paused{animation-play-state:paused}.bottom-controls{position:fixed;bottom:2.5em;right:2em;display:flex;flex-direction:column;gap:1.5em;z-index:200}.bottom-controls button{border:none;background-color:transparent;padding:0}.bottom-controls button svg{width:24px;height:24px;color:#fff}.bottom-controls button.reposted{cursor:default}.bottom-controls button.reposted svg{color:#7cfc00}.bottomPanel{position:absolute;bottom:0;left:0;z-index:200;height:150px;padding-top:120px;background:linear-gradient(180deg,#0000,#000);padding-left:100px;opacity:0;width:100%;animation-name:hidePanel;animation-duration:.5s;animation-timing-function:ease-in;display:none}.bottomPanel:hover{animation-duration:.5s;animation-timing-function:ease-in;animation-name:showPanel;opacity:1}.bottomPanel .caption{color:#fff;font-size:2em;font-weight:500;max-width:80%;text-align:center;margin:auto}.centerSymbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}.centerSymbol svg{width:6m;height:6em;fill:#fff}.centerSymbol.spin svg{animation-name:spin;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear}.bottom-controls .heart svg{width:1.5em;height:1.5em;cursor:pointer}.bottom-controls .heart.liking svg{animation:rotate 2s ease-in-out;animation-iteration-count:infinite}.bottom-controls .heart.liked svg{animation:bump 1s ease-in-out;overflow:visible;fill:red}.bottom-controls .link svg{padding:.5em;width:1.5em;height:1.5em;cursor:pointer;color:#fff}.bottom-controls .zap svg{width:1.5em;height:1.5em;cursor:pointer}.bottom-controls .zap.zapped svg{fill:orange;animation:bump 1s ease-in-out}.bottom-controls .zap.error{fill:red}.bottom-controls .zap.zapping svg{animation:rotate 2s ease-in-out;animation-iteration-count:infinite}.bottom-controls .bookmark svg{width:1.5em;height:1.5em;cursor:pointer}.bottom-controls .bookmark.bookmarked svg{fill:#fff;animation:bump 1s ease-in-out}.bottom-controls .savecollection svg{width:1.5em;height:1.5em;cursor:pointer}.bottom-controls .savecollection.saved svg{fill:#fff;animation:bump 1s ease-in-out}@media screen and (max-width: 768px){.controls{top:2em}}.top-left-controls{position:absolute;top:2em;left:2em;z-index:200}.back-button{display:block;border-radius:50%;background-color:#0006;padding:3px 10px;color:#ddd;font-size:20px;cursor:pointer}.back-button:hover{background-color:#000c;color:#fff}.author-info{cursor:pointer;color:#fff;position:absolute;bottom:2em;left:2em;z-index:200;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.author-info a{line-height:.3em}.author-info a svg{height:24px;color:#fff;line-height:1em}.author-info .fediverse{background-color:#006bb6;padding:4px 6px;border-radius:8px;display:inline}.author-name{padding-right:1em}.author-image{display:block;transition:opacity 1s ease-in-out;background-size:cover;background-repeat:no-repeat;width:64px;height:64px;border-radius:12px;animation-duration:.5s;animation-timing-function:ease-in;animation-name:showAuthor;background-color:transparent}@media screen and (max-width: 768px){.author-image{width:48px;height:48px}}.author-identity{display:flex;flex-direction:row;gap:8px;align-items:center}.author-actions{display:flex;flex-direction:row;align-items:center;gap:8px}@media screen and (max-width: 768px){.author-name{max-width:14em;line-height:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer{position:fixed;width:80vw;max-width:30em;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 10px #00000080;font-size:1.2rem;animation:fadeIn .5s ease-in-out;z-index:500;padding:2em;display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.disclaimer{position:absolute;width:100vw;transform:none;overflow-y:scroll;max-height:100dvh;box-sizing:border-box;max-width:none;top:0;left:0;justify-content:start}}.disclaimer .disclaimer-footer{flex-shrink:1;display:flex;justify-content:end}.disclaimer .warning{color:#ff563f;font-weight:500;font-size:2rem;margin-bottom:0}.scrollview{overflow-y:auto;scroll-snap-type:y mandatory;height:100dvh;width:100vw}.scrollview .scroll-content{height:100dvh;width:100vw;background-size:cover;background-repeat:no-repeat;background-position:center;scroll-snap-align:start none}.scrollview .scroll-content .image{pointer-events:none;object-fit:contain;max-width:100%;height:100dvh;width:100vw;backdrop-filter:blur(20px) brightness(.5);-webkit-backdrop-filter:blur(20px) brightness(.5);background-color:transparent;max-height:none}.scrollview:focus-visible{outline:none!important}.left-bottom-menu{position:fixed;bottom:9em;left:2em;display:flex;flex-direction:column;gap:1.5em;z-index:100}.left-bottom-menu button{border:none;background-color:transparent;padding:0}.left-bottom-menu button svg{height:24px;fill:#fff;color:#fff}.bottom-menu{position:fixed;bottom:1em;left:50%;translate:-50%;display:flex;flex-direction:column;gap:1.5em;z-index:220;background:transparent}.bottom-menu button{border:none;background-color:transparent}.bottom-menu button svg{height:24px;color:#fff}@media screen and (max-width: 768px){.left-bottom-menu{bottom:7em}}.info-panel{position:absolute;left:50%;translate:-50%;bottom:0;overflow-wrap:break-word;background-color:#111;box-sizing:border-box;border-radius:16px 16px 0 0;z-index:220;max-height:90vh;overflow-y:scroll;width:80dvw;display:flex;flex-direction:column;gap:4px;padding-top:16px}.info-panel .link svg{padding:.5em;width:1.5em;height:1.5em;cursor:pointer;color:#fff}.info-panel-content{padding-left:1em;padding-right:1em}.info-panel-footer{text-align:center}.info-panel-footer button{border:none;background-color:transparent}.info-panel-footer button svg{height:24px;color:#fff}.info-panel-tags{padding-left:1em;padding-right:1em}.info-panel-tags .tag{display:inline;padding:.2em .6em;margin-right:.2em;border-radius:24px;background-color:#444;color:#fff;line-height:2.2em;font-size:1rem;cursor:pointer;overflow:visible}.info-panel-tags .tag:hover{background-color:#555;gap:8px}@media screen and (max-width: 768px){.info-panel{left:0;width:100dvw;translate:0;min-width:100dvw}}.info-panel-author{display:flex;flex-direction:row;padding-left:1em;padding-right:1em}.info-panel-author .link{align-self:center}.info-panel-author .author-info{position:relative;left:initial;bottom:initial;display:flex;flex-grow:1;flex-direction:row;gap:8px;align-items:center}@keyframes showGridImage{0%{opacity:0;visibility:visible}to{opacity:1}}.mason-view{display:flex;flex-direction:column;align-items:start;height:100dvh;overflow-y:scroll;overflow-x:hidden}.mason-imagegrid{display:grid;grid-template-columns:repeat(7,calc(100% / 7 - 12px));width:100vw;gap:12px;padding:12px}.mason-imagegrid .column{display:flex;flex-direction:column;gap:12px;line-height:0px}.mason-imagegrid .column a{color:#fff;cursor:pointer}.mason-imagegrid img.mason-image{border-radius:.5rem;width:100%;cursor:pointer;visibility:hidden;background:#222}.mason-imagegrid video.mason-image{border-radius:.5rem;width:100%;cursor:pointer}.mason-imagegrid .mason-image.show{animation-duration:.5s;animation-timing-function:ease-in;animation-name:showGridImage;visibility:visible}.mason-imagegrid .image:hover{filter:brightness(1.1);outline:1px solid #fff}.mason-imagegrid .info-section{display:block;line-height:1.4em;padding:2em .5em .5em;box-sizing:border-box;position:absolute;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);width:100%;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear .2s}.mason-imagegrid .info-section.visible{opacity:1;visibility:visible;transition-delay:.1s;transition:opacity .2s ease-in-out,visibility 0s}.mason-imagegrid .info-section a{pointer-events:visible}.mason-imagegrid .title{display:flex;padding-bottom:.2em;pointer-events:visible}.mason-imagegrid .time{text-align:right;flex-grow:1;color:#aaa}.mason-imagegrid .is-relative{position:relative}.page-header{padding:1.2em 6em .6em 5em;display:flex;flex-direction:row;line-height:64px;width:100vw;box-sizing:border-box;min-height:90px}.page-header .page-search{display:flex}.page-header .page-search .title{font-size:24px;font-weight:700;margin-top:8px;padding:8px;cursor:pointer}.page-header .page-search .title:hover{color:#fff}.page-header .page-search input{background:none;border:none;font-size:24px;font-weight:700;margin-top:10px;margin-bottom:6px;padding:10px;cursor:pointer;width:fit-content;min-width:50vw;margin-right:10px}.page-header .page-search input:focus-visible{background:#333;outline:none;border-radius:10px}.page-header .page-search svg{width:24px}.page-header h2{margin:0 10px 0 0;cursor:pointer;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.page-header .author-info{position:relative;bottom:initial;left:initial}@media screen and (max-width: 768px){.page-header .author-info .author-name{display:block}}.search-results{padding:4em;display:grid;grid-auto-flow:column;align-self:center;gap:4em}.search-results .author-info{position:relative;bottom:initial;left:initial}@media screen and (max-width: 768px){.search-results .author-info .author-name{display:block}.search-results{grid-auto-flow:dense}}.search-results h2{margin-top:0}.search-results .people-list,.search-results .topic-list{display:flex;gap:8px;flex-direction:column}.search-results .topic-list .topic-title svg{width:32px;vertical-align:middle}.search-results .topics{display:flex;flex-direction:column;gap:4em}.search-results .topic{background-color:#222;border-radius:16px;padding:1em;cursor:pointer;height:6em;background-size:cover;background-position:center}.search-results .topic-title{font-size:30px}.search-results .tag-list{max-width:500px}.tag-list .tag{display:inline-block;padding:0 .6em;margin-right:.4em;border-radius:24px;background-color:#444;color:#fff;line-height:2.2em;font-size:1rem;cursor:pointer;margin-bottom:.4em;min-width:3em;text-align:center;-webkit-user-select:none;user-select:none}.tag-list .tag.selected{background-color:#7600ff}.tag-list .tag:hover{background-color:#555}.tag-list .tag.selected:hover{background-color:#7322ff}.tag-list .tag.action{background-color:#fff;color:#000}