MARL-Mastodon-Archive-Reader-Lite/css/main.css

html{--bg0: #fff;--bg1: hsl(30, 10%, 95%);--bg2: hsl(30, 12%, 90%);--bg3: hsl(30, 15%, 87%);--bg4: hsl(30, 17.5%, 84%);--fg0: #000;--fg1: hsl(30, 10%, 20%);--fg2: hsl(30, 10%, 30%);--fg-inv: #fff;--menu-bg: hsl(30, 25%, 20%);--menu-fg: hsl(30, 40%, 80%);--menu-fg-active: #fff;--menu-icon: #fff;--menu-filter-active: hsl(30, 75%, 50%);--panel-close: hsl(30, 10%, 20%);--panel-close-hover: hsl(30, 75%, 38%);--accent: hsl(30, 100%, 30%);--accent-dark: hsl(30, 100%, 26%);--accent-light: hsl(30, 75%, 38%);--accent-light2: hsl(30, 75%, 50%);--accent-light3: hsl(30, 75%, 75%);--overlay-icon: #fff;--overlay-icon-hover: #fff;--overlay-backdrop: rgba(0, 0, 0, 0.75);--menu-backdrop: rgba(0, 0, 0, 0.5);--bg-input: rgba(255, 255, 255, 0.35);--bg-input-hover: rgba(255, 255, 255, 0.65);--bg-input-focus: rgb(255, 255, 255);--bg-button: rgb(255, 255, 255);--bg-button-hover: hsl(30, 50%, 95%);--button-svg: hsl(30, 10%, 20%);--button-svg-hover: hsl(30, 75%, 50%);--button-svg-focus: hsl(30, 75%, 50%);--button-svg-active: hsl(30, 75%, 50%);--fg-button-focus: hsl(30, 100%, 30%);--fg-button-active: hsl(30, 100%, 30%);--posts-count: hsl(30, 75%, 38%);--selection-text: #fff;--selection-bg: hsl(30, 75%, 38%);--stripe1: hsl(30, 100%, 30%);--stripe2: hsl(30, 100%, 26%);--stripe-fg: #fff;--private-post-bg: hsl(30, 50%, 96%);--private-post-border: hsl(30, 75%, 50%)}html .actors-wrapper{--actor-hue: 0;--actor-bg0: hsl(30, 37.5%, 11%);--actor-bg0-ok: oklch(21% 2% var(--actor-hue));--actor-bg1: hsl(30, 32.5%, 15%);--actor-bg1-ok: oklch(24% 2% var(--actor-hue));--actor-bg2: hsl(30, 25%, 20%);--actor-bg2-ok: oklch(27% 2% var(--actor-hue));--actor-bg3: hsl(30, 25%, 25%);--actor-bg3-ok: oklch(30% 2% var(--actor-hue));--actor-bg4: hsl(30, 22.5%, 40%);--actor-bg4-ok: oklch(40% 10% var(--actor-hue));--actor-fg0: #fff;--actor-fg1: hsl(30, 40%, 80%);--actor-fg1-ok: oklch(92% 8% var(--actor-hue));--actor-tabs-bg: hsl(30, 12%, 17%);--actor-accent: hsl(30, 75%, 50%);--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html .actors-tabs button{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html .toot-content{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}@media(prefers-color-scheme: dark){html{color-scheme:dark;--bg0: hsl(30, 6%, 20%);--bg1: hsl(30, 8%, 13%);--bg2: hsl(30, 10%, 10%);--bg3: hsl(30, 12%, 8%);--bg4: hsl(30, 12%, 8%);--fg0: hsl(30, 5%, 95%);--fg1: hsl(30, 10%, 80%);--fg2: hsl(30, 15%, 50%);--fg-inv: #000;--menu-bg: hsl(30, 25%, 5%);--menu-fg: hsl(30, 40%, 80%);--menu-fg-active: #fff;--menu-icon: #fff;--menu-filter-active: hsl(30, 75%, 50%);--panel-close: hsl(30, 5%, 90%);--panel-close-hover: hsl(30, 0%, 100%);--accent: hsl(30, 70%, 65%);--accent-dark: hsl(30, 55%, 50%);--accent-light: hsl(30, 75%, 60%);--accent-light2: hsl(30, 75%, 68%);--accent-light3: hsl(30, 75%, 75%);--overlay-icon: #fff;--overlay-icon-hover: #fff;--overlay-backdrop: rgba(0, 0, 0, 0.9);--menu-backdrop: rgba(0, 0, 0, 0.5);--bg-input: rgba(255, 255, 255, 0.1);--bg-input-hover: rgba(255, 255, 255, 0.15);--bg-input-focus: rgba(255, 255, 255, 0.25);--bg-button: hsl(30, 25%, 20%);--bg-button-hover: hsl(30, 25%, 30%);--button-svg: hsl(30, 10%, 80%);--button-svg-hover: hsl(30, 65%, 65%);--button-svg-focus: hsl(30, 65%, 65%);--button-svg-active: hsl(30, 65%, 65%);--fg-button-focus: hsl(30, 70%, 65%);--fg-button-active: hsl(30, 70%, 65%);--posts-count: hsl(30, 5%, 95%);--selection-text: #fff;--selection-bg: hsl(30, 75%, 40%);--stripe1: hsl(30, 75%, 25%);--stripe2: hsl(30, 75%, 30%);--stripe-fg: hsl(30, 5%, 95%);--private-post-bg: hsl(30, 10%, 10%);--private-post-border: hsl(30, 55%, 50%)}html .actors-wrapper{--actor-hue: 0;--actor-bg0: hsl(30, 32%, 2%);--actor-bg0-ok: oklch(11% 1% var(--actor-hue));--actor-bg1: hsl(30, 30%, 4%);--actor-bg1-ok: oklch(14% 1% var(--actor-hue));--actor-bg2: hsl(30, 27%, 6%);--actor-bg2-ok: oklch(17% 1% var(--actor-hue));--actor-bg3: hsl(30, 25%, 8%);--actor-bg3-ok: oklch(20% 1% var(--actor-hue));--actor-bg4: hsl(30, 20%, 15%);--actor-bg4-ok: oklch(30% 6% var(--actor-hue));--actor-fg0: hsl(30, 5%, 95%);--actor-fg1: hsl(30, 65%, 65%);--actor-fg1-ok: oklch(85% 25% var(--actor-hue));--actor-tabs-bg: hsl(30, 20%, 8%);--actor-accent: hsl(30, 75%, 50%);--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html .actors-tabs button{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html .toot-content{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}}html.light{color-scheme:light;--bg0: #fff;--bg1: hsl(30, 10%, 95%);--bg2: hsl(30, 12%, 90%);--bg3: hsl(30, 15%, 87%);--bg4: hsl(30, 17.5%, 84%);--fg0: #000;--fg1: hsl(30, 10%, 20%);--fg2: hsl(30, 10%, 30%);--fg-inv: #fff;--menu-bg: hsl(30, 25%, 20%);--menu-fg: hsl(30, 40%, 80%);--menu-fg-active: #fff;--menu-icon: #fff;--menu-filter-active: hsl(30, 75%, 50%);--panel-close: hsl(30, 10%, 20%);--panel-close-hover: hsl(30, 75%, 38%);--accent: hsl(30, 100%, 30%);--accent-dark: hsl(30, 100%, 26%);--accent-light: hsl(30, 75%, 38%);--accent-light2: hsl(30, 75%, 50%);--accent-light3: hsl(30, 75%, 75%);--overlay-icon: #fff;--overlay-icon-hover: #fff;--overlay-backdrop: rgba(0, 0, 0, 0.75);--menu-backdrop: rgba(0, 0, 0, 0.5);--bg-input: rgba(255, 255, 255, 0.35);--bg-input-hover: rgba(255, 255, 255, 0.65);--bg-input-focus: rgb(255, 255, 255);--bg-button: rgb(255, 255, 255);--bg-button-hover: hsl(30, 50%, 95%);--button-svg: hsl(30, 10%, 20%);--button-svg-hover: hsl(30, 75%, 50%);--button-svg-focus: hsl(30, 75%, 50%);--button-svg-active: hsl(30, 75%, 50%);--fg-button-focus: hsl(30, 100%, 30%);--fg-button-active: hsl(30, 100%, 30%);--posts-count: hsl(30, 75%, 38%);--selection-text: #fff;--selection-bg: hsl(30, 75%, 38%);--stripe1: hsl(30, 100%, 30%);--stripe2: hsl(30, 100%, 26%);--stripe-fg: #fff;--private-post-bg: hsl(30, 50%, 96%);--private-post-border: hsl(30, 75%, 50%)}html.light .actors-wrapper{--actor-hue: 0;--actor-bg0: hsl(30, 37.5%, 11%);--actor-bg0-ok: oklch(21% 2% var(--actor-hue));--actor-bg1: hsl(30, 32.5%, 15%);--actor-bg1-ok: oklch(24% 2% var(--actor-hue));--actor-bg2: hsl(30, 25%, 20%);--actor-bg2-ok: oklch(27% 2% var(--actor-hue));--actor-bg3: hsl(30, 25%, 25%);--actor-bg3-ok: oklch(30% 2% var(--actor-hue));--actor-bg4: hsl(30, 22.5%, 40%);--actor-bg4-ok: oklch(40% 10% var(--actor-hue));--actor-fg0: #fff;--actor-fg1: hsl(30, 40%, 80%);--actor-fg1-ok: oklch(92% 8% var(--actor-hue));--actor-tabs-bg: hsl(30, 12%, 17%);--actor-accent: hsl(30, 75%, 50%);--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html.light .actors-tabs button{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html.light .toot-content{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html.dark{color-scheme:dark;--bg0: hsl(30, 6%, 20%);--bg1: hsl(30, 8%, 13%);--bg2: hsl(30, 10%, 10%);--bg3: hsl(30, 12%, 8%);--bg4: hsl(30, 12%, 8%);--fg0: hsl(30, 5%, 95%);--fg1: hsl(30, 10%, 80%);--fg2: hsl(30, 15%, 50%);--fg-inv: #000;--menu-bg: hsl(30, 25%, 5%);--menu-fg: hsl(30, 40%, 80%);--menu-fg-active: #fff;--menu-icon: #fff;--menu-filter-active: hsl(30, 75%, 50%);--panel-close: hsl(30, 5%, 90%);--panel-close-hover: hsl(30, 0%, 100%);--accent: hsl(30, 70%, 65%);--accent-dark: hsl(30, 55%, 50%);--accent-light: hsl(30, 75%, 60%);--accent-light2: hsl(30, 75%, 68%);--accent-light3: hsl(30, 75%, 75%);--overlay-icon: #fff;--overlay-icon-hover: #fff;--overlay-backdrop: rgba(0, 0, 0, 0.9);--menu-backdrop: rgba(0, 0, 0, 0.5);--bg-input: rgba(255, 255, 255, 0.1);--bg-input-hover: rgba(255, 255, 255, 0.15);--bg-input-focus: rgba(255, 255, 255, 0.25);--bg-button: hsl(30, 25%, 20%);--bg-button-hover: hsl(30, 25%, 30%);--button-svg: hsl(30, 10%, 80%);--button-svg-hover: hsl(30, 65%, 65%);--button-svg-focus: hsl(30, 65%, 65%);--button-svg-active: hsl(30, 65%, 65%);--fg-button-focus: hsl(30, 70%, 65%);--fg-button-active: hsl(30, 70%, 65%);--posts-count: hsl(30, 5%, 95%);--selection-text: #fff;--selection-bg: hsl(30, 75%, 40%);--stripe1: hsl(30, 75%, 25%);--stripe2: hsl(30, 75%, 30%);--stripe-fg: hsl(30, 5%, 95%);--private-post-bg: hsl(30, 10%, 10%);--private-post-border: hsl(30, 55%, 50%)}html.dark .actors-wrapper{--actor-hue: 0;--actor-bg0: hsl(30, 32%, 2%);--actor-bg0-ok: oklch(11% 1% var(--actor-hue));--actor-bg1: hsl(30, 30%, 4%);--actor-bg1-ok: oklch(14% 1% var(--actor-hue));--actor-bg2: hsl(30, 27%, 6%);--actor-bg2-ok: oklch(17% 1% var(--actor-hue));--actor-bg3: hsl(30, 25%, 8%);--actor-bg3-ok: oklch(20% 1% var(--actor-hue));--actor-bg4: hsl(30, 20%, 15%);--actor-bg4-ok: oklch(30% 6% var(--actor-hue));--actor-fg0: hsl(30, 5%, 95%);--actor-fg1: hsl(30, 65%, 65%);--actor-fg1-ok: oklch(85% 25% var(--actor-hue));--actor-tabs-bg: hsl(30, 20%, 8%);--actor-accent: hsl(30, 75%, 50%);--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html.dark .actors-tabs button{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}html.dark .toot-content{--actor-accent-ok: oklch(80% 25% var(--actor-hue));--actor-accent2-ok: oklch(60% 20% var(--actor-hue))}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.actor-summary *,.toot-content *{all:revert}.actor-summary>*:first-child,.toot-content>*:first-child{margin-top:0}.actor-summary>*:last-child,.toot-content>*:last-child{margin-bottom:0}.actor-summary a,.toot-content a{color:var(--accent)}body{margin:0;padding:0;color:var(--fg1);font-size:16px;background:var(--bg2);font-family:sans-serif}h1,h2,h3,h4,h5,h6{color:var(--fg2)}img{display:block;height:auto;max-width:100%}a,.main-welcome p label{color:var(--accent)}button{position:relative;top:0;padding:.3em .5em;line-height:24px;font-family:inherit;vertical-align:middle;background:var(--bg-button);border:none;border-radius:5px;box-shadow:0 .15em 0 0 rgba(0,0,0,.35)}@media(forced-colors: active){button{border:1px solid ButtonText}}button:not(:has(svg)){padding:.7em 1em}button .btn-icon,button .btn-label{display:inline-block;line-height:24px;vertical-align:top}button .btn-label{padding:0 .5em}button .btn-icon{width:24px;height:24px;fill:var(--button-svg)}@media(forced-colors: active){button .btn-icon{fill:ButtonText}}button:hover{background:var(--bg-button-hover)}button:hover .btn-icon{fill:var(--button-svg-hover)}@media(forced-colors: active){button:hover .btn-icon{fill:ButtonText}}button:focus{color:var(--fg-button-focus)}button:focus .btn-icon{fill:var(--button-svg-focus)}@media(forced-colors: active){button:focus .btn-icon{fill:ButtonText}}button:active{top:.15em;color:var(--fg-button-active);box-shadow:0 0 0 0 rgba(0,0,0,0)}button:active .btn-icon{fill:var(--button-svg-active)}@media(forced-colors: active){button:active .btn-icon{fill:ButtonText}}button:disabled{top:0;box-shadow:none;color:inherit;opacity:.35;cursor:not-allowed}button:disabled .btn-icon{fill:var(--button-svg)}@media(forced-colors: active){button:disabled .btn-icon{fill:GrayText}}input{padding:.3em .5em;color:inherit;border:none;background-color:var(--bg-input)}@media(forced-colors: active){input{border:1px solid ButtonText}}input:hover{background-color:var(--bg-input-hover)}input:focus,input:focus-visible{background-color:var(--bg-input-focus)}input[type=number]{width:6ch;text-align:center;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}details summary{cursor:pointer;user-select:none;display:flex;gap:.75rem;align-items:center}details summary .summary-icon{min-width:1.3rem;text-align:center}details summary .summary-icon svg{height:1.3em;aspect-ratio:1}details pre,details textarea{white-space:pre-wrap;word-break:break-all;font-size:.8em;color:inherit}details textarea{display:block;width:100%;resize:vertical;border:none;background:rgba(0,0,0,0);min-height:20em;min-height:15.5lh}@supports(field-sizing: content){details textarea{min-height:0;field-sizing:content}}::selection{color:var(--selection-text);background-color:var(--selection-bg)}*:focus-visible,.tags-group button:focus-visible div,.toots-filter:has([type=checkbox]:focus-visible){text-decoration:none;outline:2px solid var(--accent-light);outline-offset:2px;border-radius:2px;position:relative;z-index:1}.visually-hidden:not(:focus):not(:active){width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);position:absolute;white-space:nowrap}.nojs{margin:5dvh 10dvw;padding:2em;color:#fff;text-align:center;font-weight:bold;border-radius:.5rem;background-color:#600}@media(forced-colors: active){details summary{color:ButtonText !important}details summary svg{fill:ButtonText !important}.tags-group button *{color:ButtonText !important}}html{width:100dvw;height:100dvh;overflow:hidden}.main-section-inner{position:relative;z-index:1;height:100dvh;max-width:100dvw;display:grid;grid-template-areas:"actor filters header tags" "actor filters toots  tags";grid-template-columns:min(25%,600px) min(20%,400px) 1fr min(20%,400px);grid-template-rows:min-content 1fr}.actor{grid-area:actor}.toots-header{grid-area:header}.toots-filters{grid-area:filters}.toots{grid-area:toots}.toots-tags{grid-area:tags}.mobile-menu{display:none}.toots-header{white-space:nowrap;overflow:hidden;background-color:var(--bg3)}.toots-header h2{padding:1rem 1rem 0}.toots-header h2 .order{font-weight:normal}.toots-header .nb{color:var(--posts-count)}.toots-header .toggle-order{margin-bottom:5px}.toots-header .load-new{float:right;margin-left:5px}.toots-header .paging-options-toggle{display:none}.toots{background:var(--bg3);overflow:auto;container-type:inline-size}@media(prefers-reduced-motion: no-preference){.toots{scroll-behavior:smooth}}.paging{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem}.paging .direction-back,.paging .direction-fwd{display:flex;flex-wrap:wrap;gap:.25rem}.paging .direction-back{justify-content:flex-start}.paging .direction-fwd{justify-content:flex-end}.toots .paging{padding-bottom:2rem}@media(width < 400px){.toots .paging .direction-back .btn-label,.toots .paging .direction-fwd .btn-label,.toots .paging .paging-options-toggle .btn-label{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);position:absolute;white-space:nowrap}}.toots-header{container-type:inline-size}.toots-header input{font-size:inherit}.toots-header .paging{clear:both;flex-wrap:wrap}.toots-header .paging .paging-options,.toots-header .paging .paging-options-toggle{order:2;user-select:none}.toots-header .paging .direction-back{order:1}.toots-header .paging .direction-fwd{order:3}.toots-header .paging-options-reverse{display:none}@container (width < 675px){.toots-header .toggle-order{display:none}.toots-header .paging-options-toggle{display:block}.toots-header .paging-options-reverse{display:block;padding:0 1rem 1rem}.toots-header .paging .paging-options{font-size:.85em;display:none;order:4;flex-basis:calc(100% + 2rem);position:relative;margin:.5rem -1rem -1rem;text-align:center;background:var(--bg4);box-shadow:0 .75rem .75rem -1rem #000 inset}.toots-header .paging .paging-options::before{content:"";position:absolute;left:calc(50% - .5rem);top:0;z-index:2;width:0;height:0;border:.5rem solid rgba(0,0,0,0);border-top:.4rem solid var(--bg3)}@media(forced-colors: active){.toots-header .paging .paging-options::before{content:none;display:none}}.toots-header .paging .paging-options.open{display:block}.toots-header .paging-options-inner{display:inline-block;padding:1rem}}@container (width < 550px){.toots-header .paging .direction-back .btn-label,.toots-header .paging .direction-fwd .btn-label,.toots-header .paging .paging-options-toggle .btn-label{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);position:absolute;white-space:nowrap}}@keyframes movingStripes{0%{background-position:0 0}100%{background-position:-2.8284271247rem 0}}.welcome{max-width:80ch;height:100dvh;margin:0 auto;padding:10dvh 2rem;display:flex;flex-direction:column;overflow:auto;line-height:1.4;position:relative;z-index:1}.intro h1{margin-bottom:7dvh;text-align:center;line-height:1.1}.intro h1 .accronym{display:block;font-size:.8em;opacity:.7}.intro p{margin:1em 0}.intro p label{color:var(--accent);text-decoration:underline;cursor:pointer}@media(forced-colors: active){.intro p label{color:ButtonText}}.file-loader{display:block;width:100%;height:10rem;max-height:70dvh;margin:7dvh 0;padding:1rem;border-radius:1rem;background:var(--bg0)}.file-loader:hover,.file-loader:focus{background:var(--bg0);outline:2px solid var(--accent-light);outline-offset:2px}.file-loader.loading{display:flex;justify-content:center;align-items:center;font-size:2em;background-color:var(--accent);color:var(--stripe-fg);background:repeating-linear-gradient(45deg, var(--stripe1), var(--stripe1) 1rem, var(--stripe2) 1rem, var(--stripe2) 2rem);background-size:200% auto}.file-loader.loading:hover,.file-loader.loading:focus{outline:none}@media(prefers-reduced-motion: no-preference){.file-loader.loading{animation:movingStripes 2s linear infinite}}.about{margin-top:auto;font-size:.85em;text-align:center}.main-page.highlight-drag::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:repeating-linear-gradient(45deg, var(--stripe1), var(--stripe1) 1rem, var(--stripe2) 1rem, var(--stripe2) 2rem);background-size:200% auto}@media(prefers-reduced-motion: no-preference){.main-page.highlight-drag::before{animation:movingStripes 2s linear infinite}}.main-page.highlight-drag::after{content:"";position:absolute;left:1rem;right:1rem;top:1rem;bottom:1rem;z-index:0;background:var(--bg2)}.loading-more{justify-content:center}.loading-more .file-loader{margin:0}.actor{position:relative}.actor::before{content:"";position:absolute;right:0;top:0;bottom:0;z-index:1;width:2rem;box-shadow:-1.5rem 0 2rem -2rem #000 inset}.actor a{color:var(--actor-fg0)}.actor h1,.actor h2,.actor h3,.actor h4{color:inherit}.actor summary{padding:1rem}.actor summary svg{fill:var(--actor-fg1)}.actor summary:hover,.actor summary:focus{color:var(--actor-fg0)}.actor summary:hover svg,.actor summary:focus svg{fill:var(--actor-fg0)}.actor details:not(.comment) summary:focus-visible{outline-offset:-6px;border-radius:10px}.actors-wrapper{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.actor-panel{flex-grow:1;height:100%;container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;color:var(--actor-fg1);background:var(--actor-bg3)}.actor-pretty{flex-grow:1;flex-shrink:0;padding:1rem 1rem 2rem}.actor-banner button,.actor-id button{padding:0;background:rgba(0,0,0,0);box-shadow:none;border-radius:0;cursor:pointer}.actor-banner button:active,.actor-id button:active{top:0}.actor-banner{margin:-1rem -1rem 0}.actor-banner button:focus-visible{outline-offset:-4px;border-radius:8px;overflow:visible}.actor-banner button:focus-visible img{border-radius:0}.actor-id{position:relative;z-index:1;display:grid;grid-template-areas:"img name" "img url";grid-template-columns:100px 1fr;grid-template-rows:min-content 1fr}.actor-id button{border-radius:.5rem}.actor-id>*{position:relative;top:-2rem !important}.actor-avatar{grid-area:img;width:100px;border-radius:.5rem;cursor:pointer}.actor-avatar img{width:100px;height:auto;border-radius:.5rem}.actor-avatar.no-avatar{cursor:default}.actor-name{grid-area:name;margin:2.4rem 0 0;padding-left:1rem;font-weight:normal}.actor-url{grid-area:url;padding-left:1rem}.actor-summary{margin:2rem 0;padding:1rem;color:var(--actor-fg0);line-height:1.3;background:var(--actor-bg4);background:radial-gradient(circle at 200% 150%, var(--actor-bg3), var(--actor-bg4));border-radius:.5rem;box-shadow:0 .3rem .4rem -0.2rem rgba(0,0,0,.3)}.actor-infos{display:grid;grid-template-columns:minmax(0, max-content) minmax(50%, 1fr);margin:2rem 0}.actor-infos dl{grid-column:span 2;display:grid;grid-template-columns:subgrid}.actor-infos dt{padding:.5rem 1rem;font-weight:normal}.actor-infos dd{padding:.5rem 1rem;color:var(--actor-fg0);border-left:1px solid var(--actor-bg4)}@container (width < 340px){.actor-infos{display:block}.actor-infos dl{display:block;padding:.5rem 1rem;border-bottom:1px solid var(--actor-bg4)}.actor-infos dl:last-child{border-bottom:none}.actor-infos dt{padding:0;margin-bottom:.5rem}.actor-infos dd{padding:0;border-left:none}}.actor-posts-count{display:flex;flex-wrap:wrap;justify-content:space-around;margin:2rem 0 0;gap:1rem}.actor-posts-count .count{display:block;color:var(--actor-fg0);font-size:1.6em;font-weight:bold}.actor-posts-count .total,.actor-posts-count .archive{flex:0 0 calc(50% - .5rem);padding:1rem;text-align:center;border-radius:.5rem;background-color:rgba(0,0,0,.25)}@media(forced-colors: active){.actor-posts-count .total,.actor-posts-count .archive{border:1px dotted CanvasText}}.actor-posts-count .comment{flex:0 0 100%;font-size:.8em}.actor-posts-count .comment summary{padding:0;font-weight:bold}.actor-posts-count .comment summary:hover,.actor-posts-count .comment summary:focus-visible{color:var(--actor-fg0)}.actor-posts-count .comment[open] summary{color:var(--actor-fg0)}.actor-posts-count .comment p{margin-top:.5rem;padding-left:2.05rem}.actor-raw{background:var(--actor-bg2);box-shadow:0 .75rem .75rem -1rem #000 inset}.actor-raw .details-content{padding:1rem 1rem 2rem;overflow:auto;overflow-wrap:break-word}.actor-raw textarea{color:var(--actor-fg0)}.actor-likes-bookmarks{background:var(--actor-bg0);overflow-wrap:anywhere}.actor-likes-bookmarks h2{display:inline;font-size:inherit;font-weight:normal}.actor-likes-bookmarks ul{font-size:.9em;padding:0 1rem 2rem}.actor-likes-bookmarks li{margin:0 -0.25rem;padding:.25rem 0;list-style:none}.actor-likes-bookmarks a{display:inline-block;padding:.25rem;line-height:1.1;text-decoration:none}.actor-likes-bookmarks a:hover{text-decoration:underline}.actor-likes-bookmarks a .url-instance{padding-right:1ch;color:var(--actor-fg1)}.actor-likes-bookmarks a .url-instance::after{padding-left:1ch;content:"»"}.actor-likes-bookmarks a .url-actor{padding-right:1ch;color:var(--actor-fg0);font-weight:bold}.actor-likes-bookmarks a .url-actor::after{padding-left:1ch;content:"»"}.actor-likes-bookmarks a .url-post-id{color:var(--actor-fg1)}.actor-likes-bookmarks .no-content{padding:0 1rem 2rem;text-align:center;font-style:italic}.actor-likes{background:var(--actor-bg1);box-shadow:0 .75rem .75rem -1rem #000 inset}.actor-bookmarks{padding-bottom:1rem;box-shadow:0 .75rem .75rem -1rem #000 inset}.multiple-actors .actors-tabs{flex-grow:0;flex-shrink:0;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background-color:var(--actor-tabs-bg);overflow:hidden;user-select:none}.multiple-actors .actors-tabs button{all:unset;padding:.35rem .7rem .4rem;font-size:.85em;font-family:inherit;border-radius:.25rem;color:#fff;background:var(--actor-accent2-ok, transparent);cursor:pointer}.multiple-actors .actors-tabs button span{display:inline-block;padding:0 0 .3rem;border-bottom:.1rem solid rgba(0,0,0,0)}.multiple-actors .actors-tabs button:hover span{border-bottom-color:rgba(255,255,255,.5)}.multiple-actors .actors-tabs button[aria-selected=true]{box-shadow:none}.multiple-actors .actors-tabs button[aria-selected=true] span{border-bottom-color:#fff}.multiple-actors .actors-tabs button:focus-visible{outline:2px solid hsl(var(--actor-hue), 50%, 80%);outline:2px solid var(--actor-accent-ok, var(--actor-accent));outline-offset:2px}@media(forced-colors: active){.multiple-actors .actors-tabs button{border:1px solid ButtonText}.multiple-actors .actors-tabs button span{border-bottom-color:Canvas}.multiple-actors .actors-tabs button[aria-selected=true] span{border-bottom-color:Highlight}}.multiple-actors .actor *:focus-visible{outline-color:var(--actor-accent-ok, var(--accent-light))}.multiple-actors .actor summary svg{fill:var(--actor-fg1-ok, var(--actor-fg1))}.multiple-actors .actor-panel{color:var(--actor-fg1-ok, var(--actor-fg1));background:var(--actor-bg3-ok, var(--actor-bg3))}.multiple-actors .actor-summary{background:var(--actor-bg4-ok, var(--actor-bg4));background:radial-gradient(circle at 200% 150%, var(--actor-bg3-ok, var(--actor-bg3)), var(--actor-bg4-ok, var(--actor-bg4)))}.multiple-actors .actor-infos dd{border-left-color:var(--actor-bg4-ok, var(--actor-bg4))}@container (width < 340px){.multiple-actors .actor-infos dl{border-bottom-color:var(--actor-bg4-ok, var(--actor-bg4))}}.multiple-actors .actor-raw{background:var(--actor-bg2-ok, var(--actor-bg2))}.multiple-actors .actor-likes-bookmarks{background:var(--actor-bg0-ok, var(--actor-bg0))}.multiple-actors .actor-likes{background:var(--actor-bg1-ok, var(--actor-bg1))}.multiple-actors .actor-likes-bookmarks a .url-instance,.multiple-actors .actor-likes-bookmarks a .url-post-id{color:var(--actor-fg1-ok, var(--actor-fg1))}.toots-filters{height:100dvh;max-height:100dvh;padding:1rem 1rem 2em;background-color:var(--bg4);overflow-y:auto;container-type:inline-size;user-select:none}.toots-filters h2{margin:0 0 2rem}.toots-filters-reset{margin-top:1rem;text-align:right}.toots-filters-reset .reset:not(:disabled){box-shadow:0 0 0 .25rem var(--accent)}.toots-filters-group{margin:0 0 1rem}.toots-filters-group-title{margin:0 0 .5rem}.toots-filters-group:has(.text){display:grid;grid-template-columns:min-content 1fr;gap:.35rem}.toots-filters-group:has(.text) .toots-filter{grid-column:span 2}.toots-filters-group:has(.text) .toots-filter.text{display:grid;grid-template-columns:subgrid}@container (width < 260px){.toots-filters-group:has(.text){display:block}.toots-filters-group:has(.text) .toots-filter.text label{margin:.5rem 0 .25rem}}.toots-filter{margin-bottom:2px}.toots-filter label{display:block;padding:.2rem .3rem;border-radius:.2rem}.toots-filter.sep-above{margin-top:1rem}.toots-filter label{font-size:.85em}.toots-filter.text input{display:block;width:100%}.toots-filter.checkbox label{position:relative;padding-left:1.7rem;background:rgba(0,0,0,0) url("../svg/dark/checkbox-unchecked.svg") no-repeat 2px 2px/auto 18.4px scroll}.toots-filter.checkbox label:has(input:checked){background-image:url("../svg/dark/checkbox-checked.svg")}.toots-filter.checkbox input{position:absolute;left:1px;top:1px;z-index:1;opacity:0}@media(forced-colors: active){.toots-filter.checkbox label{background-image:none !important}.toots-filter.checkbox input{left:3px;top:4px;opacity:1;outline:none !important}}.toots-filter:hover label,.toots-filter:focus-visible label,.toots-filter:focus-within label{background-color:rgba(255,255,255,.35)}.toots-filter.active label{color:var(--fg-inv);opacity:1;background-color:var(--accent)}@media(forced-colors: active){.toots-filter.active label{outline:1px solid Highlight}}@media(prefers-color-scheme: light){.toots-filter.checkbox label{background-image:url("../svg/dark/checkbox-unchecked.svg")}.toots-filter.checkbox label:has(input:checked){background-image:url("../svg/dark/checkbox-checked.svg")}.toots-filter:hover label,.toots-filter:focus-visible label,.toots-filter:focus-within label{background-color:rgba(255,255,255,.35)}.toots-filter.active label{background-color:var(--accent)}}html.light .toots-filter.checkbox label{background-image:url("../svg/dark/checkbox-unchecked.svg")}html.light .toots-filter.checkbox label:has(input:checked){background-image:url("../svg/dark/checkbox-checked.svg")}html.light .toots-filter:hover label,html.light .toots-filter:focus-visible label,html.light .toots-filter:focus-within label{background-color:rgba(255,255,255,.35)}html.light .toots-filter.active label{background-color:var(--accent)}@media(prefers-color-scheme: dark){.toots-filter.checkbox label{background-image:url("../svg/light/checkbox-unchecked.svg")}.toots-filter.checkbox label:has(input:checked){background-image:url("../svg/light/checkbox-checked.svg")}.toots-filter:hover label,.toots-filter:focus-visible label,.toots-filter:focus-within label{background-color:rgba(255,255,255,.1)}.toots-filter.active label{background-color:var(--accent-light)}}html.dark .toots-filter.checkbox label{background-image:url("../svg/light/checkbox-unchecked.svg")}html.dark .toots-filter.checkbox label:has(input:checked){background-image:url("../svg/light/checkbox-checked.svg")}html.dark .toots-filter:hover label,html.dark .toots-filter:focus-visible label,html.dark .toots-filter:focus-within label{background-color:rgba(255,255,255,.1)}html.dark .toots-filter.active label{background-color:var(--accent-light)}.toot{background:var(--bg1)}@container (width >= 100ch){.toot{display:grid;grid-template-areas:"header meta" "pretty meta" "infos  meta" "raw    meta";grid-template-columns:50% 50%;grid-template-rows:min-content min-content 1fr min-content}}.toot:last-child{border-bottom:none}.toot h3,.toot h4{margin:0}.toot-pretty{grid-area:pretty;padding:1rem}.toot-pretty .fetch-boost-data{padding-top:1rem;text-align:right}.toot-summary{padding:.5rem 1rem;margin-bottom:1rem;color:var(--stripe-fg);background:repeating-linear-gradient(45deg, var(--stripe1), var(--stripe1) 10px, var(--stripe2) 10px, var(--stripe2) 20px);box-shadow:0 .1rem .2rem -0.2rem rgba(0,0,0,.5) inset;border-radius:.5rem}@media(forced-colors: active){.toot-summary{outline:1px solid Highlight}}.toot-content{margin:0;padding:1rem;color:var(--fg0);line-height:1.3;overflow-wrap:break-word;background-color:var(--bg0);border-radius:.5rem;box-shadow:0 .3rem .4rem -0.2rem rgba(0,0,0,.3)}@media(forced-colors: active){.toot-content{border:1px solid CanvasText}}.toot-type-boost .toot-content{position:relative;overflow-wrap:break-word;background:radial-gradient(circle at 100% 100%, var(--bg2), var(--bg0))}.toot-type-boost .toot-content::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:rgba(0,0,0,0) url("../svg/light/type-boost.svg") no-repeat calc(100% - 1rem) calc(100% - 0.5rem)/auto 50% scroll}.toot-type-boost .toot-content a{position:relative;z-index:2}.toot-type-boost .toot-content .toot-content-inner{position:relative;z-index:2}.toot-visibility-mentioned .toot-content{background-color:var(--private-post-bg);border:2px dashed var(--private-post-border)}@media(forced-colors: none){.multiple-actors .toot-content{position:relative;padding-left:1.6rem}.multiple-actors .toot-content::before{content:"";position:absolute;left:.35rem;top:.35rem;bottom:.35rem;z-index:1;width:.25rem;border-radius:.25rem;background-color:red;background-color:var(--actor-accent-ok, transparent)}}.toot-attachments{margin:1rem 0 0}.toot-attachments ul,.toot-attachments li{list-style:none}.toot-attachments .att-description{font-size:.85em;line-height:1.4}.toot-attachments .no-alt-text .att-description{font-style:italic}.toot-attachments .desc-source{display:block;margin-top:.5rem;font-style:normal;word-break:break-all;line-height:1.2}.toot-attachments .desc-source strong{color:var(--accent);font-weight:normal}.att-img+.att-img{margin-top:1rem}.att-img .att-wrapper{display:flex;align-items:flex-start}.att-img .att-img-wrapper{width:clamp(75px,7.5dvw,150px);flex:0 0 clamp(75px,7.5dvw,150px);padding:0;background:rgba(0,0,0,0);border-radius:.5rem;box-shadow:none;cursor:pointer;background:#fff}@media(prefers-reduced-motion: no-preference){.att-img .att-img-wrapper{transition:background-color .35s ease-out}}.att-img .att-img-wrapper:hover,.att-img .att-img-wrapper:focus{box-shadow:none;border-radius:.5rem}.att-img .att-img-wrapper:hover{transition-duration:.2s;background:var(--accent-light3)}.att-img .att-img-wrapper:hover img{filter:grayscale(50%)}@media(forced-colors: active){.att-img .att-img-wrapper:hover img{filter:none}}.att-img img{display:block;width:100%;aspect-ratio:1;object-fit:cover;font-size:.6em;border-radius:.5rem;box-shadow:0 .3rem .4rem -0.2rem rgba(0,0,0,.3);mix-blend-mode:multiply}@media(prefers-reduced-motion: no-preference){.att-img img{transition:filter .2s ease-out}}@media(forced-colors: active){.att-img img{mix-blend-mode:normal}}.att-img .att-description{padding:0 1rem}.att-img.no-alt-text .att-img-wrapper{position:relative}.att-img.no-alt-text .att-img-wrapper::before{content:"";position:absolute;right:-0.5rem;bottom:-0.25rem;z-index:2;width:1.5rem;height:1.5rem;border-radius:10rem;background:#c00 url("../svg/light/no-alt-text.svg") no-repeat 50% 50%/contain scroll}.att-sound{padding:1rem;background-color:var(--bg2);border-radius:.5rem;box-shadow:0 .1rem .2rem -0.2rem rgba(0,0,0,.5) inset}.att-sound+.att-sound{margin-top:1rem}.att-sound audio{display:block;width:100%;margin:0 0 1rem 0;border-radius:.3rem}.att-video+.att-video{margin-top:1rem}.att-video video{display:block;width:auto;height:auto;max-width:100%;max-height:75dvh;border-radius:.5rem;box-shadow:0 .3rem .4rem -0.2rem rgba(0,0,0,.3)}.att-video .att-description{padding:1rem}.toot-meta{grid-area:meta;display:flex;align-items:flex-start;gap:1rem;padding:1rem;padding-left:0}@container (width < 100ch){.toot-meta{display:none}}.toot-meta dl{margin:0;display:grid;grid-template-columns:min-content 1fr}.toot-meta dt{white-space:nowrap}.toot-meta>div{flex-basis:calc((100% - 2rem)/3);max-width:calc((100% - 2rem)/2);flex-grow:1;flex-shrink:0;padding:1rem;background-color:var(--bg2);border-radius:.5rem;box-shadow:0 .1rem .2rem -0.2rem rgba(0,0,0,.5) inset}@media(forced-colors: active){.toot-meta>div{border:1px solid CanvasText}}.toot-meta .toot-links{flex-grow:1}.toot-meta .toot-links a{word-break:break-all}.toot-meta h4{margin-bottom:.5rem}.toot-meta li{list-style:none;padding:.35rem 0 0}.toot-meta li a{display:block;padding-left:1.5rem;background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:0 0;background-size:auto 1.2rem;word-break:break-all}@media(forced-colors: active){.toot-meta li a{padding-left:0}}.toot-meta .toot-people li a{background-image:url("../svg/dark/person.svg")}.toot-meta .toot-hashtags li a{background-image:url("../svg/dark/hashtag.svg")}.toot-meta .toot-links li a{background-image:url("../svg/dark/link.svg")}.toot-infos{grid-area:infos;margin:0 1rem;padding:1rem;font-size:.8em;display:flex;flex-wrap:wrap;align-items:flex-start;container-type:inline-size;background:var(--bg2);border-radius:.5rem;box-shadow:0 .1rem .2rem -0.2rem rgba(0,0,0,.5) inset}.toot-infos>span{margin-bottom:.25rem}.toot-infos .type,.toot-infos .visibility,.toot-infos .published,.toot-infos .link a{padding-left:1.6em;background:rgba(0,0,0,0) none no-repeat 0 0/1rem auto scroll}@media(forced-colors: active){.toot-infos .type,.toot-infos .visibility,.toot-infos .published,.toot-infos .link a{padding-left:0}}.toot-infos .published{padding-left:0}.toot-infos .published::before{content:"-";margin:0 1ch}.toot-infos .published,.toot-infos .visibility{margin-right:1rem}.toot-infos .visibility{margin-bottom:0}.toot-infos .link{margin-left:auto}.toot-infos .type{order:1}.toot-infos .author{order:2}.toot-infos .published{order:4}.toot-infos .visibility{order:5}.toot-infos .link{order:3}.toot-infos .published{flex:0 0 100%;margin-right:0;padding-left:1.6em;background-image:url("../svg/dark/calendar.svg")}@media(forced-colors: active){.toot-infos .published{padding-left:0}}.toot-infos .published::before{content:none}.toot-infos .published .updated{display:block}.toot-type-post .toot-infos .type{background-image:url("../svg/dark/type-post.svg")}.toot-type-boost .toot-infos .type{background-image:url("../svg/dark/type-boost.svg")}.toot-visibility-public .toot-infos .visibility{background-image:url("../svg/dark/visibility-public.svg")}.toot-visibility-unlisted .toot-infos .visibility{background-image:url("../svg/dark/visibility-unlisted.svg")}.toot-visibility-followers .toot-infos .visibility{background-image:url("../svg/dark/visibility-followers.svg")}.toot-visibility-mentioned .toot-infos .visibility{background-image:url("../svg/dark/visibility-mentioned.svg")}.toot-infos .link a{padding-left:0;padding-right:1.6em;background-position:100% 50%;background-image:url("../svg/dark/open-in-new.svg")}@media(forced-colors: active){.toot-infos .link a{padding-right:0;background:none !important}}.toot-raw{grid-area:raw;margin-top:.5rem;padding:0 1rem 2rem}.toot-raw details{border-radius:.5rem}.toot-raw summary{justify-content:flex-end;gap:.3rem;padding:.5rem 1rem;font-size:.8em;text-align:right;opacity:.8;user-select:none}.toot-raw summary:hover,.toot-raw summary:focus-visible{opacity:1;border-radius:.5rem;background-color:var(--bg2)}.toot-raw .summary-icon{display:flex}.toot-raw .summary-icon svg{fill:currentColor}.toot-raw details[open]{background-color:var(--bg2);box-shadow:0 .1rem .2rem -0.2rem rgba(0,0,0,.5) inset}@media(forced-colors: active){.toot-raw details[open]{border:1px solid CanvasText}}.toot-raw details[open] summary{opacity:1;background-color:rgba(0,0,0,0) !important;box-shadow:none}.toot-raw .details-content{padding:1rem;overflow-wrap:break-word}.toots-no-results{padding:4rem 1rem;text-align:center;background:var(--bg1)}.toots-no-results p{margin:1em 0}@media(prefers-color-scheme: light){.toot-meta .toot-people li a{background-image:url("../svg/dark/person.svg")}.toot-meta .toot-hashtags li a{background-image:url("../svg/dark/hashtag.svg")}.toot-meta .toot-links li a{background-image:url("../svg/dark/link.svg")}.toot-infos .published{background-image:url("../svg/dark/calendar.svg")}.toot-type-post .toot-infos .type{background-image:url("../svg/dark/type-post.svg")}.toot-type-boost .toot-infos .type{background-image:url("../svg/dark/type-boost.svg")}.toot-visibility-public .toot-infos .visibility{background-image:url("../svg/dark/visibility-public.svg")}.toot-visibility-unlisted .toot-infos .visibility{background-image:url("../svg/dark/visibility-unlisted.svg")}.toot-visibility-followers .toot-infos .visibility{background-image:url("../svg/dark/visibility-followers.svg")}.toot-visibility-mentioned .toot-infos .visibility{background-image:url("../svg/dark/visibility-mentioned.svg")}.toot-infos .link a{background-image:url("../svg/dark/open-in-new.svg")}}html.light .toot-meta .toot-people li a{background-image:url("../svg/dark/person.svg")}html.light .toot-meta .toot-hashtags li a{background-image:url("../svg/dark/hashtag.svg")}html.light .toot-meta .toot-links li a{background-image:url("../svg/dark/link.svg")}html.light .toot-infos .published{background-image:url("../svg/dark/calendar.svg")}html.light .toot-type-post .toot-infos .type{background-image:url("../svg/dark/type-post.svg")}html.light .toot-type-boost .toot-infos .type{background-image:url("../svg/dark/type-boost.svg")}html.light .toot-visibility-public .toot-infos .visibility{background-image:url("../svg/dark/visibility-public.svg")}html.light .toot-visibility-unlisted .toot-infos .visibility{background-image:url("../svg/dark/visibility-unlisted.svg")}html.light .toot-visibility-followers .toot-infos .visibility{background-image:url("../svg/dark/visibility-followers.svg")}html.light .toot-visibility-mentioned .toot-infos .visibility{background-image:url("../svg/dark/visibility-mentioned.svg")}html.light .toot-infos .link a{background-image:url("../svg/dark/open-in-new.svg")}@media(prefers-color-scheme: dark){.toot-type-boost .toot-content::after{opacity:.25}.toot-meta .toot-people li a{background-image:url("../svg/light/person.svg")}.toot-meta .toot-hashtags li a{background-image:url("../svg/light/hashtag.svg")}.toot-meta .toot-links li a{background-image:url("../svg/light/link.svg")}.toot-infos .published{background-image:url("../svg/light/calendar.svg")}.toot-type-post .toot-infos .type{background-image:url("../svg/light/type-post.svg")}.toot-type-boost .toot-infos .type{background-image:url("../svg/light/type-boost.svg")}.toot-visibility-public .toot-infos .visibility{background-image:url("../svg/light/visibility-public.svg")}.toot-visibility-unlisted .toot-infos .visibility{background-image:url("../svg/light/visibility-unlisted.svg")}.toot-visibility-followers .toot-infos .visibility{background-image:url("../svg/light/visibility-followers.svg")}.toot-visibility-mentioned .toot-infos .visibility{background-image:url("../svg/light/visibility-mentioned.svg")}.toot-infos .link a{background-image:url("../svg/light/open-in-new.svg")}}html.dark .toot-type-boost .toot-content::after{opacity:.25}html.dark .toot-meta .toot-people li a{background-image:url("../svg/light/person.svg")}html.dark .toot-meta .toot-hashtags li a{background-image:url("../svg/light/hashtag.svg")}html.dark .toot-meta .toot-links li a{background-image:url("../svg/light/link.svg")}html.dark .toot-infos .published{background-image:url("../svg/light/calendar.svg")}html.dark .toot-type-post .toot-infos .type{background-image:url("../svg/light/type-post.svg")}html.dark .toot-type-boost .toot-infos .type{background-image:url("../svg/light/type-boost.svg")}html.dark .toot-visibility-public .toot-infos .visibility{background-image:url("../svg/light/visibility-public.svg")}html.dark .toot-visibility-unlisted .toot-infos .visibility{background-image:url("../svg/light/visibility-unlisted.svg")}html.dark .toot-visibility-followers .toot-infos .visibility{background-image:url("../svg/light/visibility-followers.svg")}html.dark .toot-visibility-mentioned .toot-infos .visibility{background-image:url("../svg/light/visibility-mentioned.svg")}html.dark .toot-infos .link a{background-image:url("../svg/light/open-in-new.svg")}.toots-tags{display:grid;grid-template-rows:min-content repeat(3, 1fr);height:100vh;padding-bottom:2rem;overflow:hidden;background-color:var(--bg4);container-type:inline-size}.tags-title{padding:1rem}.tags-group{position:relative;height:100%;overflow:hidden;display:grid;padding:1rem 1rem 0;grid-template-rows:min-content 1fr}.tags-group ul{font-size:.85em;list-style:none}.tags-group li{list-style:none;margin:.3rem 4px}.tags-group button{all:unset;display:block;width:100%}.tags-group button div{display:flex;align-items:center;width:100%;gap:.25rem;padding:.1rem .3rem;border-radius:.2rem;border:none;background:rgba(0,0,0,0);font-family:inherit;font-size:inherit;cursor:pointer}.tags-group button div .count{color:var(--accent-dark);font-size:.85em;font-weight:bold}@container (width >= 340px){.tags-group button div .count{display:inline-block;min-width:5ch;text-align:right}}.tags-group button div .name{flex-grow:1;word-break:break-all;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.tags-group button div .domain{margin-left:auto;padding-left:.5em;font-size:.85em;font-weight:bold;letter-spacing:.02em;opacity:.75}.tags-group button:hover .name{text-decoration:underline}.tags-group .active button div{color:var(--fg-inv);background-color:var(--accent)}.tags-group .active button div .count{color:var(--fg-inv)}.tags-group-header{white-space:nowrap;overflow:hidden}@container (width >= 340px){.tags-group-header{display:flex;justify-content:space-between;gap:.25rem 1rem}}.tags-group-header h3 .count{color:var(--accent-dark);font-weight:normal}.tags-group-filter{flex-grow:1}.tags-group-filter input{display:block;width:100%;margin-top:.25rem}@container (width >= 340px){.tags-group-filter input{margin-top:0}}.tags-group-scroll{overflow:auto;padding-top:.5rem;padding-bottom:2rem}@media(prefers-color-scheme: light){.tags-group .active button div{background-color:var(--accent)}}html.light .tags-group .active button div{background-color:var(--accent)}@media(prefers-color-scheme: dark){.tags-group .active button div{background-color:var(--accent-light)}}html.dark .tags-group .active button div{background-color:var(--accent-light)}.mobile-menu{display:none;position:relative;z-index:2;color:var(--menu-fg);background-color:var(--menu-bg)}@media(forced-colors: active){.mobile-menu{color:buttonText}}.mobile-menu ul{list-style:none;height:100dvh;padding:1rem 0;display:flex;flex-direction:column;justify-content:flex-start}.mobile-menu li{display:block;list-style:none}.mobile-menu button{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;height:75px;aspect-ratio:1;padding:0;color:inherit;font-size:.75em;text-align:center;font-weight:bold;line-height:1;letter-spacing:.05em;text-transform:uppercase;background:none;box-shadow:none;border-radius:0}.mobile-menu button:focus-visible{outline-offset:-4px}.mobile-menu button svg{display:block;width:35px;height:auto;margin:5px auto 0;fill:var(--menu-icon)}@media(forced-colors: active){.mobile-menu button svg{fill:buttonText}}.mobile-menu button span{display:block;padding-bottom:10px}.mobile-menu button .visually-hidden{text-transform:initial}.mobile-menu button.menu-filters.filters-active::before{content:"";position:absolute;right:10px;top:5px;z-index:1;width:10px;height:10px;border-radius:10px;background-color:var(--menu-filter-active)}@media(forced-colors: active){.mobile-menu button.menu-filters.filters-active::before{background-color:Highlight}}.mobile-menu button.menu-new{margin-top:auto}.mobile-menu button:hover,.mobile-menu button:focus-visible{background-color:rgba(255,255,255,.1)}@media(forced-colors: active){.mobile-menu button:hover,.mobile-menu button:focus-visible{color:Canvas;background:Highlight}.mobile-menu button:hover span,.mobile-menu button:focus-visible span{color:CanvasText}.mobile-menu button:hover svg,.mobile-menu button:focus-visible svg{fill:Canvas}}.panel-backdrop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:3;background-color:var(--menu-backdrop)}@media screen and (width < 1200px){.toots-header{z-index:2;box-shadow:0 -10px 10px 10px rgba(0,0,0,.5)}.toots-header .load-new{display:none}.toots{z-index:1}.main-section-inner{grid-template-areas:"menu header" "menu toots";grid-template-columns:75px 1fr;overflow:hidden}.toots .paging{padding-bottom:1rem}.mobile-menu-panel{position:fixed;left:-475px;top:0;bottom:0;z-index:3;width:min(400px,100dvw - 75px);box-shadow:0 0 0 0 rgba(0,0,0,0)}.mobile-menu-panel.actor::before{content:none}}@media screen and (width < 1200px)and (prefers-reduced-motion: no-preference){.mobile-menu-panel{transition:left .2s ease-out;transition-property:left,box-shadow;scroll-behavior:smooth}}@media screen and (width < 1200px){.panel-close{position:absolute;right:6px;top:6px;z-index:1;color:var(--panel-close);background:rgba(0,0,0,0);box-shadow:none}.panel-close .btn-icon{fill:currentColor}.panel-close:hover,.panel-close:focus,.panel-close:focus-visible{color:var(--panel-close-hover)}}@media screen and (width < 1200px)and (forced-colors: active){.panel-close{color:buttonText}}@media screen and (width < 1200px){.actor .panel-close{color:#fff}.mobile-menu{display:block;grid-area:menu;z-index:5}.main-page.menu-open .panel-backdrop{display:block}.main-page.menu-open.menu-open-actor .actor,.main-page.menu-open.menu-open-filters .toots-filters,.main-page.menu-open.menu-open-tags .toots-tags{left:75px;box-shadow:-1rem 0 1rem 1rem rgba(0,0,0,.5)}}@media screen and (width < 1200px)and (prefers-reduced-motion: no-preference){.main-page.menu-open.menu-open-actor .actor,.main-page.menu-open.menu-open-filters .toots-filters,.main-page.menu-open.menu-open-tags .toots-tags{transition-duration:.35s}}@media screen and (width < 1200px){.main-page.menu-open.menu-open-actor .menu-actor,.main-page.menu-open.menu-open-filters .menu-filters,.main-page.menu-open.menu-open-tags .menu-tags{color:var(--menu-fg-active);background-color:rgba(255,255,255,.2)}}@media screen and (width < 500px){.main-section-inner{grid-template-areas:"header" "toots" "menu";grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content}.mobile-menu{box-shadow:none}.mobile-menu ul{flex-direction:row;justify-content:space-around;height:auto;padding:0}.mobile-menu li{flex-grow:1}.mobile-menu button{aspect-ratio:unset;width:100%}.mobile-menu-panel{height:auto;bottom:75px;width:100dvw;left:-100dvw;box-shadow:none}.main-page.menu-open.menu-open-actor .actor,.main-page.menu-open.menu-open-filters .toots-filters,.main-page.menu-open.menu-open-tags .toots-tags{left:0}.toots-tags{padding-bottom:1rem}.tags-title{padding-bottom:0}}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center}.overlay-content{position:relative;z-index:5}.overlay-content,.overlay-content img{max-width:calc(100dvw - 88px);max-height:calc(100dvh - 44px)}.overlay-content img{box-shadow:0 1rem 2.5rem -1rem #000}.overlay-ui{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.overlay-ui button{display:block;padding:0;position:absolute;z-index:2;cursor:pointer;border:none;background:rgba(0,0,0,0);box-shadow:none}.overlay-ui button svg{display:block;width:36px;height:36px;fill:var(--overlay-icon)}.overlay-ui button:hover svg,.overlay-ui button:focus svg,.overlay-ui button:active svg{fill:var(--overlay-icon-hover)}.overlay-ui .viewer-close{top:4px;right:4px}.overlay-ui .viewer-close svg{width:24px;height:24px}.overlay-ui .viewer-next{right:4px;top:calc(50% - 18px)}.overlay-ui .viewer-prev{left:4px;top:calc(50% - 18px)}.overlay-ui .backdrop{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background-color:var(--overlay-backdrop)}/*# sourceMappingURL=main.css.map */