2 lines
79 KiB
CSS
2 lines
79 KiB
CSS
body.cloak a,.cloak a{text-decoration-color:var(--link-color)}body.cloak .account-container :is(main>:not(.actions)){text-decoration-thickness:1.1em;text-decoration-line:line-through;text-rendering:optimizeSpeed;-webkit-filter:opacity(.5);filter:opacity(.5)}.cloak .account-container :is(main>:not(.actions)){text-decoration-thickness:1.1em;text-decoration-line:line-through;text-rendering:optimizeSpeed;-webkit-filter:opacity(.5);filter:opacity(.5)}body.cloak .account-container :is(main>:not(.actions)) *{text-decoration-thickness:1.1em;text-decoration-line:line-through;text-rendering:optimizeSpeed;-webkit-filter:opacity(.5);filter:opacity(.5)}.cloak .account-container :is(main>:not(.actions)) *{text-decoration-thickness:1.1em;text-decoration-line:line-through;text-rendering:optimizeSpeed;-webkit-filter:opacity(.5);filter:opacity(.5)}body.cloak .name-text,.cloak .name-text,body.cloak .name-text *,.cloak .name-text *,body.cloak .status .content-container,.cloak .status .content-container,body.cloak .status .content-container *,.cloak .status .content-container *,body.cloak .status .content-compact,.cloak .status .content-compact,body.cloak .account-container header:not(.does-not-exist),.cloak .account-container header:not(.does-not-exist),body.cloak .account-container header:not(.does-not-exist) *,.cloak .account-container header:not(.does-not-exist) *,body.cloak .header-double-lines,.cloak .header-double-lines,body.cloak .account-block,.cloak .account-block{text-decoration-thickness:1.1em;text-decoration-line:line-through;text-rendering:optimizeSpeed;-webkit-filter:opacity(.5);filter:opacity(.5)}body.cloak .account-container :is(main>:not(.actions)) *{-webkit-filter:none;filter:none}.cloak .account-container :is(main>:not(.actions)) *{-webkit-filter:none;filter:none}body.cloak .name-text *,.cloak .name-text *,body.cloak .status .content-container *,.cloak .status .content-container *,body.cloak .account-container header:not(.does-not-exist) *,.cloak .account-container header:not(.does-not-exist) *{-webkit-filter:none;filter:none}body.cloak .status img,body.cloak .status video,body.cloak .status audio,.cloak .status img,.cloak .status video,.cloak .status audio,body.cloak .media-post .media,.cloak .media-post .media,body.cloak .avatar,.cloak .avatar,body.cloak .emoji,.cloak .emoji,body.cloak .header-banner,.cloak .header-banner{-webkit-filter:contrast(0)!important;filter:contrast(0)!important;background-color:#000!important}@supports (display: -webkit-box){body.cloak .card .title,body.cloak .card .meta{background-color:var(--text-color)!important}}#keyboard-shortcuts-help-container table tr>*{border-top:1px solid var(--outline-color);vertical-align:middle}#keyboard-shortcuts-help-container table th{font-weight:400;text-align:start;padding:.25em 0;line-height:1;width:60%}#keyboard-shortcuts-help-container table td{padding:.25em 1em}#keyboard-shortcuts-help-container kbd{border-radius:4px;display:inline-block;padding:.2em .3em;margin:1px 0;line-height:1;border:1px solid var(--outline-color);background-color:var(--bg-faded-color);background-image:-webkit-linear-gradient(bottom,var(--bg-blur-color),transparent);background-image:linear-gradient(to top,var(--bg-blur-color),transparent);text-shadow:0 1px var(--bg-color);box-shadow:0 1px var(--drop-shadow-color),0 1px 1px var(--drop-shadow-color),0 1px 8px var(--drop-shadow-color),inset 0 1px var(--bg-blur-color)}#keyboard-shortcuts-help-container kbd:active{box-shadow:0 1px 4px var(--drop-shadow-color),inset 0 1px var(--bg-blur-color);-webkit-transform:translateY(1px);transform:translateY(1px);-webkit-filter:brightness(.95);filter:brightness(.95)}#accounts-container{background-color:var(--bg-faded-color)}#accounts-container section{background-color:var(--bg-color);margin:8px 0 0;padding:8px 16px;border-top:var(--hairline-width) solid var(--outline-color);border-bottom:var(--hairline-width) solid var(--outline-color);border-radius:8px}#accounts-container section ul>li:last-child{border-bottom:none}#accounts-container section>ul{margin:0;padding:0;list-style:none}#accounts-container section>ul>li{padding:8px 0;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;border-bottom:var(--hairline-width) solid var(--outline-color)}#accounts-container section>ul>li .current{margin-right:8px;color:var(--green-color);opacity:.1}#accounts-container section>ul>li .current.is-current{opacity:1}#accounts-container section>ul>li .current.is-current+.avatar{box-shadow:0 0 0 1.5px var(--green-color),0 0 8px var(--green-color)}#accounts-container section>ul>li .avatar+.name-text{vertical-align:middle}#accounts-container section>ul>li>div.actions{flex-basis:fit-content;margin-top:8px}#accounts-container .avatar{margin-right:8px}#accounts-container .accounts-list li div{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}#settings-container{background-color:var(--bg-faded-color)}#settings-container main h3{font-size:85%;text-transform:uppercase;color:var(--text-insignificant-color);font-weight:400;padding-inline:16px}#settings-container section{background-color:var(--bg-color);margin:8px 0 0;padding:8px 16px;border-top:var(--hairline-width) solid var(--outline-color);border-bottom:var(--hairline-width) solid var(--outline-color);border-radius:8px}#settings-container section ul>li:last-child{border-bottom:none}#settings-container section>ul{margin:0;padding:0;list-style:none}#settings-container section>ul>li{padding:8px 0;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;flex-wrap:wrap;border-bottom:var(--hairline-width) solid var(--outline-color)}#settings-container section>ul>li>div:last-child{text-align:right}#settings-container section>ul>li .sub-section{text-align:left!important;margin-top:8px;margin-left:24px}#settings-container section>ul>li .sub-section p{margin-block:.5em}#settings-container section>ul>li .sub-section ul{margin:0;padding:0;list-style:none}#settings-container section>ul>li .sub-section ul li{line-height:1.6}#settings-container section>ul>li .sub-section p:last-child{-webkit-margin-after:0;margin-block-end:0}#settings-container div{vertical-align:middle}#settings-container section>ul>li .sub-section hr{margin:8px 0}#settings-container section select{padding:4px}#settings-container .radio-group{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;border-radius:1.1em;border:1px solid var(--button-bg-color);overflow:hidden;padding:1px;flex-wrap:wrap}#settings-container .radio-group input[type=radio]{opacity:0;position:absolute;pointer-events:none}#settings-container .radio-group label{display:inline-block;padding:6px 12px;cursor:pointer;-webkit-box-flex:1;flex-grow:1;text-align:center}#settings-container .radio-group label input:checked+span{color:var(--link-color);font-weight:700}#settings-container .radio-group label:hover,#settings-container .radio-group label:focus{color:var(--button-bg-color)}#settings-container .radio-group label:has(input:checked){border-radius:1.1em;color:var(--button-text-color);background-color:var(--button-bg-color)}#settings-container .radio-group label:has(input:checked) input:checked+span{color:inherit}#settings-container .range-group{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:4px}@media (max-width: 319.98px){#settings-container .range-group{display:grid;grid-gap:0;gap:0;grid-column-gap:4px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-template-areas:"label1 label2" "input input";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#settings-container .range-group>span:first-child{text-align:left}#settings-container .range-group>span:last-child{text-align:right}}#settings-container .range-group input[type=range]{-webkit-box-flex:1;flex-grow:1;width:100%}@media (max-width: 319.98px){#settings-container .range-group input[type=range]{grid-area:input}}#settings-container .checkbox-fields{border:1px solid var(--outline-color);background-color:var(--bg-faded-color);border-radius:8px;margin:8px 0;max-height:6.5em;overflow:auto;display:-webkit-box;display:flex;flex-wrap:wrap;font-size:90%}#settings-container .checkbox-fieldset label{-webkit-box-flex:1;flex:1 0 10em;padding:4px;display:-webkit-box;display:flex;gap:4px;-webkit-box-align:start;align-items:flex-start}#settings-container .section-postnote{margin-bottom:48px;padding-inline:16px;color:var(--text-insignificant-color)}#settings-container .synced-icon{color:var(--link-color);vertical-align:middle}#settings-container .version-string{padding:4px;font-family:var(--monospace-font);font-size:85%;text-align:center}.account-container{overflow-y:auto;max-width:100%;--banner-overlap: 44px;--posting-stats-size: 8px;--original-color: var(--link-color)}.account-container .note{font-size:95%;line-height:1.4;text-wrap:pretty;margin-bottom:16px}.account-container .note>*:first-child{margin-top:0;padding-top:0}.account-container .note>*:last-child{margin-bottom:0;padding-bottom:0}.account-container .note:not(:has(p)):not(:empty){padding:1em 0}.account-container .posting-stats{font-size:90%;color:var(--text-insignificant-color);background-color:var(--bg-faded-color);padding:8px 12px}.account-container .posting-stats:focus-within{background-color:var(--link-bg-hover-color)}.account-container .posting-stats:hover{background-color:var(--link-bg-hover-color)}.account-container .posting-stats-bar{--gap: .5px;--gap-color: var(--outline-color);height:var(--posting-stats-size);border-radius:var(--posting-stats-size);overflow:hidden;margin:8px 0;box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 1.5px var(--bg-blur-color);background-color:var(--bg-color);background-repeat:no-repeat;-webkit-animation:swoosh-bg-image .3s ease-in-out .3s both;animation:swoosh-bg-image .3s ease-in-out .3s both;background-image:-webkit-linear-gradient(left,var(--original-color) 0%,var(--original-color) calc(var(--originals-percentage) - .5px),var(--outline-color) calc(var(--originals-percentage) - .5px),var(--outline-color) calc(var(--originals-percentage) + .5px),var(--reply-to-color) calc(var(--originals-percentage) + .5px),var(--reply-to-color) calc(var(--replies-percentage) - .5px),var(--outline-color) calc(var(--replies-percentage) - .5px),var(--outline-color) calc(var(--replies-percentage) + .5px),var(--reblog-color) calc(var(--replies-percentage) + .5px),var(--reblog-color) 100%);background-image:linear-gradient(to right,var(--original-color) 0%,var(--original-color) calc(var(--originals-percentage) - .5px),var(--outline-color) calc(var(--originals-percentage) - .5px),var(--outline-color) calc(var(--originals-percentage) + .5px),var(--reply-to-color) calc(var(--originals-percentage) + .5px),var(--reply-to-color) calc(var(--replies-percentage) - .5px),var(--outline-color) calc(var(--replies-percentage) - .5px),var(--outline-color) calc(var(--replies-percentage) + .5px),var(--reblog-color) calc(var(--replies-percentage) + .5px),var(--reblog-color) 100%);background-image:-webkit-linear-gradient(left,var(--original-color) 0%,var(--original-color) calc(var(--originals-percentage) - var(--gap)),var(--gap-color) calc(var(--originals-percentage) - var(--gap)),var(--gap-color) calc(var(--originals-percentage) + var(--gap)),var(--reply-to-color) calc(var(--originals-percentage) + var(--gap)),var(--reply-to-color) calc(var(--replies-percentage) - var(--gap)),var(--gap-color) calc(var(--replies-percentage) - var(--gap)),var(--gap-color) calc(var(--replies-percentage) + var(--gap)),var(--reblog-color) calc(var(--replies-percentage) + var(--gap)),var(--reblog-color) 100%);background-image:linear-gradient(to right,var(--original-color) 0%,var(--original-color) calc(var(--originals-percentage) - var(--gap)),var(--gap-color) calc(var(--originals-percentage) - var(--gap)),var(--gap-color) calc(var(--originals-percentage) + var(--gap)),var(--reply-to-color) calc(var(--originals-percentage) + var(--gap)),var(--reply-to-color) calc(var(--replies-percentage) - var(--gap)),var(--gap-color) calc(var(--replies-percentage) - var(--gap)),var(--gap-color) calc(var(--replies-percentage) + var(--gap)),var(--reblog-color) calc(var(--replies-percentage) + var(--gap)),var(--reblog-color) 100%)}.account-container .posting-stats-legends{font-size:12px;text-transform:uppercase}.account-container .posting-stats-legend-item{display:inline-block;width:var(--posting-stats-size);height:var(--posting-stats-size);border-radius:var(--posting-stats-size);background-color:var(--text-insignificant-color);vertical-align:middle;margin:0 4px 2px;box-shadow:inset 0 0 0 1px var(--outline-color),inset 0 0 0 1.5px var(--bg-blur-color)}.account-container .posting-stats-legend-item.posting-stats-legend-item-originals{background-color:var(--original-color)}.account-container .posting-stats-legend-item.posting-stats-legend-item-replies{background-color:var(--reply-to-color)}.account-container .posting-stats-legend-item.posting-stats-legend-item-boosts{background-color:var(--reblog-color)}.account-container.skeleton{color:var(--outline-color)}.account-container .account-moved{-webkit-animation:fade-in .3s both ease-in-out .3s;animation:fade-in .3s both ease-in-out .3s;padding:16px;background-color:var(--bg-color);position:absolute;top:8px;inset-inline:8px;z-index:3;border:1px solid var(--outline-color);box-shadow:0 8px 16px var(--drop-shadow-color);border-radius:8px;overflow:hidden}.account-container .account-moved p{margin:0 0 8px;padding:0}.account-container .account-moved .account-block{background-color:var(--bg-faded-color);padding:8px;border-radius:8px;border:1px solid var(--link-faded-color)}.account-container .account-moved .account-block:hover{background-color:var(--link-bg-hover-color);border-color:var(--link-color)}.account-container .account-moved .account-block b{color:var(--link-color)}.account-container .account-moved~*{-webkit-filter:grayscale(.75) opacity(.75);filter:grayscale(.75) opacity(.75)}.account-container .header-banner{vertical-align:top;aspect-ratio:6 / 1;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:-webkit-linear-gradient(top,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 14%,hsla(0,0%,0%,.951) 26.2%,hsla(0,0%,0%,.896) 36.8%,hsla(0,0%,0%,.825) 45.9%,hsla(0,0%,0%,.741) 53.7%,hsla(0,0%,0%,.648) 60.4%,hsla(0,0%,0%,.55) 66.2%,hsla(0,0%,0%,.45) 71.2%,hsla(0,0%,0%,.352) 75.6%,hsla(0,0%,0%,.259) 79.6%,hsla(0,0%,0%,.175) 83.4%,hsla(0,0%,0%,.104) 87.2%,hsla(0,0%,0%,.049) 91.1%,hsla(0,0%,0%,.013) 95.3%,hsla(0,0%,0%,0) 100%);mask-image:linear-gradient(to bottom,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 14%,hsla(0,0%,0%,.951) 26.2%,hsla(0,0%,0%,.896) 36.8%,hsla(0,0%,0%,.825) 45.9%,hsla(0,0%,0%,.741) 53.7%,hsla(0,0%,0%,.648) 60.4%,hsla(0,0%,0%,.55) 66.2%,hsla(0,0%,0%,.45) 71.2%,hsla(0,0%,0%,.352) 75.6%,hsla(0,0%,0%,.259) 79.6%,hsla(0,0%,0%,.175) 83.4%,hsla(0,0%,0%,.104) 87.2%,hsla(0,0%,0%,.049) 91.1%,hsla(0,0%,0%,.013) 95.3%,hsla(0,0%,0%,0) 100%);margin-bottom:calc(-1 * var(--banner-overlap));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.account-container .header-banner.loaded{opacity:1}.sheet .account-container .header-banner{border-top-left-radius:16px;border-top-right-radius:16px}.account-container .header-banner.header-is-avatar{-webkit-mask-image:-webkit-linear-gradient(top,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 8.1%,hsla(0,0%,0%,.951) 15.5%,hsla(0,0%,0%,.896) 22.5%,hsla(0,0%,0%,.825) 29%,hsla(0,0%,0%,.741) 35.3%,hsla(0,0%,0%,.648) 41.2%,hsla(0,0%,0%,.55) 47.1%,hsla(0,0%,0%,.45) 52.9%,hsla(0,0%,0%,.352) 58.8%,hsla(0,0%,0%,.259) 64.7%,hsla(0,0%,0%,.175) 71%,hsla(0,0%,0%,.104) 77.5%,hsla(0,0%,0%,.049) 84.5%,hsla(0,0%,0%,.013) 91.9%,hsla(0,0%,0%,0) 100%);mask-image:linear-gradient(to bottom,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 8.1%,hsla(0,0%,0%,.951) 15.5%,hsla(0,0%,0%,.896) 22.5%,hsla(0,0%,0%,.825) 29%,hsla(0,0%,0%,.741) 35.3%,hsla(0,0%,0%,.648) 41.2%,hsla(0,0%,0%,.55) 47.1%,hsla(0,0%,0%,.45) 52.9%,hsla(0,0%,0%,.352) 58.8%,hsla(0,0%,0%,.259) 64.7%,hsla(0,0%,0%,.175) 71%,hsla(0,0%,0%,.104) 77.5%,hsla(0,0%,0%,.049) 84.5%,hsla(0,0%,0%,.013) 91.9%,hsla(0,0%,0%,0) 100%);-webkit-filter:blur(32px) saturate(3) opacity(.5);filter:blur(32px) saturate(3) opacity(.5);pointer-events:none}.account-container .header-banner:hover{-webkit-animation:position-object 5s ease-in-out 1s 5;animation:position-object 5s ease-in-out 1s 5}.account-container .header-banner:active{-webkit-mask-image:none;mask-image:none}.account-container .header-banner:active+header{background-image:none}.account-container .header-banner:active+header .avatar+*{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0!important}.account-container .header-banner:active,.account-container .header-banner:active+header .avatar{-webkit-transition:-webkit-filter .3s ease-in-out;transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out,-webkit-filter .3s ease-in-out;-webkit-filter:none!important;filter:none!important}.account-container .header-banner:active+header .avatar img{-webkit-transition:border-radius .3s ease-in-out;transition:border-radius .3s ease-in-out;border-radius:8px}@media (min-height: 480px){.account-container .header-banner:not(.header-is-avatar){aspect-ratio:3 / 1}}.account-container header{position:relative;z-index:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:8px;text-shadow:-8px 0 12px -6px var(--bg-color),8px 0 12px -6px var(--bg-color),-8px 0 24px --bg-color,8px 0 24px --bg-color;text-shadow:-8px 0 12px -6px var(--bg-color),8px 0 12px -6px var(--bg-color),-8px 0 24px var(--header-color-3, --bg-color),8px 0 24px var(--header-color-4, --bg-color);-webkit-animation:fade-in .3s both ease-in-out .1s;animation:fade-in .3s both ease-in-out .1s}.account-container header .avatar{overflow:visible;overflow:initial;-webkit-filter:drop-shadow(-2px 0 4px --bg-color) drop-shadow(2px 0 4px --bg-color);filter:drop-shadow(-2px 0 4px --bg-color) drop-shadow(2px 0 4px --bg-color);-webkit-filter:drop-shadow(-2px 0 4px var(--header-color-3, --bg-color)) drop-shadow(2px 0 4px var(--header-color-4, --bg-color));filter:drop-shadow(-2px 0 4px var(--header-color-3, --bg-color)) drop-shadow(2px 0 4px var(--header-color-4, --bg-color))}.account-container header .avatar:not(.has-alpha) img{border-radius:inherit}.account-container main>*:first-child{-webkit-animation:fade-in .3s both ease-in-out .15s;animation:fade-in .3s both ease-in-out .15s}.account-container main>*:first-child~*{-webkit-animation:fade-in .3s both ease-in-out .2s;animation:fade-in .3s both ease-in-out .2s}.account-container .account-block .account-block-acct{display:block;opacity:.7}.private-note-tag{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;color:var(--private-note-text-color);background-color:var(--private-note-bg-color);border:1px solid var(--private-note-border-color);padding:4px;line-height:normal;font-size:smaller;border-radius:0;align-self:center!important;-webkit-clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);background-size:4px 4px;background-repeat:no-repeat;background-position:top right;background-image:-webkit-linear-gradient(top,var(--private-note-border-color),var(--private-note-border-color));background-image:linear-gradient(to bottom,var(--private-note-border-color),var(--private-note-border-color));-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;word-wrap:anywhere}.private-note-tag span{color:inherit;opacity:.75;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-align:left}.private-note-tag:hover:not(:active){-webkit-filter:none!important;filter:none!important;-webkit-transform:rotate(-.5deg) scale(1.05);transform:rotate(-.5deg) scale(1.05)}.private-note-tag:hover:not(:active) span{opacity:1}.account-container .private-note{font-size:90%;color:var(--text-insignificant-color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:12px;background-color:var(--bg-faded-color);display:-webkit-box;display:flex;gap:.5em;-webkit-box-align:center;align-items:center}.account-container .private-note b{font-size:90%;text-transform:uppercase}.account-container .private-note p{margin:0;padding:0}.account-container .stats{display:-webkit-box;display:flex;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;row-gap:8px;font-size:90%;background-color:var(--bg-faded-color);padding:12px;line-height:1.25;overflow-x:auto!important;-webkit-box-pack:start;justify-content:flex-start;position:relative}.account-container .stats [tabindex="0"]:hover,.account-container .stats [tabindex="0"]:focus{color:var(--text-color);cursor:pointer;text-decoration-color:var(--text-insignificant-color)}.account-container .stats .stats-avatars-bunch{-webkit-animation:appear 1s both ease-in-out;animation:appear 1s both ease-in-out}.account-container .stats .stats-avatars-bunch>*:not(:first-child){margin:0 0 0 -4px}.timeline-start .account-container .stats{flex-wrap:wrap}.account-container .stats>*{flex-shrink:0;display:-webkit-box;display:flex;gap:.5em}.account-container .stats a:not(.insignificant){color:inherit}.account-container .stats a:hover{color:inherit}.account-container footer{padding:0 16px 16px}.account-container .actions{display:-webkit-box;display:flex;gap:8px;-webkit-box-pack:justify;justify-content:space-between;min-height:2.5em;-webkit-box-align:center;align-items:center}.account-container .actions .buttons{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.account-container .account-metadata-box{overflow:hidden;border-radius:16px;display:block;-webkit-text-decoration:none;text-decoration:none}.account-container .account-metadata-box>*{margin-bottom:2px;border-radius:4px;overflow:hidden}.account-container .account-metadata-box:has(+.account-metadata-box){border-bottom-left-radius:4px;border-bottom-right-radius:4px}.account-container .account-metadata-box+.account-metadata-box{border-radius:4px 4px 16px 16px}.account-container .profile-metadata{display:-webkit-box;display:flex;gap:2px;overflow:hidden;overflow-x:auto}.timeline-start .account-container .profile-metadata{flex-wrap:wrap}.account-container .profile-field{min-width:0;-webkit-box-flex:1;flex-grow:1;font-size:90%;background-color:var(--bg-faded-color);padding:12px;border-radius:4px;-webkit-filter:saturate(.75);filter:saturate(.75);line-height:1.25;flex-shrink:0;max-width:calc(100% - 12px - 2em)}.account-container .profile-field:only-child{max-width:100%}.timeline-start .account-container .profile-field{flex-shrink:1;max-width:100%}.account-container .note .invisible,.account-container .profile-field .invisible{display:none}.account-container .note .ellipsis:after{content:"…"}.account-container .profile-field .ellipsis:after{content:"…"}.account-container .profile-field b{font-size:90%;color:var(--text-insignificant-color);text-transform:uppercase}.account-container .profile-field b .icon{color:var(--green-color)}.account-container .profile-field p{margin:0}.account-container .common-followers{font-size:90%;color:var(--text-insignificant-color);background-color:var(--bg-faded-color);padding:8px 12px;margin:0}.timeline-start .account-container{border-bottom:1px solid var(--outline-color);position:relative}.timeline-start .account-container header{padding:16px;-webkit-animation:none;animation:none}.timeline-start .account-container main{padding:1px 16px 16px}.timeline-start .account-container main>*{-webkit-animation:none;animation:none}.faux-header-bg{display:none}@-webkit-keyframes bye-banner{20%{-webkit-filter:blur(0) opacity(1);filter:blur(0) opacity(1)}to{-webkit-filter:blur(16px) opacity(.2);filter:blur(16px) opacity(.2)}}@keyframes bye-banner{20%{-webkit-filter:blur(0) opacity(1);filter:blur(0) opacity(1)}to{-webkit-filter:blur(16px) opacity(.2);filter:blur(16px) opacity(.2)}}@-webkit-keyframes surface-header{0%{border-bottom-color:transparent;box-shadow:none}to{border-bottom-color:var(--outline-color);box-shadow:0 8px 16px -8px var(--drop-shadow-color)}}@keyframes surface-header{0%{border-bottom-color:transparent;box-shadow:none}to{border-bottom-color:var(--outline-color);box-shadow:0 8px 16px -8px var(--drop-shadow-color)}}@-webkit-keyframes shrink-avatar{0%{width:64px;height:64px}to{width:2.5em;height:2.5em}}@keyframes shrink-avatar{0%{width:64px;height:64px}to{width:2.5em;height:2.5em}}.sheet .account-container{border-radius:16px 16px 0 0;overflow-x:hidden;max-height:75vh;overscroll-behavior:none;scroll-timeline:--account-scroll}.sheet .account-container header{padding-bottom:16px;position:sticky;top:0;z-index:2;background-image:-webkit-linear-gradient(top,transparent 30%,var(--bg-color) var(--banner-overlap),var(--bg-color) calc(100% - 8px),transparent);background-image:linear-gradient(to bottom,transparent 30%,var(--bg-color) var(--banner-overlap),var(--bg-color) calc(100% - 8px),transparent)}.sheet .account-container header .account-block-content{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3;-webkit-line-clamp:3}.sheet .account-container .faux-header-bg{display:block;height:var(--banner-overlap);position:sticky;top:0;z-index:1;background-color:var(--bg-color);margin-top:calc(-1 * var(--banner-overlap))}@supports (animation-timeline: scroll()){.sheet .account-container .header-banner:not(.header-is-avatar):not(:hover):not(:active){-webkit-animation:bye-banner 1s linear both;animation:bye-banner 1s linear both;animation-timeline:view();animation-range:contain 100% cover 100%}.sheet .account-container header{background-image:-webkit-linear-gradient(top,transparent 30%,var(--bg-color) var(--banner-overlap));background-image:linear-gradient(to bottom,transparent 30%,var(--bg-color) var(--banner-overlap));border-bottom:1px solid transparent;-webkit-animation:surface-header 1s linear both;animation:surface-header 1s linear both;animation-timeline:--account-scroll;animation-range:0 150px}.sheet .account-container header .avatar{-webkit-animation:shrink-avatar 1s linear both;animation:shrink-avatar 1s linear both;animation-timeline:--account-scroll;animation-range:0 150px}}.sheet .account-container main{padding-top:1px;padding-bottom:16px}.sheet .account-container footer{min-height:56px;-webkit-animation:slide-up .3s ease-out .3s both;animation:slide-up .3s ease-out .3s both;position:sticky;bottom:0;background-color:var(--bg-faded-blur-color);-webkit-backdrop-filter:blur(16px) saturate(3);backdrop-filter:blur(16px) saturate(3);padding:8px 16px;border-top:var(--hairline-width) solid var(--outline-color);padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 16px -8px var(--drop-shadow-color)}@-webkit-keyframes swoosh-bg-image{0%{background-position:-320px 0;opacity:.25}to{background-position:0 0;opacity:1}}@keyframes swoosh-bg-image{0%{background-position:-320px 0;opacity:.25}to{background-position:0 0;opacity:1}}.account-container .posting-stats-button{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:8px;width:100%;color:inherit;background-color:var(--bg-faded-color);padding:8px 12px;font-size:90%;color:var(--text-insignificant-color);line-height:1;vertical-align:text-top;border-radius:4px}.account-container .posting-stats-button:focus-within{color:var(--text-color);background-color:var(--link-bg-hover-color);-webkit-filter:none!important;filter:none!important}.account-container .posting-stats-button:hover{color:var(--text-color);background-color:var(--link-bg-hover-color);-webkit-filter:none!important;filter:none!important}.account-container .posting-stats-button .loader-container{margin:0;opacity:.5;-webkit-transform:scale(.75);transform:scale(.75)}@-webkit-keyframes wobble{0%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate(4deg);transform:rotate(4deg)}}@keyframes wobble{0%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}to{-webkit-transform:rotate(4deg);transform:rotate(4deg)}}@-webkit-keyframes loading-spin{0%{-webkit-transform:rotate(0deg) scale(.75);transform:rotate(0) scale(.75)}to{-webkit-transform:rotate(360deg) scale(.75);transform:rotate(360deg) scale(.75)}}@keyframes loading-spin{0%{-webkit-transform:rotate(0deg) scale(.75);transform:rotate(0) scale(.75)}to{-webkit-transform:rotate(360deg) scale(.75);transform:rotate(360deg) scale(.75)}}.posting-stats-icon{display:inline-block;width:24px;height:8px;-webkit-filter:opacity(.75);filter:opacity(.75);-webkit-animation:wobble 2s linear both infinite alternate!important;animation:wobble 2s linear both infinite alternate!important}.posting-stats-icon.loading{-webkit-animation:loading-spin .35s linear both infinite!important;animation:loading-spin .35s linear both infinite!important}#list-add-remove-container .list-add-remove{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px;margin:0;padding:8px 0;list-style:none}#list-add-remove-container .list-add-remove button{border-radius:16px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:8px;width:100%;text-align:start}#list-add-remove-container .list-add-remove button .icon{opacity:.15}#list-add-remove-container .list-add-remove button.checked{border-color:var(--green-color);font-weight:700}#list-add-remove-container .list-add-remove button.checked .icon{opacity:1;color:var(--green-color)}@media (min-width: 40em){.timeline-start .account-container{--banner-overlap: 77px;--item-radius: 16px;border:1px solid var(--divider-color);margin:16px 0;background-color:var(--bg-color);border-radius:16px;border-radius:var(--item-radius);overflow:hidden;--shadow-offset: 16px;--shadow-blur: 32px;--shadow-spread: calc(var(--shadow-blur) * -.75);box-shadow:-16px 16px 32px -24px var(--header-color-1, var(--drop-shadow-color)),16px 16px 32px -24px var(--header-color-2, var(--drop-shadow-color));box-shadow:calc(var(--shadow-offset) * -1) var(--shadow-offset) var(--shadow-blur) var(--shadow-spread) var(--header-color-1, var(--drop-shadow-color)),var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) var(--shadow-spread) var(--header-color-2, var(--drop-shadow-color))}.timeline-start .account-container header .account-block{font-size:175%;line-height:1.1;letter-spacing:-.5px;mix-blend-mode:multiply;gap:12px}.timeline-start .account-container header .account-block .avatar{width:112px!important;height:112px!important;-webkit-filter:drop-shadow(-8px 0 8px --bg-color) drop-shadow(8px 0 8px --bg-color);filter:drop-shadow(-8px 0 8px --bg-color) drop-shadow(8px 0 8px --bg-color);-webkit-filter:drop-shadow(-8px 0 8px var(--header-color-3, --bg-color)) drop-shadow(8px 0 8px var(--header-color-4, --bg-color));filter:drop-shadow(-8px 0 8px var(--header-color-3, --bg-color)) drop-shadow(8px 0 8px var(--header-color-4, --bg-color))}}#private-note-container textarea{margin-top:8px;width:100%;resize:vertical;height:33vh;min-height:25vh;max-height:50vh;color:var(--private-note-text-color);background-color:var(--private-note-bg-color);border:1px solid var(--private-note-border-color);box-shadow:0 2px 8px var(--drop-shadow-color);border-radius:0;padding:16px}#private-note-container footer{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:8px 0}#private-note-container footer *{vertical-align:middle}.drafts-list{margin:1em 0;padding:0;list-style:none}.drafts-list>li{margin:8px 0 16px;padding:0}.mini-draft-meta{font-size:80%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;padding:8px 0}.mini-draft-meta *{vertical-align:middle}button.draft-item{display:block;width:100%;border:0;border-radius:8px;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--link-faded-color);text-align:left;padding:0}button.draft-item:hover,button.draft-item:focus{border-color:var(--link-color);box-shadow:0 0 0 3px var(--link-faded-color);-webkit-filter:none!important;filter:none!important}.mini-draft{display:-webkit-box;display:flex;gap:0 8px;font-size:90%;padding:8px}.mini-draft-aside{width:64px;aspect-ratio:1 / 1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:var(--bg-faded-color);border-radius:4px;flex-shrink:0;border:1px solid var(--outline-color)}.mini-draft-aside.has-image{background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.mini-draft-aside.has-image>span{background-color:var(--bg-faded-blur-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:32px}.mini-draft-aside.has-image>span *{vertical-align:middle}.mini-draft-main{-webkit-box-flex:1;flex-grow:1}.mini-draft-spoiler,.mini-draft-status{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.1}.mini-draft-spoiler+.mini-draft-status{border-top:1px dashed var(--text-insignificant-color);padding-top:4px;margin-top:4px;color:var(--text-insignificant-color)}#generic-accounts-container .accounts-list{--list-gap: 16px;list-style:none;margin:0;padding:8px 0;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-column-gap:1.5em;-moz-column-gap:1.5em;column-gap:1.5em;row-gap:16px;row-gap:var(--list-gap)}#generic-accounts-container .accounts-list li{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;flex-basis:16em;margin:0;padding:0;gap:8px;position:relative}#generic-accounts-container .accounts-list li:before{content:"";display:block;border-top:var(--hairline-width) solid var(--divider-color);position:absolute;bottom:calc(-1 * var(--list-gap) / 2);left:40px;right:0}#generic-accounts-container .accounts-list li:has(.reactions-block):before{left:64px}#generic-accounts-container .accounts-list .account-block-acct{font-size:.9em;color:var(--text-insignificant-color)}#generic-accounts-container .reactions-block{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#generic-accounts-container .reactions-block .favourite-icon{color:var(--favourite-color)}#generic-accounts-container .reactions-block .reblog-icon{color:var(--reblog-color)}#generic-accounts-container .reactions-block>.icon:only-child{margin-top:8px}#generic-accounts-container .account-relationships{-webkit-box-flex:1;flex-grow:1}#generic-accounts-container .account-relationships .tag{-webkit-animation:appear .3s ease-out;animation:appear .3s ease-out}#generic-accounts-container .account-block{-webkit-box-align:start;align-items:flex-start}#shortcuts-settings-container .shortcuts-list{line-height:1.5;padding:0;margin:8px 0 0;counter-reset:index;border-radius:8px;overflow:hidden}#shortcuts-settings-container .shortcuts-list li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:8px;gap:4px;background-color:var(--bg-faded-color)}#shortcuts-settings-container .shortcuts-list li:before{content:counter(index);counter-increment:index;display:inline-block;width:1.2em;text-align:right;margin-right:8px;color:var(--text-insignificant-color);font-size:90%;flex-shrink:0}#shortcuts-settings-container .shortcuts-list li .shortcut-text{-webkit-box-flex:1;flex-grow:1;min-width:0;line-height:1;word-break:break-word}#shortcuts-settings-container .shortcuts-list li .shortcut-actions{flex-shrink:0}#shortcuts-settings-container .shortcuts-view-mode{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:2px;margin:8px 0 0}#shortcuts-settings-container .shortcuts-view-mode label{border-radius:4px;background-color:var(--bg-faded-color);padding:16px;text-align:center;cursor:pointer;display:block;-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}#shortcuts-settings-container .shortcuts-view-mode label:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}#shortcuts-settings-container .shortcuts-view-mode label:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}#shortcuts-settings-container .shortcuts-view-mode label img{max-height:64px}@media (prefers-color-scheme: dark){:where(html:not(.is-light)) #shortcuts-settings-container .shortcuts-view-mode label img{-webkit-filter:invert(.9) hue-rotate(180deg);filter:invert(.9) hue-rotate(180deg)}}:where(html.is-dark) #shortcuts-settings-container .shortcuts-view-mode label img{-webkit-filter:invert(.9) hue-rotate(180deg);filter:invert(.9) hue-rotate(180deg)}#shortcuts-settings-container .shortcuts-view-mode label span{text-align:center;font-size:80%}#shortcuts-settings-container .shortcuts-view-mode label input{position:absolute;opacity:0;pointer-events:none;-webkit-perspective:500px;perspective:500px}#shortcuts-settings-container .shortcuts-view-mode label input~*{opacity:.5;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scale(.975);transform:scale(.975);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}#shortcuts-settings-container .shortcuts-view-mode label.checked{box-shadow:inset 0 0 0 3px var(--link-color),inset 0 0 32px var(--link-faded-color)}#shortcuts-settings-container .shortcuts-view-mode label input:active~*{-webkit-transform:scale(1);transform:scale(1);opacity:1}#shortcuts-settings-container .shortcuts-view-mode label input:checked~*{-webkit-transform:scale(1);transform:scale(1);opacity:1}#shortcuts-settings-container .shortcuts-view-mode label input:hover~*{-webkit-transform:scale(1);transform:scale(1);opacity:1}#shortcuts-settings-container summary{cursor:pointer}#shortcut-settings-form label{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;gap:8px;-webkit-box-align:center;align-items:center}#shortcut-settings-form label>span:first-child{flex-basis:5em;text-align:right}#shortcut-settings-form input[type=text],#shortcut-settings-form select:not(.does-not-exist){-webkit-box-flex:1;flex-grow:1;flex-basis:70%;flex-shrink:1;min-width:0;max-width:320px}#shortcut-settings-form .form-note{display:-webkit-box;display:flex;gap:6px;-webkit-box-align:center;align-items:center}#shortcut-settings-form form footer{display:-webkit-box;display:flex;gap:16px}#import-export-container input[type=text]{font-family:var(--monospace-font)}#import-export-container section{margin:8px 0;background-color:var(--bg-faded-color);border-radius:16px;padding:8px}#import-export-container section h3{margin:0 0 8px}#import-export-container section h3 *{vertical-align:middle}#import-export-container section p{margin:8px 0}#import-export-container section details>summary{cursor:pointer}#import-export-container .import-settings-list{border-radius:8px;overflow:hidden;margin:8px 0 0;padding:0;counter-reset:index}#import-export-container .import-settings-list li{background-color:var(--bg-blur-color);margin:0 0 2px;padding:8px 4px;display:-webkit-box;display:flex;gap:4px}#import-export-container .import-settings-list li:before{content:counter(index);counter-increment:index;display:inline-block;width:1.2em;text-align:right;margin-right:8px;color:var(--text-insignificant-color);font-size:90%;flex-shrink:0}#search-command-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;background-color:var(--backdrop-darker-color);background-image:-webkit-radial-gradient(top,farthest-corner,var(--backdrop-color),transparent);background-image:radial-gradient(farthest-corner at top,var(--backdrop-color),transparent);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:start;align-items:flex-start;padding:16px;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}#search-command-container[hidden]{opacity:0;pointer-events:none}#search-command-container form{width:calc(40em - 32px);max-width:100%;-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}#search-command-container[hidden] form{-webkit-transform:translateY(-64px) scale(.9);transform:translateY(-64px) scale(.9)}#search-command-container input{width:100%;padding:16px;border-radius:999px;background-color:var(--bg-faded-color);border:2px solid var(--outline-color);box-shadow:0 2px 16px var(--drop-shadow-color),0 32px 64px var(--drop-shadow-color)}#search-command-container input:focus{outline:0;background-color:var(--bg-color);border-color:var(--link-color)}@media (min-width: 40em){#search-command-container{-webkit-box-align:center;align-items:center;background-image:-webkit-radial-gradient(closest-side,var(--backdrop-color),transparent);background-image:radial-gradient(closest-side,var(--backdrop-color),transparent)}}#shortcuts-button{position:fixed;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;left:max(16px,env(safe-area-inset-left));padding:16px;background-color:var(--bg-faded-blur-color);z-index:101;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:var(--hairline-width) solid var(--bg-color);box-shadow:inset 0 -4px 16px -8px var(--button-bg-blur-color),0 3px 8px -1px var(--drop-shadow-color)}#shortcuts-button .icon{-webkit-transform:translateY(2px);transform:translateY(2px)}#app:has(#home-page):not(:has(#home-page~.deck-container)):has(header[hidden]) #shortcuts-button,#app:has(#home-page~.deck-container header[hidden]) #shortcuts-button,#shortcuts-button[hidden]{-webkit-transform:translateY(200%);transform:translateY(200%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#shortcuts-button:hover,#shortcuts-button:focus{background-color:var(--bg-color);-webkit-filter:none;filter:none}#shortcuts-button:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:none;transition:none}@media (min-width: calc(40em + 64px)){#shortcuts-button{right:16px;right:max(16px,env(safe-area-inset-right));left:auto;top:16px;top:max(16px,env(safe-area-inset-top));bottom:auto}#app:has(#home-page):not(:has(#home-page~.deck-container)):has(header[hidden]) #shortcuts-button,#app:has(#home-page~.deck-container header[hidden]) #shortcuts-button,#shortcuts-button[hidden]{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}#shortcuts .tab-bar:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:var(--bg-color);border-top:var(--hairline-width) solid var(--outline-color);box-shadow:0 -8px 16px -8px var(--drop-shadow-color);overflow:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#shortcuts .tab-bar ul{display:-webkit-box;display:flex;margin:0;padding:0}#shortcuts .tab-bar li{-webkit-box-flex:1;flex-grow:1;margin:0;padding:0;list-style:none;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;min-width:20vw;flex-basis:20vw}#shortcuts .tab-bar li a{-webkit-tap-highlight-color:transparent;display:block;color:var(--text-insignificant-color);font-size:10px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;padding:8px;-webkit-text-decoration:none;text-decoration:none;text-shadow:0 var(--hairline-width) var(--bg-color);width:100%}@media (hover: hover){#shortcuts .tab-bar li a:hover,#shortcuts .tab-bar li a:focus{color:var(--text-color)}}#shortcuts .tab-bar li a:active{-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:none;transition:none}#shortcuts .tab-bar li a *{pointer-events:none}#shortcuts .tab-bar li a span{width:100%;text-align:center;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#shortcuts .tab-bar li a.is-active{color:var(--link-color);background-image:-webkit-radial-gradient(50% 50%,closest-side,var(--bg-color),transparent);background-image:radial-gradient(closest-side at 50% 50%,var(--bg-color),transparent)}#app:has(#home-page):not(:has(#home-page~.deck-container)):has(header[hidden]) #shortcuts .tab-bar,#app:has(#home-page~.deck-container header[hidden]) #shortcuts .tab-bar,shortcuts .tab-bar[hidden]{-webkit-transform:translateY(200%);transform:translateY(200%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: calc(40em - 1px)){#app[data-shortcuts-view-mode=tab-menu-bar] .deck-container{padding-bottom:52px}#shortcuts .tab-bar li a.has-subtitle .icon,#shortcuts .tab-bar li a.has-subtitle .icon svg{width:14px!important;height:14px!important}#shortcuts .tab-bar li a span{line-height:1}}@media (min-width: 40em) and (hover: hover){#app[data-shortcuts-view-mode=tab-menu-bar] .timeline-deck{margin-top:44px}#app[data-shortcuts-view-mode=tab-menu-bar] .timeline-deck>header{--margin-top:52px}#shortcuts .tab-bar:not([hidden]){top:0;bottom:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background-color:var(--bg-faded-blur-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;box-shadow:none;border-bottom:var(--hairline-width) solid var(--bg-faded-color)}#shortcuts .tab-bar ul:before{content:"";margin:auto}#shortcuts .tab-bar ul:after{content:"";margin:auto}#shortcuts .tab-bar li{-webkit-box-flex:0;flex-grow:0;min-width:auto;flex-basis:auto}#shortcuts .tab-bar li a{padding:0 16px;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;font-size:14px;height:44px;gap:4px}#shortcuts .tab-bar li a span{text-align:left;line-height:1}#app:has(#home-page):not(:has(#home-page~.deck-container)):has(header[hidden]) #shortcuts .tab-bar,#app:has(#home-page~.deck-container header[hidden]) #shortcuts .tab-bar,shortcuts .tab-bar[hidden]{-webkit-transform:translateY(-150%);transform:translateY(-150%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.media-post{--item-radius: 16px;position:relative;-webkit-animation:appear-smooth 1s ease-out;animation:appear-smooth 1s ease-out}.media-post.filtered:not(.does-not-exist) img,.media-post.filtered:not(.does-not-exist) video,.media-post.has-spoiler:not(.show-media) img,.media-post.has-spoiler:not(.show-media) video{opacity:0;-webkit-animation:none!important;animation:none!important}.media-post.filtered[data-filtered-text]:before{content:attr(data-filtered-text)}.media-post.has-spoiler[data-spoiler-text]:before{content:attr(data-spoiler-text)}.media-post.filtered[data-filtered-text]:before,.media-post.has-spoiler[data-spoiler-text]:before{pointer-events:none;position:absolute;top:0;left:0;z-index:1;background-color:var(--bg-blur-color);margin:8px;padding:4px 6px;border-radius:calc(var(--item-radius) / 2);font-size:90%;border:var(--hairline-width) dashed var(--bg-color);word-break:break-word;word-wrap:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:box;overflow:hidden;z-index:2}.media-post.filtered[data-filtered-text]:before>*,.media-post.has-spoiler[data-spoiler-text]:before>*{pointer-events:none}.media-post.has-spoiler.show-media[data-spoiler-text]:before{mix-blend-mode:normal;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-post .media{border-radius:var(--item-radius);overflow:hidden;position:relative;display:block;aspect-ratio:1!important}.media-post .media:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border:1px solid var(--outline-color);border-radius:inherit}.media-post .media:not(.media-audio){background-color:var(--average-color, var(--media-bg-color));background-clip:padding-box}@media (hover: hover){.media-post .media:hover{--drop-shadow: var(--drop-shadow-color);position:relative;z-index:1;box-shadow:0 8px 16px -4px var(--drop-shadow-color),0 4px 8px var(--drop-shadow-color);box-shadow:0 8px 16px -4px var(--drop-shadow),0 4px 8px var(--drop-shadow)}}@media (hover: hover) and (prefers-color-scheme: dark){:where(html:not(.is-light)) .media-post .media:hover{--drop-shadow: var(--link-color)}}@media (hover: hover){:where(html.is-dark) .media-post .media:hover{--drop-shadow: var(--link-color)}}.media-post .media:active:not(:has(button:active)){box-shadow:none;-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:scale(.99);transform:scale(.99)}.media-post .media video,.media-post .media img,.media-post .media audio{border-radius:16px;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;vertical-align:top}:not(.filtered):not(.has-spoiler) .media-post .media:hover img,:not(.filtered):not(.has-spoiler) .media-post .media:focus img{-webkit-animation:position-object 5s ease-in-out .1s 5;animation:position-object 5s ease-in-out .1s 5;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-duration:var(--anim-duration, 5s);animation-duration:var(--anim-duration, 5s)}.media-post.has-spoiler .media:not(.media-audio){background-image:-webkit-radial-gradient(50% 50%,circle,var(--average-color, var(--bg-faded-color)),var(--bg-color) 20em);background-image:radial-gradient(circle at 50% 50%,var(--average-color, var(--bg-faded-color)),var(--bg-color) 20em)}.nav-menu section:last-child{background-color:var(--bg-faded-color);margin-bottom:-8px;padding-bottom:8px}@media (min-width: 23em){.nav-menu{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top top" "left right";padding:0;width:22em;max-width:calc(100vw - 16px)}.nav-menu .top-menu{grid-area:top;padding-top:8px;margin-bottom:-8px}.nav-menu section{padding:8px 0}@-webkit-keyframes phanpying{0%{background-position:0 0,0 0,3em 85%}to{background-position:0 0,0 0,2em 90%}}@keyframes phanpying{0%{background-position:0 0,0 0,3em 85%}to{background-position:0 0,0 0,2em 90%}}.nav-menu section:last-child{background-image:-webkit-linear-gradient(left,var(--divider-color) 1px,transparent 1px),-webkit-linear-gradient(top right,var(--bg-blur-color),transparent),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2090%2085'%3e%3cpath%20fill='%23fff'%20fill-opacity='0.4'%20fill-rule='evenodd'%20d='M88%2064c6.4-29.6-2.4-55.2-31.7-62.7C31.9-4.9%208.1%2011.6.8%2042c-3.3%2013.8%203.3%2030.3%2024.6%2035.6l19.3%204.8c14.5%204%2024.3%202.3%2030.7-1.1a25%2025%200%200%200%2012.7-17.4Zm-8-1.8c5.4-24.7-1.1-46.7-25.7-53C34%204%2014.8%2018.6%208.8%2044c-2.5%2010.2%202.9%2022%2018.6%2025.8l19.4%204.8c23.4%206.4%2031.4-3.4%2033.3-12.3ZM35.8%2028.4c-3-1.4-14.5%206.4-15.3%2017.8-.4%204.8%209%206.5%2010.1-.3.7-4.8%202.6-9%204-12s2.3-5%201.2-5.5Zm19.8%2015c-.5-5.9-1-10.6%201.7-11%204-.7%2010.4%2015.3%208.2%2025.4-.6%203-9.6%201.6-9.4-4%20.2-3.5-.2-7.1-.5-10.4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");background-image:linear-gradient(to right,var(--divider-color) 1px,transparent 1px),linear-gradient(to bottom left,var(--bg-blur-color),transparent),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2090%2085'%3e%3cpath%20fill='%23fff'%20fill-opacity='0.4'%20fill-rule='evenodd'%20d='M88%2064c6.4-29.6-2.4-55.2-31.7-62.7C31.9-4.9%208.1%2011.6.8%2042c-3.3%2013.8%203.3%2030.3%2024.6%2035.6l19.3%204.8c14.5%204%2024.3%202.3%2030.7-1.1a25%2025%200%200%200%2012.7-17.4Zm-8-1.8c5.4-24.7-1.1-46.7-25.7-53C34%204%2014.8%2018.6%208.8%2044c-2.5%2010.2%202.9%2022%2018.6%2025.8l19.4%204.8c23.4%206.4%2031.4-3.4%2033.3-12.3ZM35.8%2028.4c-3-1.4-14.5%206.4-15.3%2017.8-.4%204.8%209%206.5%2010.1-.3.7-4.8%202.6-9%204-12s2.3-5%201.2-5.5Zm19.8%2015c-.5-5.9-1-10.6%201.7-11%204-.7%2010.4%2015.3%208.2%2025.4-.6%203-9.6%201.6-9.4-4%20.2-3.5-.2-7.1-.5-10.4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:0 0,0 0,2em 90%;background-blend-mode:normal,normal,overlay;box-shadow:inset 0 0 1px var(--bg-color);position:sticky;top:0;-webkit-animation:phanpying .2s ease-in-out both;animation:phanpying .2s ease-in-out both;border-top-right-radius:inherit;border-bottom-right-radius:inherit;margin-bottom:0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nav-menu section:last-child .divider-grow{-webkit-box-flex:1;flex-grow:1;height:auto;background-color:transparent}.nav-menu section:last-child>.szh-menu__divider:first-child{display:none}.nav-menu .szh-menu__item span{white-space:normal}}@media (min-width: 40em){.nav-menu{width:28em}}@-webkit-keyframes sparkle-icon{0%{-webkit-transform:scale(1);transform:scale(1);color:var(--red-color)}to{-webkit-transform:scale(1.2);transform:scale(1.2);color:var(--orange-color)}}@keyframes sparkle-icon{0%{-webkit-transform:scale(1);transform:scale(1);color:var(--red-color)}to{-webkit-transform:scale(1.2);transform:scale(1.2);color:var(--orange-color)}}.sparkle-icon{-webkit-animation:sparkle-icon .3s ease-in-out infinite alternate;animation:sparkle-icon .3s ease-in-out infinite alternate}@-webkit-keyframes bell{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}33%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}66%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes bell{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}33%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}66%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}.notifications-button.open{-webkit-animation:bell .3s ease-out both;animation:bell .3s ease-out both;-webkit-transform-origin:50% 0;transform-origin:50% 0}.notifications-menu{width:28em;font-size:90%;padding:0;height:40em;overflow:auto;overscroll-behavior:contain}.notifications-menu .status{font-size:inherit}.notifications-menu header{padding:16px;margin:0;border-bottom:var(--hairline-width) solid var(--outline-color)}.notifications-menu header h2{margin:0;padding:0;font-size:1.2em}.notifications-menu main{min-height:100%}.notifications-menu .notification{-webkit-animation:appear-smooth .3s ease-out .1s both;animation:appear-smooth .3s ease-out .1s both}.notifications-menu footer{-webkit-animation:slide-up .3s ease-out .2s both;animation:slide-up .3s ease-out .2s both;position:sticky;bottom:0;border-top:var(--hairline-width) solid var(--outline-color);background-color:var(--bg-blur-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;gap:8px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.list-form{padding:8px 0;display:-webkit-box;display:flex;gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.list-form-row input[type=text],.list-form-row select:not(.does-not-exist){width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.list-form-row .label-block{display:-webkit-box;display:flex;padding:8px 0;gap:4px}.list-form-footer{display:-webkit-box;display:flex;gap:8px;-webkit-box-pack:justify;justify-content:space-between}.list-form-footer button[type=submit]{padding-inline:24px}#list-manage-members-container ul{display:block;list-style:none;padding:8px 0;margin:0}#list-manage-members-container ul li{display:-webkit-box;display:flex;gap:8px;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:8px 0}.notification{display:-webkit-box;display:flex;padding:16px!important;gap:12px;-webkit-animation:appear .2s ease-out;animation:appear .2s ease-out;clear:both}.notification b[tabindex="0"]:hover,.notification b[tabindex="0"]:focus{-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer}.notification.notification-mention{margin-top:16px}.only-mentions .notification:not(.notification-mention),.only-mentions .timeline-empty{display:none}.notification.skeleton{color:var(--outline-color)}.notification-type{width:24px;flex-shrink:0;opacity:.75;color:var(--text-insignificant-color);line-height:0}.notification-type.notification-mention{color:var(--reply-to-color)}.notification-type.notification-favourite{color:var(--favourite-color)}.notification-type.notification-reblog{color:var(--reblog-color)}.notification-type.notification-poll{color:var(--link-color)}.notification .reblog-icon{color:var(--reblog-color)}.notification .favourite-icon{color:var(--favourite-color)}.notification .account-avatar-stack{position:relative;text-align:center}.notification .account-avatar-stack .account-sub-icons{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:-.25em auto 0;line-height:1;background-color:var(--bg-blur-color);-webkit-backdrop-filter:blur(16px) saturate(3);backdrop-filter:blur(16px) saturate(3);padding:2px 4px;border-radius:999px;overflow:hidden;border:var(--hairline-width) solid var(--bg-color);box-shadow:0 1px var(--drop-shadow-color)}.notification .avatars-stack .account-avatar-stack .account-sub-icons .icon{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.notification .avatars-stack:hover .account-avatar-stack .account-sub-icons .icon{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.notification .avatars-stack:hover .account-avatar-stack .account-sub-icons .icon+.icon{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.notification .status-link{border-radius:8px;border:1px solid var(--outline-color);max-height:160px;overflow:hidden;-webkit-filter:saturate(.25);filter:saturate(.25)}.notification .status-link:not(.status-type-mention)>.status{font-size:calc(var(--text-size) * .9)}.notification .status-link.truncated:not(.status-type-mention)>.status{-webkit-mask-image:-webkit-linear-gradient(rgba(0,0,0,1) 130px,rgba(0,0,0,.5) 145px,transparent 159px);mask-image:linear-gradient(rgba(0,0,0,1) 130px,rgba(0,0,0,.5) 145px,transparent 159px)}.notification .status-link.truncated{position:relative}.notification .status-link.truncated:after{content:attr(data-read-more);line-height:1;display:inline-block;position:absolute;--inset-offset: 16px;inset-block-end:16px;inset-block-end:var(--inset-offset);inset-inline-end:16px;inset-inline-end:var(--inset-offset);color:var(--text-color);background-color:var(--bg-faded-color);border:1px dashed var(--link-color);box-shadow:0 0 0 1px var(--bg-color),0 -5px 10px var(--bg-color),0 -5px 15px var(--bg-color),0 -5px 20px var(--bg-color);padding:.5em .75em;border-radius:10em;font-size:90%;white-space:nowrap;text-shadow:0 -1px var(--bg-color);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.notification .status-link.truncated:hover:after{color:var(--link-color);-webkit-transform:translate(2px,0);transform:translate(2px)}.notification .status-link.truncated:focus:after{color:var(--link-color);-webkit-transform:translate(2px,0);transform:translate(2px)}.notification .status-link.status-type-mention{max-height:320px;-webkit-filter:none;filter:none;background-color:var(--bg-color);margin-top:-17px;border-color:var(--reply-to-color);box-shadow:0 0 0 3px var(--reply-to-faded-color)}.notification .status-link:hover,.notification .status-link:focus{background-color:var(--bg-blur-color);-webkit-filter:saturate(1);filter:saturate(1);border-color:var(--outline-hover-color)}.notification .status-link.status-type-mention:hover,.notification .status-link.status-type-mention:focus{border-color:var(--reply-to-color);box-shadow:0 0 5px var(--reply-to-color)}.notification .status-link:active{-webkit-filter:brightness(.95);filter:brightness(.95)}.notification .status-link>*{pointer-events:none}.notification-content{-webkit-box-flex:1;flex-grow:1;min-width:0}.notification-content>p:first-child{margin-top:0;margin-bottom:8px;text-wrap:pretty}.notification-group-statuses{margin:0;padding:0;list-style:none}.notification-group-statuses>li{margin:0;padding:0;list-style:none;position:relative;counter-increment:index}.notification-group-statuses>li:before{content:counter(index);position:absolute;left:0;font-size:10px;padding:8px;font-weight:700}.notification-group-statuses>li+li{margin-top:-1px}.notification-group-statuses>li:not(:last-child) .status-link{border-bottom-left-radius:0;border-bottom-right-radius:0}.notification-group-statuses>li:not(:first-child) .status-link{border-top-left-radius:0;border-top-right-radius:0}#mentions-option{float:right;margin-top:.5em}#mentions-option label{color:var(--text-insignificant-color);display:inline-block;padding:1em 16px;position:relative;cursor:pointer;z-index:1;font-size:90%;background-color:var(--bg-blur-color);border-radius:2em}#mentions-option label:has(:checked){color:var(--text-color);background-color:var(--bg-color)}.follow-requests{-webkit-padding-after:16px;padding-block-end:16px}.follow-requests summary{padding:8px 16px;cursor:pointer}.follow-requests summary::marker,.follow-requests summary::-webkit-details-marker{color:var(--text-insignificant-color)}.follow-requests details[open] summary{color:var(--text-insignificant-color)}.follow-requests ul{list-style:none;padding:0;margin:0;max-height:50vh;max-height:50dvh;overflow:auto;border-bottom:var(--hairline-width) solid var(--outline-color)}.follow-requests summary+ul{border-top:var(--hairline-width) solid var(--outline-color)}.follow-requests ul li{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:16px;border-bottom:var(--hairline-width) solid var(--outline-color);-webkit-box-pack:justify;justify-content:space-between;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:4px;flex-wrap:wrap}.follow-requests ul li:last-child{border-bottom:none}.follow-requests ul li .follow-request-buttons{margin:0;padding:0;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;gap:4px;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:center}.follow-request-buttons .follow-request-states{vertical-align:middle}.follow-request-buttons .follow-request-states .icon{margin-inline:8px}.follow-request-buttons .follow-request-states .icon.follow-accepted{color:var(--green-color)}.follow-request-buttons .follow-request-states .icon.follow-rejected{color:var(--red-color)}.follow-requests ul li .follow-request-buttons .follow-request-states{-webkit-box-ordinal-group:0;order:-1}.announcements{border:1px solid var(--outline-color);background-color:var(--bg-blur-color);border-radius:16px;margin:8px;overflow:hidden}.announcements summary{list-style:none;padding:8px 16px;cursor:pointer;display:-webkit-box;display:flex;gap:8px;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}.announcements summary .announcement-icon{color:var(--red-color)}.announcements[open] summary{background-color:var(--bg-faded-color)}.announcements summary>span{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:8px}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(-25deg) scale(1.1);transform:rotate(-25deg) scale(1.1)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}25%{-webkit-transform:rotate(-25deg) scale(1.1);transform:rotate(-25deg) scale(1.1)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}.announcements summary .announcements-nav-buttons{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0;pointer-events:none;display:none}.announcements[open] summary .announcements-nav-buttons{display:-webkit-box;display:flex;opacity:1;pointer-events:auto}.announcements summary:hover .announcement-icon{-webkit-animation:wiggle .5s 1;animation:wiggle .5s 1}.announcements:not([open]):hover{background-color:var(--bg-faded-color)}.announcements[open] summary{color:var(--text-color)}.announcements summary::-webkit-details-marker{display:none}.announcements>ul{display:-webkit-box;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin:0;padding:8px;gap:8px;background-color:var(--bg-faded-color)}.announcements>ul>li{background-color:var(--bg-color);scroll-snap-align:center;scroll-snap-stop:always;flex-shrink:0;display:-webkit-box;display:flex;width:100%;list-style:none;margin:0;padding:0;position:relative;border-radius:8px;box-shadow:0 8px 16px -4px var(--drop-shadow-color)}.announcements>ul.announcements-list-multiple>li{width:calc(100% - 16px)}.announcements>ul>li:last-child{border-right:none}.announcements .announcement-block{padding:16px;max-height:50vh;max-height:50dvh;overflow:auto;-webkit-mask-image:-webkit-linear-gradient(bottom,transparent 1px,black 48px,black calc(100% - 16px),transparent calc(100% - 1px));mask-image:linear-gradient(to top,transparent 1px,black 48px,black calc(100% - 16px),transparent calc(100% - 1px))}.announcements .announcement-content{line-height:1.4}.announcements .announcement-content p{margin-block:min(.75em,12px);white-space:pre-wrap;-moz-tab-size:2;-o-tab-size:2;tab-size:2;text-wrap:pretty}.announcements .announcement-reactions:not(:hidden){display:-webkit-box;display:flex;flex-wrap:wrap;gap:8px}.announcements .announcement-reactions button.reacted{color:var(--text-color);background-color:var(--link-faded-color)}#search-page .deck>header .header-grid{grid-template-columns:auto 1fr auto}#search-page header input{width:100%;padding:8px 16px;border:0;border-radius:999px;background-color:var(--bg-faded-color);border:2px solid transparent}#search-page header input:focus{outline:0;background-color:var(--bg-color);border-color:var(--link-color)}#columns #search-page header input{font-weight:700;background-color:transparent;text-align:center;padding-inline:8px;text-overflow:ellipsis}#columns #search-page .header-grid .header-side{min-width:40px}#columns #search-page .header-grid .header-side:last-of-type button{display:block}#columns #search-page .header-grid .header-side:last-of-type button:not(:hover):not(:focus){color:var(--text-insignificant-color)}#search-page ul.accounts-list{display:-webkit-box;display:flex;flex-wrap:wrap}#search-page ul.accounts-list li{flex-basis:320px;display:-webkit-box;display:flex;padding:8px 16px;gap:8px;-webkit-box-flex:1;flex-grow:1}#search-page ul.accounts-list li .account-block{-webkit-box-align:start;align-items:flex-start}ul.link-list.hashtag-list{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;gap:8px}ul.link-list.hashtag-list li a{border-radius:var(--radius)}@media (min-width: 40em){#search-page header input{background-color:var(--bg-color)}#search-page .filter-bar{margin-top:8px}}.search-popover-container{position:relative}.search-popover{position:absolute;left:8px;max-width:calc(100% - 16px);background-color:var(--bg-color);border:1px solid var(--outline-color);box-shadow:0 4px 24px var(--drop-shadow-color);border-radius:8px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-animation:appear-smooth .2s ease-out;animation:appear-smooth .2s ease-out;overflow:hidden}.search-popover[hidden]{display:none}.search-popover-item{-webkit-text-decoration:none;text-decoration:none;padding:8px 16px 8px 8px;display:-webkit-box;display:flex;gap:8px;-webkit-box-align:center;align-items:center}.search-popover-item[hidden]{display:none}.search-popover-item:hover,.search-popover-item:focus,.search-popover-item.focus{background-color:var(--button-bg-color);color:var(--button-text-color)}.search-popover-item mark,.search-popover-item q{background-color:var(--bg-faded-blur-color);color:inherit}.search-popover-item:hover mark,.search-popover-item:hover q,.search-popover-item:focus mark,.search-popover-item:focus q,.search-popover-item.focus mark,.search-popover-item.focus q{background-color:var(--button-bg-color)}.search-popover:hover .search-popover-item.focus:not(:hover):not(:focus),.search-popover:hover .search-popover-item.focus:not(:hover):not(:focus) mark,.search-popover:hover .search-popover-item.focus:not(:hover):not(:focus) q{background-color:transparent;background-color:initial;color:inherit}.search-popover-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-popover-item:hover>.icon,.search-popover-item:focus>.icon,.search-popover-item.focus>.icon{opacity:1}.links-bar{position:relative;display:-webkit-box;display:flex;padding:16px 16px 20px;gap:16px;overflow-x:auto;background-color:var(--bg-faded-color);-webkit-mask-image:-webkit-linear-gradient(left,transparent,black 16px,black calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);text-shadow:0 1px var(--bg-blur-color);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}@media (min-width: 40em){.links-bar:not(#columns .links-bar){width:95vw;max-width:1056px;-webkit-transform:translateX(calc(-50% + var(--main-width) / 2));transform:translate(calc(-50% + var(--main-width) / 2))}}.links-bar>header{width:1.2em;white-space:nowrap;position:relative;flex-shrink:0}.links-bar>header h3{font-size:90%;font-style:italic;margin:0;padding:0;text-transform:uppercase;color:var(--text-insignificant-color);position:absolute;top:8px;left:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translate(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:-webkit-linear-gradient(right,var(--text-color),var(--link-color));background-image:linear-gradient(to left,var(--text-color),var(--link-color));-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;-webkit-text-fill-color:transparent}.links-bar a{min-width:240px;-webkit-box-flex:1;flex-grow:1;max-width:320px;-webkit-text-decoration:none;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background-color:var(--accent-alpha-color);border:4px solid transparent;box-shadow:0 4px 8px -2px var(--drop-shadow-color);-webkit-transition:all .15s ease-out;transition:all .15s ease-out;display:-webkit-box;display:flex;background-image:-webkit-linear-gradient(top,var(--accent-color, var(--link-text-color)) -50%,transparent);background-image:linear-gradient(to bottom,var(--accent-color, var(--link-text-color)) -50%,transparent);background-clip:border-box;background-origin:border-box;min-height:160px;height:320px;max-height:50vh}.links-bar a:not(:active):hover{border-color:var(--accent-color, var(--link-light-color));box-shadow:0 4px 8px var(--drop-shadow-color),0 8px 16px var(--drop-shadow-color);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(1.02);transform:scale(1.02)}.links-bar a:not(:active):focus-visible{border-color:var(--accent-color, var(--link-light-color));box-shadow:0 4px 8px var(--drop-shadow-color),0 8px 16px var(--drop-shadow-color);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(1.02);transform:scale(1.02)}.links-bar a:not(:active):hover img{-webkit-animation:position-object 5s ease-in-out 1s 5;animation:position-object 5s ease-in-out 1s 5}.links-bar a:not(:active):focus-visible img{-webkit-animation:position-object 5s ease-in-out 1s 5;animation:position-object 5s ease-in-out 1s 5}.links-bar a:active{-webkit-transition:none;transition:none;-webkit-transform:scale(1.015);transform:scale(1.015);-webkit-filter:brightness(.8);filter:brightness(.8)}.links-bar a article{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end;background-color:var(--bg-color);background-repeat:no-repeat;background-image:-webkit-linear-gradient(top,var(--accent-alpha-color) 70%,var(--bg-color) 100%);background-image:linear-gradient(to bottom,var(--accent-alpha-color) 70%,var(--bg-color) 100%);-webkit-transition:background-position-y .15s ease-out;transition:background-position-y .15s ease-out}.links-bar a article figure{-webkit-box-flex:1;flex-grow:1;margin:0 0 -16px;padding:0;position:relative}.links-bar a article img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;-webkit-mask-image:-webkit-linear-gradient(top,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 14%,hsla(0,0%,0%,.951) 26.2%,hsla(0,0%,0%,.896) 36.8%,hsla(0,0%,0%,.825) 45.9%,hsla(0,0%,0%,.741) 53.7%,hsla(0,0%,0%,.648) 60.4%,hsla(0,0%,0%,.55) 66.2%,hsla(0,0%,0%,.45) 71.2%,hsla(0,0%,0%,.352) 75.6%,hsla(0,0%,0%,.259) 79.6%,hsla(0,0%,0%,.175) 83.4%,hsla(0,0%,0%,.104) 87.2%,hsla(0,0%,0%,.049) 91.1%,hsla(0,0%,0%,.013) 95.3%,hsla(0,0%,0%,0) 100%);mask-image:linear-gradient(to bottom,hsl(0,0%,0%) 0%,hsla(0,0%,0%,.987) 14%,hsla(0,0%,0%,.951) 26.2%,hsla(0,0%,0%,.896) 36.8%,hsla(0,0%,0%,.825) 45.9%,hsla(0,0%,0%,.741) 53.7%,hsla(0,0%,0%,.648) 60.4%,hsla(0,0%,0%,.55) 66.2%,hsla(0,0%,0%,.45) 71.2%,hsla(0,0%,0%,.352) 75.6%,hsla(0,0%,0%,.259) 79.6%,hsla(0,0%,0%,.175) 83.4%,hsla(0,0%,0%,.104) 87.2%,hsla(0,0%,0%,.049) 91.1%,hsla(0,0%,0%,.013) 95.3%,hsla(0,0%,0%,0) 100%)}.links-bar a:focus-visible article{background-position-y:-40px}.links-bar a:hover article{background-position-y:-40px}.links-bar a .article-body{padding:0 8px 8px;line-height:1.3;flex-shrink:0}.links-bar a .article-meta{color:var(--text-insignificant-color);font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-bar a:hover .domain{color:var(--link-text-color)}.links-bar a h1{font-weight:400;font-size:inherit;margin:0;padding:0;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.links-bar a p{color:var(--text-insignificant-color);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:90%}#login{padding:16px;background-image:-webkit-radial-gradient(50% 50%,closest-side,var(--bg-color),transparent);background-image:radial-gradient(closest-side at 50% 50%,var(--bg-color),transparent)}#login .error{color:var(--red-color)}#login label p{margin:0 0 .25em;padding:0;text-transform:uppercase;font-size:90%;font-weight:700;color:var(--text-insignificant-color)}#login input{display:block;width:15em;margin:0 auto;max-width:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#instances-suggestions{margin:.2em 0 0;padding:0 0 0 1.2em;list-style:none;width:90vw;max-width:40em;overflow:auto;white-space:nowrap;-webkit-mask-image:-webkit-linear-gradient(left,transparent,black 1.2em,black calc(100% - 5em),transparent);mask-image:linear-gradient(to right,transparent,black 1.2em,black calc(100% - 5em),transparent);-webkit-animation:fade-in .2s ease-in-out;animation:fade-in .2s ease-in-out;height:2.5em}#instances-suggestions li{display:inline-block;margin:0;padding:0}#instances-eg{margin:.2em 0 0;padding:8px;height:2.5em;color:var(--text-insignificant-color);font-style:italic}.status-deck header{white-space:nowrap}.status-deck header h1{min-width:0;-webkit-box-flex:1;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-self:stretch}.status-deck header h1 .deck-back{margin-left:-16px}.hero-heading{font-size:var(--text-size);display:inline-block}.hero-heading .icon{vertical-align:middle;color:var(--text-insignificant-color)}.hero-heading .insignificant{font-weight:400}.ancestors-indicator{font-size:70%!important}.ancestors-indicator>.avatar~.avatar{margin-left:-4px}.ancestors-indicator:not([hidden]){-webkit-animation:slide-up .3s both ease-out .3s;animation:slide-up .3s both ease-out .3s}.ancestors-indicator[hidden]{opacity:0;pointer-events:none}.post-status-banner{position:sticky;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:90%;background-color:var(--bg-faded-color);padding:16px;margin:0 16px;border-radius:16px;white-space:pre-wrap;line-height:1.2;max-width:var(--main-width);z-index:1}.post-status-banner>p:first-of-type{margin-top:0;padding-top:0}#welcome{text-align:center;background-image:-webkit-radial-gradient(center,circle,var(--bg-color),transparent 16em),-webkit-radial-gradient(center,circle,var(--bg-color),transparent 8em);background-image:radial-gradient(circle at center,var(--bg-color),transparent 16em),radial-gradient(circle at center,var(--bg-color),transparent 8em);background-repeat:no-repeat;background-attachment:fixed;cursor:default}@media (prefers-color-scheme: dark){:where(html:not(.is-light)) #welcome{background-image:none}}:where(html.is-dark) #welcome{background-image:none}#welcome .hero-container{padding:16px;height:100vh;height:100svh;max-height:800px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}#welcome .hero-content{-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}#welcome h1{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;margin:0;padding:0;font-size:5em;line-height:1;letter-spacing:-1px;position:relative}#welcome h1 img{-webkit-filter:drop-shadow(-1px -1px var(--bg-blur-color)) drop-shadow(0 -1px 1px #fff) drop-shadow(0 16px 32px var(--drop-shadow-color));filter:drop-shadow(-1px -1px var(--bg-blur-color)) drop-shadow(0 -1px 1px #fff) drop-shadow(0 16px 32px var(--drop-shadow-color))}@media (prefers-color-scheme: dark){:where(html:not(.is-light)) #welcome h1 img{-webkit-filter:none;filter:none}}:where(html.is-dark) #welcome h1 img{-webkit-filter:none;filter:none}#welcome h1:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}#welcome img{vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}#welcome .desc{font-size:1.4em;text-wrap:balance;opacity:.7}#welcome .desc~p{margin-top:0}#welcome .hero-container>p{margin-top:0}#welcome .app-site-version{text-align:center;opacity:.5;color:var(--text-insignificant-color);font-family:var(--monospace-font),monospace}#welcome .app-site-version small{font-size:11px;letter-spacing:-.2px}#welcome #why-container{padding:0 16px}#welcome .sections{padding-inline:16px}#welcome .sections section{text-align:start;max-width:480px;background-color:var(--bg-color);border-radius:16px;overflow:hidden;box-shadow:17px 20px 40px var(--drop-shadow-color);margin-bottom:48px}#welcome .sections section h4{margin:0;padding:30px 30px 0;font-size:1.4em;font-weight:600}#welcome .sections section p{margin-inline:30px;margin-bottom:30px;opacity:.7;text-wrap:balance}#welcome .sections section img{width:100%;height:auto;border-bottom:1px solid var(--outline-color)}@media (prefers-color-scheme: dark){:where(html:not(.is-light)) #welcome .sections section img{-webkit-filter:invert(.85) hue-rotate(180deg);filter:invert(.85) hue-rotate(180deg)}}:where(html.is-dark) #welcome .sections section img{-webkit-filter:invert(.85) hue-rotate(180deg);filter:invert(.85) hue-rotate(180deg)}@media (min-width: 40.001em){#welcome{width:100%}#welcome .hero-container{height:auto;max-height:none;position:fixed;left:0;top:0;bottom:0;width:50%;-webkit-box-align:end;align-items:flex-end}#welcome .hero-container>*{max-width:40em;width:100%}#welcome #why-container{padding:32px 32px 32px 8px;margin-left:50%}}#welcome~#compose-button,#welcome~#shortcuts{display:none}
|