.prof-view{height:100%;width:100%;display:flex;gap:8px}.prof-main{flex-grow:1;display:flex;flex-direction:column;gap:8px;max-width:100vw;padding-bottom:8px}.posts-cont{background-color:var(--prof-section-background);border:var(--prof-border) 1px solid;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:8px}@media (max-width:600px){.tab-stack{gap:0!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;width:100%!important;margin:0!important;z-index:500;border-top:var(--prof-border) solid 1px;border-bottom:none!important;background-color:var(--prof-section-background);clip-path:none!important;display:flex;flex-direction:column}.tab-stack.shadow{box-shadow:none!important}.tab-cont{gap:0!important;justify-content:space-between;order:3}.subs-bar{order:1}.tab-float-cont{order:0}body{padding-bottom:38px}.bar-cont{top:8px;will-change:transform}}.avatar{width:100%;box-sizing:border-box;background-clip:content-box;display:block}.avatar-cont{position:relative;padding:2px;width:167px;box-sizing:border-box;border:1px solid var(--prof-border);background-color:var(--prof-section-background)}.avatar-cont .sticky-cont,.prof-banner-cont .sticky-cont{z-index:600}.avatar-cont .sticky-content,.prof-banner-cont .sticky-content{z-index:601}.avatar-cont .sticky-cont.sticky-open,.prof-banner-cont .sticky-cont.sticky-open{z-index:602}.avatar-cont .sticky-cont.sticky-open .sticky-content,.prof-banner-cont .sticky-cont.sticky-open .sticky-content{z-index:603}.bar{display:flex;flex-direction:column;width:167px;background-color:var(--prof-section-background);border:var(--prof-border) 1px solid;word-wrap:break-word;box-sizing:border-box}.bar-cont{height:min-content;position:sticky;top:-175px;display:flex;flex-direction:column;gap:8px;width:167px;z-index:55}.username-cont{display:flex;gap:4px;height:38px;border-bottom:1px solid var(--prof-border);padding:8px;box-sizing:border-box;transition:box-shadow .3s steps(6);clip-path:inset(0 -0.5px -100% 0)}.bar-cont.shadow .username-cont{box-shadow:0 0 3px 1px rgba(0,0,0,.25)}.bar-cont.bio-scrolled .username-cont{box-shadow:none}.username-display{font-size:18px;font-weight:700;overflow-wrap:anywhere;flex:1}.tab-float-cont{position:relative;height:0;width:100%}.tab-float-btn{margin-top:auto;margin-bottom:8px;color:var(--prof-border);background-color:var(--prof-section-background);border-radius:0 0 3px 3px;border:1px solid var(--prof-border);border-top:1px solid var(--prof-section-background);cursor:pointer;font-size:10px;float:right;box-sizing:border-box;position:absolute;top:-1px;min-width:50px;text-align:center;padding:2px 0;clip-path:inset(0 -0.5px -100% 0);user-select:none;text-wrap:nowrap}#to-top{opacity:0;transition:opacity .3s steps(4),right .3s;right:62px;box-shadow:0 0 3px 1px rgba(0,0,0,.25);z-index:2}#sub-toggle{transition:opacity .3s steps(4);z-index:1;right:8px;box-shadow:none}.tab-stack.tagged-tab #sub-toggle{opacity:0;pointer-events:none}.tab-stack.tagged-tab #to-top{right:8px}.tab-stack.shadow #sub-toggle{box-shadow:0 0 3px 1px rgba(0,0,0,.25)}#sub-toggle:hover{color:var(--small-color)}.subs-bar{height:24px;width:100%;margin:0;padding:0 8px;box-sizing:border-box;display:flex;align-items:center;gap:10px;background-color:var(--prof-section-background);border-bottom:0 solid var(--prof-section-background);overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-height:0;transform:translateY(0);transition:max-height 180ms ease-out,border-bottom 180ms;pointer-events:none}.subs-bar.open{max-height:24px;border-bottom:1px solid var(--prof-border);pointer-events:auto}.sub-link{text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:4px}.sub-link.active{text-shadow:1px 0 0 currentcolor}.board-icon{width:12px;height:12px}.sub-link:hover{text-decoration:underline}#to-top:hover{color:var(--small-color)}@media screen and (max-width:600px){#sub-toggle,#to-top{box-shadow:none!important}.tab-float-btn{top:auto;bottom:-8px;border-radius:3px 3px 0 0;border-top:1px solid var(--prof-border);border-bottom:1px solid var(--prof-section-background);clip-path:inset(-100% -0.5px 0 0)}#to-top{right:auto;left:50%;transform:translateX(calc(-100% - 6px));transition:opacity .3s steps(4),right .3s,transform .3s}#sub-toggle{right:auto;left:50%;transform:translateX(-50%);transition:opacity .3s steps(4),transform .3s}.tab-stack.top-visible #sub-toggle{transform:translateX(6px)}.tab-stack.tagged-tab #to-top{right:auto;left:50%;transform:translateX(-50%)}.subs-bar{position:static;width:100%;margin:0;border-top:none;border-bottom:none}.subs-bar.open{border-top:none;border-bottom:1px solid var(--prof-border)}.tab-cont{gap:0!important;justify-content:space-between;border-bottom:none!important}}.tab-stack{width:calc(100% + 16px);margin:-8px -8px 0;box-sizing:border-box;position:sticky;top:0;z-index:5;background-color:var(--prof-section-background);transition:box-shadow .3s steps(6);clip-path:inset(0 0 -100% 0.5px)}.tab-stack.shadow{box-shadow:0 0 3px 1px rgba(0,0,0,.25)}.tab-cont{display:flex;height:min-content;min-height:38px;width:100%;flex-direction:row;gap:3px;margin:0;border-bottom:1px var(--prof-border) solid;padding-left:8px;padding-right:8px;box-sizing:border-box;position:relative;flex-wrap:wrap}.tab{display:block;padding:10px 20px;text-decoration:none;border-bottom:2px solid transparent;font-size:16px;color:#000;transition:.4s;text-shadow:1px 0 0 transparent}.tab.tab-tagged{position:relative}.notif-cta .notif-cta-text{font-size:13px}.notif-cta .notif-cta-actions .button{font-size:12px}.notif-line{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.notif-line:hover>div>.post-username{text-decoration:underline}.notif-mail-icon{display:inline-block;flex:0 0 auto;width:24px;height:24px;margin-top:-4px;background-image:url('/img/icons/mail.png');background-repeat:no-repeat}.notif-line.unread .notif-mail-icon{background-position:0 0}.notif-line.read .notif-mail-icon,.notif-line.read.just-read:hover .notif-mail-icon,.notif-line.unread:hover .notif-mail-icon{background-position:-24px 0}.notif-line.read:not(.just-read):hover .notif-mail-icon{background-position:-48px 0}.notif-line-body{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:13px}.notif-line .post-timestamp{flex:0 0 auto;white-space:nowrap}.tab.active{text-shadow:1px 0 0 currentcolor;border-bottom-color:#407cac}.tab-content{opacity:1;transition:opacity .1s linear}.tab-content.hidden{opacity:0}#load-more{cursor:pointer}.loading-indicator{width:100%;display:flex;justify-content:center}.loading-indicator>img{pointer-events:none}.loading-indicator.hidden{display:none}.posts{opacity:1;transition:opacity .1s linear}.posts.hidden{opacity:0}.profile-grid-cont{display:flex;padding:8px;height:100%;box-sizing:border-box;flex-direction:column}.profile-grid{display:grid;grid-template-columns:repeat(6,22px);grid-template-rows:repeat(2,22px);gap:3px;flex-grow:1}.profile-grid img{width:22px;height:22px;object-fit:cover}#follow-stats{position:relative;overflow:hidden;height:41px;transition:height 90ms ease-out 0.12s;z-index:1;transition:height 90ms ease-out,box-shadow .3s steps(6);clip-path:inset(0 0 -100% 0)}.bar-cont.bio-scrolled #follow-stats{z-index:2;box-shadow:0 0 3px 1px rgba(0,0,0,.25)}#follow-stats.open{height:94px}#follow-stats #follow-counts,#follow-stats #follow-preview{position:absolute;top:0;left:0;right:0}#follow-stats #follow-counts{opacity:1;pointer-events:auto;transition:opacity .12s 0.30s}#follow-stats.open #follow-counts{opacity:0;pointer-events:none;transition-delay:0s}#follow-stats #follow-preview{opacity:0;pointer-events:none;transition:opacity .12s;height:100%}#follow-stats.open #follow-preview{opacity:1;pointer-events:auto;transition-delay:0.30s}#sub-dropdown{height:0;padding:0;width:116px;z-index:100;left:-4px}#sub-dropdown::after,#sub-dropdown::before{transform:translateX(calc(-50% + 48px))}#drop-zone{width:106px;height:90px;box-sizing:border-box;padding:0}#drop-zone>.dropdown-cont{width:auto;height:calc(100% - 8px);border:1px dashed #ccc;background-image:url('/img/icons/drop.png');background-repeat:no-repeat;background-position:center center;box-sizing:border-box;margin:4px}.dropping-zone{border:1px solid #ccc!important;transform:scale(1.4);opacity:0;transition:transform .3s,opacity .2s linear}#drop-zone[data-hold-visible]::after,#drop-zone[data-hold-visible]::before{transform:translateX(calc(-50% + 21px))}#drop-zone[data-hold-visible]{transform:translate(calc(-50% - 21px),28px)}#file-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;max-height:100%;width:100%;height:100%;padding:4px;box-sizing:border-box}#file-list::-webkit-scrollbar{width:4px}#file-list::-webkit-scrollbar-thumb{background-color:#0005;border-radius:0}#file-list::-webkit-scrollbar-track{background-color:transparent}#file-list>div{border:1px dashed #ccc;padding:4px;font-size:14px;min-height:14px;height:14px;display:flex;transition:opacity .2s linear,margin .15s;overflow:hidden}#file-list>div>div{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}#file-list>div>span{border:none;background-color:transparent;padding:2px;cursor:pointer;flex-grow:1}#file-list>div>span>img{float:right}body.dark .tab{color:#fff;border-bottom-color:transparent}body.dark .tab.active{border-bottom-color:#ccc}.bio{width:100%;max-height:245px;overflow-x:hidden;overflow-y:auto;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;display:flex;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box;padding:8px;position:relative;border-top:none}.bio::-webkit-scrollbar{display:none}.bio:empty{padding:0;margin:0;min-height:0;max-height:0;border:none}.bio .bb-container,.bio .bb-container *{position:static!important;z-index:auto!important}.bio .bb-container{max-width:100%;overflow:hidden}.bio img{display:block;max-width:100%}.bio .br{flex-basis:100%;height:0;margin:0}.streak{display:flex;gap:8px;background:rgba(255,153,0,.1);padding:2px;height:46px;box-sizing:border-box;border-radius:3px;border:1px solid rgba(255,119,66,.37);align-items:center}.hide-button{opacity:0;transition:opacity .5s;pointer-events:none;width:100%;text-align:center;height:20px;border:1px dotted #ccc;display:none;cursor:pointer}.hide-button.active{display:block;opacity:1;pointer-events:auto}.masonry-item{display:inline-block;width:100%;padding-bottom:8px}.prof-banner-cont{position:relative;width:100%}.prof-banner{object-fit:cover;display:block;width:100%;height:75px;box-sizing:border-box;padding:2px;background-color:var(--prof-section-background);border:var(--prof-border) 1px solid}@media screen and (max-width:600px){.prof-view{display:flex;flex-direction:row;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;min-height:100vh}.prof-main{flex:0 0 auto;scroll-snap-align:start;min-width:100%}.bar,.bar-cont{box-sizing:border-box;scroll-snap-align:start}.post-box,.posts,.posts-cont{min-width:0}}