diff --git a/css/_actor.scss b/css/_actor.scss index e66ac8b..c531587 100644 --- a/css/_actor.scss +++ b/css/_actor.scss @@ -1,6 +1,6 @@ .actor { a { - color: var(--fg-inv0); + color: var(--actor-fg0); } h1, h2, @@ -12,13 +12,13 @@ summary { padding: 1rem; svg { - fill: var(--fg-inv1); + fill: var(--actor-fg1); } &:hover, &:focus { - color: var(--fg-inv0); + color: var(--actor-fg0); svg { - fill: var(--fg-inv0); + fill: var(--actor-fg0); } } } @@ -36,52 +36,6 @@ justify-content: flex-start; } -.actors-tabs { - flex-grow: 0; - display: flex; - flex-wrap: wrap; - gap: 0.75rem; - padding: 1rem 1rem 0; - background: var(--bg-inv0); - background-color: hsl(var(--actor-hue), 50%, 80%); - background-color: $actor-accent-dark-ok; - overflow: hidden; - box-shadow: 0 -0.75rem 0.75rem -0.75rem rgba(0, 0, 0, 0.75) inset; - user-select: none; - - button { - all: unset; - padding: 0.35rem 0.7rem 0.3rem; - font-size: 0.85em; - font-family: inherit; - border-radius: 0.25rem 0.25rem 0 0; - color: var(--fg1); - background: #fff; // ### VAR - cursor: pointer; - opacity: 0.65; - - span { - display: inline-block; - padding-bottom: 0.1rem; - border-bottom: 0.2rem solid transparent; - border-color: hsl(var(--actor-hue), 50%, 80%); - border-color: $actor-accent-light-ok; - } - - &:hover { - opacity: 0.85; - } - &[aria-selected="true"] { - opacity: 1; - } - &:focus-visible { - outline: 2px solid hsl(var(--actor-hue), 50%, 80%); - outline: 2px solid $actor-accent-light-ok; - outline-offset: 2px; - } - } -} - .actor-panel { flex-grow: 1; height: 100%; @@ -91,8 +45,8 @@ justify-content: flex-start; overflow-y: auto; overflow-x: hidden; - color: var(--fg-inv1); - background: var(--bg-inv3); + color: var(--actor-fg1); + background: var(--actor-bg3); } .actor-pretty { @@ -175,13 +129,13 @@ .actor-summary { margin: 2rem 0; padding: 1rem; - color: var(--fg-inv0); + color: var(--actor-fg0); line-height: 1.3; - background: var(--bg-inv4); + background: var(--actor-bg4); background: radial-gradient( circle at 200% 150%, - var(--bg-inv3), - var(--bg-inv4) + var(--actor-bg3), + var(--actor-bg4) ); border-radius: 0.5rem; box-shadow: 0 0.3rem 0.4rem -0.2rem rgba(0, 0, 0, 0.3); @@ -203,8 +157,8 @@ } dd { padding: 0.5rem 1rem; - color: var(--fg-inv0); - border-left: 1px solid var(--bg-inv4); + color: var(--actor-fg0); + border-left: 1px solid var(--actor-bg4); } @container (width < 340px) { @@ -213,7 +167,7 @@ dl { display: block; padding: 0.5rem 1rem; - border-bottom: 1px solid var(--bg-inv4); + border-bottom: 1px solid var(--actor-bg4); &:last-child { border-bottom: none; } @@ -237,7 +191,7 @@ gap: 1rem; .count { display: block; - color: var(--fg-inv0); + color: var(--actor-fg0); font-size: 1.6em; font-weight: bold; } @@ -257,11 +211,11 @@ font-weight: bold; &:hover, &:focus-visible { - color: var(--fg-inv0); + color: var(--actor-fg0); } } &[open] summary { - color: var(--fg-inv0); + color: var(--actor-fg0); } p { margin-top: 0.5rem; @@ -271,7 +225,7 @@ } .actor-raw { - background: var(--bg-inv2); + background: var(--actor-bg2); box-shadow: 0 0.75rem 0.75rem -1rem #000 inset; .details-content { padding: 1rem 1rem 2rem; @@ -281,7 +235,7 @@ } .actor-likes-bookmarks { - background: var(--bg-inv0); + background: var(--actor-bg0); overflow-wrap: break-word; h2 { @@ -316,10 +270,98 @@ } .actor-likes { - background: var(--bg-inv1); + background: var(--actor-bg1); box-shadow: 0 0.75rem 0.75rem -1rem #000 inset; } .actor-bookmarks { padding-bottom: 1rem; box-shadow: 0 0.75rem 0.75rem -1rem #000 inset; } + +.multiple-actors { + .actors-tabs { + flex-grow: 0; + display: flex; + flex-wrap: wrap; + gap: 0.75rem; + padding: 1rem 1rem 0; + // background: var(--actor-bg0); + // background: var(--actor-bg0-ok); + background-color: hsl(var(--actor-hue), 50%, 80%); + background-color: var(--actor-bg3-ok); + overflow: hidden; + box-shadow: 0 -0.75rem 0.75rem -0.75rem rgba(0, 0, 0, 0.75) inset; + user-select: none; + + button { + all: unset; + padding: 0.35rem 0.7rem 0.3rem; + font-size: 0.85em; + font-family: inherit; + border-radius: 0.25rem 0.25rem 0 0; + color: var(--fg1); + background: #fff; // ### VAR + cursor: pointer; + opacity: 0.65; + + span { + display: inline-block; + padding-bottom: 0.1rem; + border-bottom: 0.2rem solid transparent; + border-color: hsl(var(--actor-hue), 50%, 80%); + border-color: $actor-accent-light-ok; + // border-color: var(--actor-fg1-ok); + } + + &:hover { + opacity: 0.85; + } + &[aria-selected="true"] { + opacity: 1; + } + &:focus-visible { + outline: 2px solid hsl(var(--actor-hue), 50%, 80%); + outline: 2px solid $actor-accent-light-ok; + // outline: 2px solid var(--actor-fg1-ok); + outline-offset: 2px; + } + } + } + + // color variations + + .actor summary svg { + fill: var(--actor-fg1-ok); + } + .actor-panel { + color: var(--actor-fg1-ok); + background: var(--actor-bg3-ok); + } + .actor-summary { + background: var(--actor-bg4-ok); + background: radial-gradient( + circle at 200% 150%, + var(--actor-bg3-ok), + var(--actor-bg4-ok) + ); + } + .actor-infos { + dd { + border-left-color: var(--actor-bg4-ok); + } + @container (width < 340px) { + dl { + border-bottom-color: var(--actor-bg4-ok); + } + } + } + .actor-raw { + background: var(--actor-bg2-ok); + } + .actor-likes-bookmarks { + background: var(--actor-bg0-ok); + } + .actor-likes { + background: var(--actor-bg1-ok); + } +} diff --git a/css/_colors.scss b/css/_colors.scss index b0d6769..ddd4318 100644 --- a/css/_colors.scss +++ b/css/_colors.scss @@ -1,65 +1,74 @@ // tint and saturation factor for the app color scheme $hue: 30; // === 59.17 in oklch -$sat: 0.5; /*********************************/ /* global background/text colors */ /*********************************/ -$bg0: hsl(var(--hue), calc(var(--sat) * 0%), 100%); -// -> post content -$bg1: hsl(var(--hue), calc(var(--sat) * 20%), 95%); -// -> post -$bg2: hsl(var(--hue), calc(var(--sat) * 30%), 90%); -// -> post attachment/meta/raw -$bg3: hsl(var(--hue), calc(var(--sat) * 35%), 87%); -// -> posts header -$bg4: hsl(var(--hue), calc(var(--sat) * 40%), 84%); -// -> filters/tags panels +$bg0: #fff; // -> post content +$bg1: hsl($hue, 10%, 95%); // -> post +$bg2: hsl($hue, 15%, 90%); // -> post attachment/meta/raw +$bg3: hsl($hue, 17.5%, 87%); // -> posts header +$bg4: hsl($hue, 20%, 84%); // -> filters/tags panels -$fg0: hsl(var(--hue), calc(var(--sat) * 0%), 0%); -// -> post content -$fg1: hsl(var(--hue), calc(var(--sat) * 20%), 20%); -// -> body text; some SVG icons (panel close) -$fg2: hsl(var(--hue), calc(var(--sat) * 20%), 30%); -// -> headings (h1, h2...) +$fg0: hsl($hue, 0%, 0%); // -> post content +$fg1: hsl($hue, 10%, 20%); // -> body text; some SVG icons (panel close) +$fg2: hsl($hue, 10%, 30%); // -> headings (h1, h2...) -/********************************************/ -/* inverted light scheme (e.g. actor panel) */ -/********************************************/ +$fg-inv: #fff; // -> misc highlighted text -$bg-inv0: hsl(var(--hue), calc(var(--sat) * 75%), 11%); -// -> bookmarks -$bg-inv1: hsl(var(--hue), calc(var(--sat) * 65%), 15%); -// -> favorites -$bg-inv2: hsl(var(--hue), calc(var(--sat) * 50%), 20%); -// -> actor raw data, mobile menu -$bg-inv3: hsl(var(--hue), calc(var(--sat) * 50%), 25%); -// -> actor panel -$bg-inv4: hsl(var(--hue), calc(var(--sat) * 45%), 40%); -// -> actor summary +/***************/ +/* actor panel */ +/***************/ -$fg-inv0: hsl(var(--hue), calc(var(--sat) * 0%), 100%); -// -> misc highlighted text; mobile menu icons -$fg-inv1: hsl(var(--hue), calc(var(--sat) * 80%), 80%); -// -> actor, mobile menu +$actor-bg0: hsl($hue, 37.5%, 11%); // -> bookmarks +$actor-bg1: hsl($hue, 32.5%, 15%); // -> favorites +$actor-bg2: hsl($hue, 25%, 20%); // -> actor raw data +$actor-bg3: hsl($hue, 25%, 25%); // -> actor panel +$actor-bg4: hsl($hue, 22.5%, 40%); // -> actor summary + +$actor-fg0: #fff; +$actor-fg1: hsl($hue, 40%, 80%); // -> actor texts + +// OKLCH variants +$actor-bg0-ok: oklch(11% 37.5% var(--actor-hue)); +$actor-bg1-ok: oklch(15% 32.5% var(--actor-hue)); +$actor-bg2-ok: oklch(20% 25% var(--actor-hue)); +$actor-bg3-ok: oklch(25% 25% var(--actor-hue)); +$actor-bg4-ok: oklch(40% 22.5% var(--actor-hue)); +$actor-fg1-ok: oklch(92% 10% var(--actor-hue)); + +/***************/ +/* mobile menu */ +/***************/ + +$menu-bg: hsl($hue, 25%, 20%); // actor-bg2 +$menu-fg: hsl($hue, 40%, 80%); // actor-fg1 +$menu-fg-active: #fff; +$menu-icon: #fff; +$menu-filter-active: hsl($hue, 75%, 50%); // accent-light2 + +$menu-backdrop: rgba(0, 0, 0, 0.5); + +$panel-close: hsl($hue, 40%, 80%); // fg1 +$panel-close-hover: hsl($hue, 75%, 38%); // accent-light /**********/ /* accent */ /**********/ -$accent: hsl(var(--hue), calc(var(--sat) * 200%), 30%); +$accent: hsl($hue, 100%, 30%); // -> links, active elements, counters, misc background stripes (color 1) -$accent-dark: hsl(var(--hue), calc(var(--sat) * 250%), 26%); +$accent-dark: hsl($hue, 100%, 26%); // -> misc background stripes (color 2) -$accent-light: hsl(var(--hue), calc(var(--sat) * 150%), 38%); +$accent-light: hsl($hue, 75%, 38%); // -> focusable elements outline; main header counter -$accent-light2: hsl(var(--hue), calc(var(--sat) * 150%), 50%); +$accent-light2: hsl($hue, 75%, 50%); // -> overlay hover/focus icons (SVG); private posts border; active filter indicator (mobile menu) // === oklch(56.48% 0.124 59.17) -$accent-light3: hsl(var(--hue), calc(var(--sat) * 150%), 75%); +$accent-light3: hsl($hue, 75%, 75%); // -> hover effect on images -$accent-light-bg: hsl(var(--hue), calc(var(--sat) * 100%), 96%); +$accent-light-bg: hsl($hue, 50%, 96%); // -> private posts background /***********/ @@ -69,7 +78,6 @@ $accent-light-bg: hsl(var(--hue), calc(var(--sat) * 100%), 96%); $overlay-icon: #fff; $overlay-icon-hover: #fff; $overlay-backdrop: rgba(0, 0, 0, 0.75); -$menu-backdrop: rgba(0, 0, 0, 0.5); /*****************/ /* form elements */ @@ -80,11 +88,11 @@ $bg-input-hover: rgba(255, 255, 255, 0.65); $bg-input-focus: rgba(255, 255, 255, 1); $bg-button: rgba(255, 255, 255, 1); -$bg-button-hover: hsl(var(--hue), calc(var(--sat) * 100%), 95%); +$bg-button-hover: hsl($hue, 50%, 95%); $button-svg: $fg1; -$button-svg-hover: hsl(var(--hue), calc(var(--sat) * 150%), 50%); -$button-svg-focus: hsl(var(--hue), calc(var(--sat) * 150%), 50%); -$button-svg-active: hsl(var(--hue), calc(var(--sat) * 150%), 50%); +$button-svg-hover: hsl($hue, 75%, 50%); +$button-svg-focus: hsl($hue, 75%, 50%); +$button-svg-active: hsl($hue, 75%, 50%); $fg-button-focus: $accent; $fg-button-active: $accent; @@ -92,9 +100,6 @@ $fg-button-active: $accent; // Note: some rgba values hardcoded, used mostly for box-shadow or backdrops html { - --hue: #{$hue}; - --sat: #{$sat}; - --bg0: #{$bg0}; --bg1: #{$bg1}; --bg2: #{$bg2}; @@ -104,15 +109,15 @@ html { --fg0: #{$fg0}; --fg1: #{$fg1}; --fg2: #{$fg2}; + --fg-inv: #{$fg-inv}; - --bg-inv0: #{$bg-inv0}; - --bg-inv1: #{$bg-inv1}; - --bg-inv2: #{$bg-inv2}; - --bg-inv3: #{$bg-inv3}; - --bg-inv4: #{$bg-inv4}; - - --fg-inv0: #{$fg-inv0}; - --fg-inv1: #{$fg-inv1}; + --menu-bg: #{$menu-bg}; + --menu-fg: #{$menu-fg}; + --menu-fg-active: $menu#{-fg-active}; + --menu-icon: #{$menu-icon}; + --menu-filter-active: $menu#{-filter-active}; + --panel-close: #{$panel-close}; + --panel-close-hover: $panel#{-close-hover}; --accent: #{$accent}; --accent-dark: #{$accent-dark}; @@ -139,10 +144,24 @@ html { --fg-button-focus: #{$fg-button-focus}; --fg-button-active: #{$fg-button-active}; - - --actor-hue: 0; - // ### TODO hsl() fallback } -$actor-accent-light-ok: oklch(80% 0.15 var(--actor-hue)); -$actor-accent-dark-ok: oklch(25% 0.25 var(--actor-hue)); +.actors-wrapper { + --actor-hue: 0; + --actor-bg0: #{$actor-bg0}; + --actor-bg0-ok: #{$actor-bg0-ok}; + --actor-bg1: #{$actor-bg1}; + --actor-bg1-ok: #{$actor-bg1-ok}; + --actor-bg2: #{$actor-bg2}; + --actor-bg2-ok: #{$actor-bg2-ok}; + --actor-bg3: #{$actor-bg3}; + --actor-bg3-ok: #{$actor-bg3-ok}; + --actor-bg4: #{$actor-bg4}; + --actor-bg4-ok: #{$actor-bg4-ok}; + + --actor-fg0: #{$actor-fg0}; + --actor-fg1: #{$actor-fg1}; + --actor-fg1-ok: #{$actor-fg1-ok}; +} + +$actor-accent-light-ok: oklch(80% 15% var(--actor-hue)); diff --git a/css/_filters.scss b/css/_filters.scss index b1d2cd5..1574bf1 100644 --- a/css/_filters.scss +++ b/css/_filters.scss @@ -96,7 +96,7 @@ } &.active label { - color: var(--fg-inv0); + color: var(--fg-inv); opacity: 1; background-color: var(--accent); @media (forced-colors: active) { diff --git a/css/_menu.scss b/css/_menu.scss index 621cb72..6749ff7 100644 --- a/css/_menu.scss +++ b/css/_menu.scss @@ -6,8 +6,8 @@ $panel-width: 400px; display: none; position: relative; z-index: 2; - color: var(--fg-inv1); - background-color: var(--bg-inv2); + color: var(--menu-fg); + background-color: var(--menu-bg); @media (forced-colors: active) { color: buttonText; @@ -53,7 +53,7 @@ $panel-width: 400px; width: $icon-width; height: auto; margin: 5px auto 0; - fill: var(--fg-inv0); + fill: var(--menu-icon); @media (forced-colors: active) { fill: buttonText; @@ -79,7 +79,7 @@ $panel-width: 400px; width: 10px; height: 10px; border-radius: 10px; - background-color: var(--accent-light2); + background-color: var(--menu-filter-active); @media (forced-colors: active) { background-color: Highlight; } @@ -164,7 +164,7 @@ $panel-width: 400px; right: 6px; top: 6px; z-index: 1; - color: var(--fg1); + color: var(--panel-close); background: transparent; box-shadow: none; .btn-icon { @@ -173,7 +173,7 @@ $panel-width: 400px; &:hover, &:focus, &:focus-visible { - color: var(--accent-light); + color: var(--panel-close-hover); } @media (forced-colors: active) { @@ -205,7 +205,7 @@ $panel-width: 400px; &.menu-open-actor .menu-actor, &.menu-open-filters .menu-filters, &.menu-open-tags .menu-tags { - color: var(--fg-inv0); + color: var(--menu-fg-active); background-color: rgba(255, 255, 255, 0.2); } } diff --git a/css/_tags.scss b/css/_tags.scss index 3ad8a27..575625b 100644 --- a/css/_tags.scss +++ b/css/_tags.scss @@ -82,10 +82,10 @@ $display-wide: 340px; } } .active button div { - color: var(--fg-inv0); + color: var(--fg-inv); background-color: var(--accent); .count { - color: var(--fg-inv0); + color: var(--fg-inv); } } } diff --git a/css/_toot.scss b/css/_toot.scss index 4c4a97b..f8e4ed8 100644 --- a/css/_toot.scss +++ b/css/_toot.scss @@ -37,7 +37,7 @@ $meta-visible: 100ch; .toot-summary { padding: 0.5rem 1rem; margin-bottom: 1rem; - color: var(--fg-inv0); + color: var(--fg-inv); background: repeating-linear-gradient( 45deg, var(--accent-dark), diff --git a/css/_welcome.scss b/css/_welcome.scss index 895b0a3..5f815f5 100644 --- a/css/_welcome.scss +++ b/css/_welcome.scss @@ -66,7 +66,7 @@ align-items: center; font-size: 2em; background-color: var(--accent); - color: var(--fg-inv0); + color: var(--fg-inv); background: repeating-linear-gradient( 45deg, var(--accent-dark), @@ -128,3 +128,10 @@ background: var(--bg2); } } + +.loading-more { + justify-content: center; + .file-loader { + margin: 0; + } +} diff --git a/css/main.css b/css/main.css index 0246912..19a63e6 100644 --- a/css/main.css +++ b/css/main.css @@ -1 +1 @@ -html{--hue: 30;--sat: 0.5;--bg0: hsl(var(--hue), calc(var(--sat) * 0%), 100%);--bg1: hsl(var(--hue), calc(var(--sat) * 20%), 95%);--bg2: hsl(var(--hue), calc(var(--sat) * 30%), 90%);--bg3: hsl(var(--hue), calc(var(--sat) * 35%), 87%);--bg4: hsl(var(--hue), calc(var(--sat) * 40%), 84%);--fg0: hsl(var(--hue), calc(var(--sat) * 0%), 0%);--fg1: hsl(var(--hue), calc(var(--sat) * 20%), 20%);--fg2: hsl(var(--hue), calc(var(--sat) * 20%), 30%);--bg-inv0: hsl(var(--hue), calc(var(--sat) * 75%), 11%);--bg-inv1: hsl(var(--hue), calc(var(--sat) * 65%), 15%);--bg-inv2: hsl(var(--hue), calc(var(--sat) * 50%), 20%);--bg-inv3: hsl(var(--hue), calc(var(--sat) * 50%), 25%);--bg-inv4: hsl(var(--hue), calc(var(--sat) * 45%), 40%);--fg-inv0: hsl(var(--hue), calc(var(--sat) * 0%), 100%);--fg-inv1: hsl(var(--hue), calc(var(--sat) * 80%), 80%);--accent: hsl(var(--hue), calc(var(--sat) * 200%), 30%);--accent-dark: hsl(var(--hue), calc(var(--sat) * 250%), 26%);--accent-light: hsl(var(--hue), calc(var(--sat) * 150%), 38%);--accent-light2: hsl(var(--hue), calc(var(--sat) * 150%), 50%);--accent-light3: hsl(var(--hue), calc(var(--sat) * 150%), 75%);--accent-light-bg: hsl(var(--hue), calc(var(--sat) * 100%), 96%);--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(var(--hue), calc(var(--sat) * 100%), 95%);--button-svg: hsl(var(--hue), calc(var(--sat) * 20%), 20%);--button-svg-hover: hsl(var(--hue), calc(var(--sat) * 150%), 50%);--button-svg-focus: hsl(var(--hue), calc(var(--sat) * 150%), 50%);--button-svg-active: hsl(var(--hue), calc(var(--sat) * 150%), 50%);--fg-button-focus: hsl(var(--hue), calc(var(--sat) * 200%), 30%);--fg-button-active: hsl(var(--hue), calc(var(--sat) * 200%), 30%);--actor-hue: 0}*,*::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;cursor:not-allowed;opacity:.35}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}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}}*: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}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(--accent-light)}.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(--fg-inv0);background:repeating-linear-gradient(45deg, var(--accent-dark), var(--accent-dark) 1rem, var(--accent) 1rem, var(--accent) 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(--accent-dark), var(--accent-dark) 1rem, var(--accent) 1rem, var(--accent) 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)}.actor a{color:var(--fg-inv0)}.actor h1,.actor h2,.actor h3,.actor h4{color:inherit}.actor summary{padding:1rem}.actor summary svg{fill:var(--fg-inv1)}.actor summary:hover,.actor summary:focus{color:var(--fg-inv0)}.actor summary:hover svg,.actor summary:focus svg{fill:var(--fg-inv0)}.actor details:not(.comment) summary:focus-visible{outline-offset:-6px;border-radius:10px}.actors-wrapper{height:100dvh;display:flex;flex-direction:column;justify-content:flex-start}.actors-tabs{flex-grow:0;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1rem 0;background:var(--bg-inv0);background-color:hsl(var(--actor-hue), 50%, 80%);background-color:oklch(25% 0.25 var(--actor-hue));overflow:hidden;box-shadow:0 -0.75rem .75rem -0.75rem rgba(0,0,0,.75) inset;user-select:none}.actors-tabs button{all:unset;padding:.35rem .7rem .3rem;font-size:.85em;font-family:inherit;border-radius:.25rem .25rem 0 0;color:var(--fg1);background:#fff;cursor:pointer;opacity:.65}.actors-tabs button span{display:inline-block;padding-bottom:.1rem;border-bottom:.2rem solid rgba(0,0,0,0);border-color:hsl(var(--actor-hue), 50%, 80%);border-color:oklch(80% 0.15 var(--actor-hue))}.actors-tabs button:hover{opacity:.85}.actors-tabs button[aria-selected=true]{opacity:1}.actors-tabs button:focus-visible{outline:2px solid hsl(var(--actor-hue), 50%, 80%);outline:2px solid oklch(80% 0.15 var(--actor-hue));outline-offset:2px}.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(--fg-inv1);background:var(--bg-inv3)}.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(--fg-inv0);line-height:1.3;background:var(--bg-inv4);background:radial-gradient(circle at 200% 150%, var(--bg-inv3), var(--bg-inv4));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(--fg-inv0);border-left:1px solid var(--bg-inv4)}@container (width < 340px){.actor-infos{display:block}.actor-infos dl{display:block;padding:.5rem 1rem;border-bottom:1px solid var(--bg-inv4)}.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(--fg-inv0);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,.2)}.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(--fg-inv0)}.actor-posts-count .comment[open] summary{color:var(--fg-inv0)}.actor-posts-count .comment p{margin-top:.5rem;padding-left:2.05rem}.actor-raw{background:var(--bg-inv2);box-shadow:0 .75rem .75rem -1rem #000 inset}.actor-raw .details-content{padding:1rem 1rem 2rem;overflow:auto;overflow-wrap:break-word}.actor-likes-bookmarks{background:var(--bg-inv0);overflow-wrap:break-word}.actor-likes-bookmarks h2{display:inline;font-size:inherit;font-weight:normal}.actor-likes-bookmarks ul{font-size:.9em;padding:0 1rem 2rem 2.05rem}.actor-likes-bookmarks li{padding:.25rem .75rem;list-style:none}.actor-likes-bookmarks a{display:block;padding:.25rem;line-height:1.1;text-decoration:none}.actor-likes-bookmarks a:hover{text-decoration:underline}.actor-likes-bookmarks .no-content{padding:0 1rem 2rem;text-align:center;font-style:italic}.actor-likes{background:var(--bg-inv1);box-shadow:0 .75rem .75rem -1rem #000 inset}.actor-bookmarks{padding-bottom:1rem;box-shadow:0 .75rem .75rem -1rem #000 inset}.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}.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-inv0);opacity:1;background-color:var(--accent)}@media(forced-colors: active){.toots-filter.active label{outline:1px solid Highlight}}.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(--fg-inv0);background:repeating-linear-gradient(45deg, var(--accent-dark), var(--accent-dark) 10px, var(--accent) 10px, var(--accent) 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::before{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(--accent-light-bg);border:2px dashed var(--accent-light2)}.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:hsl(var(--actor-hue), 50%, 80%);background-color:oklch(80% 0.15 var(--actor-hue))}.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;opacity:.8;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}}.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 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);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}.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-inv0);background-color:var(--accent)}.tags-group .active button div .count{color:var(--fg-inv0)}.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}.mobile-menu{display:none;position:relative;z-index:2;color:var(--fg-inv1);background-color:var(--bg-inv2)}@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(--fg-inv0)}@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(--accent-light2)}@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)}}@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(--fg1);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(--accent-light)}}@media screen and (width < 1200px)and (forced-colors: active){.panel-close{color:buttonText}}@media screen and (width < 1200px){.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(--fg-inv0);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 */ +html{--bg0: #fff;--bg1: hsl(30, 10%, 95%);--bg2: hsl(30, 15%, 90%);--bg3: hsl(30, 17.5%, 87%);--bg4: hsl(30, 20%, 84%);--fg0: hsl(30, 0%, 0%);--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: $menu-fg-active;--menu-icon: #fff;--menu-filter-active: $menu-filter-active;--panel-close: hsl(30, 40%, 80%);--panel-close-hover: $panel-close-hover;--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%);--accent-light-bg: hsl(30, 50%, 96%);--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%)}.actors-wrapper{--actor-hue: 0;--actor-bg0: hsl(30, 37.5%, 11%);--actor-bg0-ok: oklch(11% 37.5% var(--actor-hue));--actor-bg1: hsl(30, 32.5%, 15%);--actor-bg1-ok: oklch(15% 32.5% var(--actor-hue));--actor-bg2: hsl(30, 25%, 20%);--actor-bg2-ok: oklch(20% 25% var(--actor-hue));--actor-bg3: hsl(30, 25%, 25%);--actor-bg3-ok: oklch(25% 25% var(--actor-hue));--actor-bg4: hsl(30, 22.5%, 40%);--actor-bg4-ok: oklch(40% 22.5% var(--actor-hue));--actor-fg0: #fff;--actor-fg1: hsl(30, 40%, 80%);--actor-fg1-ok: oklch(92% 10% 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;cursor:not-allowed;opacity:.35}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}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}}*: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}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(--accent-light)}.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(--fg-inv);background:repeating-linear-gradient(45deg, var(--accent-dark), var(--accent-dark) 1rem, var(--accent) 1rem, var(--accent) 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(--accent-dark), var(--accent-dark) 1rem, var(--accent) 1rem, var(--accent) 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 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:100dvh;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,.2)}.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-likes-bookmarks{background:var(--actor-bg0);overflow-wrap:break-word}.actor-likes-bookmarks h2{display:inline;font-size:inherit;font-weight:normal}.actor-likes-bookmarks ul{font-size:.9em;padding:0 1rem 2rem 2.05rem}.actor-likes-bookmarks li{padding:.25rem .75rem;list-style:none}.actor-likes-bookmarks a{display:block;padding:.25rem;line-height:1.1;text-decoration:none}.actor-likes-bookmarks a:hover{text-decoration:underline}.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;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1rem 0;background-color:hsl(var(--actor-hue), 50%, 80%);background-color:var(--actor-bg3-ok);overflow:hidden;box-shadow:0 -0.75rem .75rem -0.75rem rgba(0,0,0,.75) inset;user-select:none}.multiple-actors .actors-tabs button{all:unset;padding:.35rem .7rem .3rem;font-size:.85em;font-family:inherit;border-radius:.25rem .25rem 0 0;color:var(--fg1);background:#fff;cursor:pointer;opacity:.65}.multiple-actors .actors-tabs button span{display:inline-block;padding-bottom:.1rem;border-bottom:.2rem solid rgba(0,0,0,0);border-color:hsl(var(--actor-hue), 50%, 80%);border-color:oklch(80% 15% var(--actor-hue))}.multiple-actors .actors-tabs button:hover{opacity:.85}.multiple-actors .actors-tabs button[aria-selected=true]{opacity:1}.multiple-actors .actors-tabs button:focus-visible{outline:2px solid hsl(var(--actor-hue), 50%, 80%);outline:2px solid oklch(80% 15% var(--actor-hue));outline-offset:2px}.multiple-actors .actor summary svg{fill:var(--actor-fg1-ok)}.multiple-actors .actor-panel{color:var(--actor-fg1-ok);background:var(--actor-bg3-ok)}.multiple-actors .actor-summary{background:var(--actor-bg4-ok);background:radial-gradient(circle at 200% 150%, var(--actor-bg3-ok), var(--actor-bg4-ok))}.multiple-actors .actor-infos dd{border-left-color:var(--actor-bg4-ok)}@container (width < 340px){.multiple-actors .actor-infos dl{border-bottom-color:var(--actor-bg4-ok)}}.multiple-actors .actor-raw{background:var(--actor-bg2-ok)}.multiple-actors .actor-likes-bookmarks{background:var(--actor-bg0-ok)}.multiple-actors .actor-likes{background:var(--actor-bg1-ok)}.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}.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}}.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(--fg-inv);background:repeating-linear-gradient(45deg, var(--accent-dark), var(--accent-dark) 10px, var(--accent) 10px, var(--accent) 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::before{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(--accent-light-bg);border:2px dashed var(--accent-light2)}.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:hsl(var(--actor-hue), 50%, 80%);background-color:oklch(80% 15% var(--actor-hue))}.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;opacity:.8;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}}.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 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);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}.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}.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)}}@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){.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 */ diff --git a/css/main.css.map b/css/main.css.map index 9b9f042..6eb0a74 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["_colors.scss","_global.scss","_mixins.scss","_layout.scss","_welcome.scss","_actor.scss","_filters.scss","_toot.scss","_tags.scss","_menu.scss","_overlay.scss"],"names":[],"mappings":"AA6FA,KACE,UACA,WAEA,oDACA,oDACA,oDACA,oDACA,oDAEA,kDACA,oDACA,oDAEA,wDACA,wDACA,wDACA,wDACA,wDAEA,wDACA,wDAEA,wDACA,6DACA,8DACA,+DACA,+DACA,iEAEA,qBACA,2BACA,wCACA,oCAEA,sCACA,4CACA,qCAEA,gCACA,iEACA,2DACA,kEACA,kEACA,mEAEA,iEACA,kEAEA,eC7IF,qBAGE,sBACA,SACA,UAMA,iCACE,WAIF,yDACE,aAEF,uDACE,gBAEF,iCACE,oBAMJ,KACE,SACA,UACA,iBACA,eACA,sBACA,uBAGF,kBAME,iBAGF,IACE,cACA,YACA,eAGF,wBAEE,oBAGF,OACE,kBACA,MACA,kBACA,iBACA,oBACA,sBACA,4BACA,YACA,kBACA,uCAEA,8BAZF,OAaI,6BAGF,sBACE,iBAGF,mCAEE,qBACA,iBACA,mBAEF,kBACE,eAEF,iBACE,WACA,YACA,uBACA,8BAJF,iBAKI,iBAIJ,aACE,kCACA,uBACE,6BACA,8BAFF,uBAGI,iBAIN,aACE,6BACA,uBACE,6BACA,8BAFF,uBAGI,iBAIN,cACE,UACA,8BACA,iCACA,wBACE,8BACA,8BAFF,wBAGI,iBAIN,gBACE,MACA,gBACA,mBACA,YACA,0BACE,uBACA,8BAFF,0BAGI,eAMR,MACE,kBACA,cACA,YACA,iCAEA,8BANF,MAOI,6BAGF,YACE,uCAEF,gCAEE,uCAIJ,mBACE,UACA,kBACA,0BACA,qBAEF,4FAEE,wBACA,SAIA,gBACE,eACA,iBACA,aACA,WACA,mBACA,8BACE,iBACA,kBACA,kCACE,aACA,eAMN,6BAEE,qBACA,qBACA,eAEF,iBACE,cACA,WACA,gBACA,YACA,yBACA,gBACA,kBAEA,iCATF,iBAUI,aACA,sBAMN,sGAIE,qBACA,sCACA,mBACA,kBACA,kBACA,UAGF,0CC/NE,UACA,WACA,gBACA,mBACA,qBACA,kBACA,mBD6NF,MACE,kBACA,YACA,WACA,kBACA,iBACA,oBACA,sBE3OF,KACE,aACA,cACA,gBAGF,oBACE,kBACA,UACA,cACA,iBACA,aACA,oBACE,wDAEF,uEACA,mCAGF,OACE,gBAEF,cACE,iBAEF,eACE,kBAEF,OACE,gBAEF,YACE,eAEF,aACE,aAGF,cACE,mBACA,gBACA,4BACA,iBACE,oBACA,wBACE,mBAGJ,kBACE,0BAEF,4BACE,kBAEF,wBACE,YACA,gBAEF,qCACE,aAIJ,OACE,sBACA,cACA,2BACA,8CAJF,OAKI,wBAIJ,QACE,aACA,8BACA,mBACA,UACA,aACA,+CAEE,aACA,eACA,WAEF,wBACE,2BAEF,uBACE,yBAKJ,eACE,oBAGA,sBAII,oIDpGJ,UACA,WACA,gBACA,mBACA,qBACA,kBACA,oBCsGF,cACE,2BAEA,oBACE,kBAGF,sBACE,WACA,eACA,mFAEE,QACA,iBAEF,sCACE,QAEF,qCACE,QAGJ,sCACE,aAGF,2BAGE,4BACE,aAEF,qCACE,cAEF,sCACE,cACA,oBAGF,sCACE,gBAEA,aACA,QACA,6BACA,kBACA,yBACA,kBACA,sBACA,4CAEA,8CACE,WACA,kBACA,uBACA,MACA,UACA,QACA,SACA,iCACA,kCAEF,8BACE,8CACE,aACA,cAIJ,2CACE,cAIJ,oCACE,qBACA,cAIJ,2BAKM,yJDlMN,UACA,WACA,gBACA,mBACA,qBACA,kBACA,oBEPF,yBACE,GACE,wBAEF,KACE,wCAIJ,SACE,eACA,cACA,cACA,mBACA,aACA,sBACA,cACA,gBACA,kBACA,UAIA,UACE,mBACA,kBACA,gBACA,oBACE,cACA,eACA,WAGJ,SACE,aACA,eACE,oBACA,0BACA,eACA,8BAJF,eAKI,kBAMR,aACE,cACA,WACA,aACA,iBACA,cACA,aACA,mBACA,sBACA,sCAEE,sBACA,sCACA,mBAGF,qBACE,aACA,uBACA,mBACA,cACA,+BACA,qBACA,iIAOA,0BAEA,sDAEE,aAGF,8CArBF,qBAsBI,4CAKN,OACE,gBACA,gBACA,kBAIA,kCACE,WACA,kBACA,OACA,QACA,MACA,SACA,WAEA,iIAOA,0BAEA,8CAlBF,kCAmBI,4CAGJ,iCACE,WACA,kBACA,UACA,WACA,SACA,YACA,UAEA,sBC9HF,SACE,qBAEF,wCAIE,cAGF,eACE,aACA,mBACE,oBAEF,0CAEE,qBACA,kDACE,oBAKN,mDACE,oBACA,mBAIJ,gBACE,cACA,aACA,sBACA,2BAGF,aACE,YACA,aACA,eACA,WACA,oBACA,0BACA,iDACA,iBLqGqB,iCKpGrB,gBACA,4DACA,iBAEA,oBACE,UACA,2BACA,gBACA,oBACA,gCACA,iBACA,gBACA,eACA,YAEA,yBACE,qBACA,qBACA,wCACA,6CACA,aL+EkB,iCK5EpB,0BACE,YAEF,wCACE,UAEF,kCACE,kDACA,mDACA,mBAKN,aACE,YACA,YACA,2BACA,aACA,sBACA,2BACA,gBACA,kBACA,qBACA,0BAGF,cACE,YACA,cACA,uBAKA,sCACE,UACA,yBACA,gBACA,gBACA,eACA,oDACE,MAKN,cACE,qBACA,mCACE,oBACA,kBACA,iBACA,uCACE,gBAKN,UACE,kBACA,UACA,aACA,oBACE,qBAEF,gCACA,mCAEA,iBACE,oBAGF,YACE,kBACA,qBAGJ,cACE,cACA,YACA,oBACA,eACA,kBACE,YACA,YACA,oBAGF,wBACE,eAGJ,YACE,eACA,kBACA,kBACA,mBAEF,WACE,cACA,kBAGF,eACE,cACA,aACA,qBACA,gBACA,0BACA,gFAKA,oBACA,gDAGF,aACE,aACA,8DACA,cAEA,gBACE,mBACA,aACA,8BAEF,gBACE,mBACA,mBAEF,gBACE,mBACA,qBACA,qCAGF,2BApBF,aAqBI,cAEA,gBACE,cACA,mBACA,uCACA,2BACE,mBAGJ,gBACE,UACA,oBAEF,gBACE,UACA,kBAKN,mBACE,aACA,eACA,6BACA,gBACA,SACA,0BACE,cACA,qBACA,gBACA,iBAEF,sDAEE,2BACA,aACA,kBACA,oBACA,gCAEF,4BACE,cACA,eACA,oCACE,UACA,iBACA,4FAEE,qBAGJ,0CACE,qBAEF,8BACE,iBACA,qBAKN,WACE,0BACA,4CACA,4BACE,uBACA,cACA,yBAIJ,uBACE,0BACA,yBAEA,0BACE,eACA,kBACA,mBAGF,0BACE,eACA,4BAEF,0BACE,sBACA,gBAEF,yBACE,cACA,eACA,gBACA,qBACA,+BACE,0BAIJ,mCACE,oBACA,kBACA,kBAIJ,aACE,0BACA,4CAEF,iBACE,oBACA,4CCnUF,eACE,cACA,kBACA,sBACA,4BACA,gBACA,2BACA,iBAEA,kBACE,gBAIJ,qBACE,gBACA,iBAEA,2CACE,sCAIJ,qBACE,gBAEF,2BACE,iBAGF,gCACE,aACA,sCACA,WACA,8CACE,mBACA,mDACE,aACA,8BAGJ,2BAXF,gCAYI,cACA,yDACE,uBAKN,cACE,kBAEA,oBACE,cACA,oBACA,oBAGF,wBACE,gBAEF,oBACE,gBAIA,yBACE,cACA,WAIF,6BACE,kBACA,oBACA,wGAGA,gDACE,yDAGJ,6BACE,kBACA,SACA,QACA,UACA,UAIJ,6FAGE,uCAGF,2BACE,qBACA,UACA,+BACA,8BAJF,2BAKI,6BCpGN,MAYE,sBAXA,4BADF,MAEI,aACA,oBACE,wDAIF,8BACA,4DAKF,iBACE,mBAGF,kBAEE,SAIJ,aACE,iBACA,aAEA,+BACE,iBACA,iBAIJ,cACE,mBACA,mBACA,qBACA,iIL7BA,sDKqCA,oBACA,8BAbF,cAcI,6BAIJ,cACE,SACA,aACA,iBACA,gBACA,yBACA,4BACA,oBACA,gDAEA,8BAVF,cAWI,6BAGF,+BACE,kBACA,yBACA,wEACA,uCACE,WACA,kBACA,OACA,QACA,MACA,SACA,UACA,4HAIF,iCACE,kBACA,UAEF,mDACE,kBACA,UAIJ,yCACE,wCACA,uCAIJ,+BACE,kBAEA,oBACA,uCACE,WACA,kBACA,YACA,WACA,cACA,UACA,aACA,qBACA,iDACA,iBPgCoB,iCO5BxB,kBACE,gBACA,0CAEE,gBAGF,mCACE,gBACA,gBAGA,gDACE,kBAGJ,+BACE,cACA,iBACA,kBACA,qBACA,gBACA,sCACE,oBACA,mBAMJ,kBACE,gBAGF,sBACE,aACA,uBAGF,0BACE,+BACA,kCACA,UACA,yBACA,oBACA,gBACA,eACA,gBACA,8CATF,0BAUI,2CAEF,gEAEE,gBACA,oBAEF,gCACE,wBACA,gCACA,oCACE,sBACA,8BAFF,oCAGI,aAKR,aACE,cACA,WACA,eACA,iBACA,eACA,oBACA,gDACA,wBACA,8CATF,aAUI,gCAEF,8BAZF,aAaI,uBAIJ,0BACE,eAGF,uCACE,kBACA,+CACE,WACA,kBACA,cACA,gBACA,UACA,aACA,cACA,oBACA,qFAMN,WACE,aACA,4BACA,oBLvNA,sDK0NA,sBACE,gBAGF,iBACE,cACA,WACA,kBACA,oBAKF,sBACE,gBAGF,iBACE,cACA,WACA,YACA,eACA,iBACA,oBACA,gDAEF,4BACE,aAIJ,WAIE,eACA,aACA,uBACA,SACA,aACA,eARA,2BADF,WAEI,cAQF,cACE,SACA,aACA,sCAEF,cACE,mBAGF,eACE,iCACA,gCACA,YACA,cACA,aACA,4BACA,oBLnRF,sDKsRE,8BAVF,eAWI,6BAGJ,uBACE,YACA,yBACE,qBAIJ,cACE,oBAGF,cACE,gBACA,mBACA,gBACE,cACA,oBACA,+BACA,4BACA,wBACA,4BACA,qBAEA,8BATF,gBAUI,gBAIN,6BACE,+CAEF,+BACE,gDAEF,4BACE,6CAIJ,YACE,gBACA,cACA,aACA,eACA,WACA,aACA,eACA,uBACA,2BACA,sBACA,oBL5UA,sDK+UA,iBACE,qBAGF,qFAIE,mBACA,6DAEA,8BAPF,qFAQI,gBAGJ,uBACE,eACA,+BACE,YACA,aAIJ,+CAEE,kBAEF,wBACE,gBAGF,kBACE,iBAGF,kBACE,QAEF,oBACE,QAEF,uBACE,QAEF,wBACE,QAEF,kBACE,QAGF,uBACE,cACA,eACA,mBACA,iDAEA,8BANF,uBAOI,gBAEF,+BACE,aAEF,gCACE,cAKN,kCACE,kDAEF,mCACE,mDAEF,gDACE,0DAEF,kDACE,4DAEF,mDACE,6DAEF,mDACE,6DAEF,oBACE,eACA,oBACA,6BACA,oDACA,8BALF,oBAMI,gBACA,iBAIJ,UACE,cACA,iBACA,oBACA,kBACE,oBAEF,kBACE,yBACA,UACA,mBACA,eACA,iBACA,WACA,iBACA,wDAEE,UACA,oBACA,4BAGJ,wBACE,aAGF,wBACE,4BL5cF,sDK+cE,8BAJF,wBAKI,6BAGF,gCACE,UACA,+BACA,gBAIJ,2BACE,aACA,yBAIJ,kBACE,kBACA,kBACA,sBACA,oBACE,aC9eJ,YACE,aACA,8CACA,aACA,oBACA,gBACA,4BACA,2BAGF,YACE,aAEF,YACE,kBACA,YACA,gBACA,aACA,oBACA,mCAEA,eACE,gBACA,gBAEF,eACE,gBACA,iBAEF,mBACE,UACA,cACA,WAEA,uBACE,aACA,mBACA,WACA,WACA,oBACA,oBACA,YACA,yBACA,oBACA,kBACA,eAEA,8BAME,yBACA,gBACA,iBAPA,4BADF,8BAEI,qBACA,cACA,kBAMJ,6BACE,YACA,qBACA,aACA,eACA,8BACA,mBAEF,+BACE,iBACA,kBACA,gBACA,iBACA,qBACA,YAKF,+BACE,0BAIN,+BACE,qBACA,+BACA,sCACE,qBAKN,mBACE,mBACA,gBAEA,4BAJF,mBAKI,aACA,8BACA,iBAGA,6BACE,yBACA,mBAIN,mBACE,YACA,yBACE,cACA,WACA,kBACA,4BAJF,yBAKI,cAKN,mBACE,cACA,kBACA,oBCvHF,aACE,aACA,kBACA,UACA,qBACA,gCAEA,8BAPF,aAQI,kBAGF,gBACE,gBACA,cACA,eACA,aACA,sBACA,2BAEF,gBACE,cACA,gBAEF,oBACE,aACA,sBACA,8BACA,mBACA,kBACA,OAjCS,KAkCT,eACA,UACA,cACA,gBACA,kBACA,iBACA,cACA,qBACA,yBACA,gBACA,gBACA,gBACA,kCACE,oBAGF,wBACE,cACA,MAnDO,KAoDP,YACA,kBACA,oBAEA,8BAPF,wBAQI,iBAIJ,yBACE,cACA,oBAEF,qCACE,uBAKE,wDACE,WACA,kBACA,WACA,QACA,UACA,WACA,YACA,mBACA,sCACA,8BAVF,wDAWI,4BAKR,6BACE,gBAGF,4DAEE,sCAEA,8BAJF,4DAKI,aACA,qBACA,sEACE,iBAEF,oEACE,aAMV,gBACE,aACA,eACA,OACA,QACA,MACA,SACA,UACA,sCAGF,mCAGE,cACE,UACA,4CACA,wBACE,aAGJ,OACE,UAGF,oBACE,oBACE,2BAEF,+BACA,gBAGF,eACE,oBAGF,mBACE,eACA,YACA,MACA,SACA,UACA,+BACA,kCAEA,8EATF,mBAUI,6BACA,oCACA,wBAtCN,mCAyCE,aACE,kBACA,UACA,QACA,UACA,iBACA,yBACA,gBACA,uBACE,kBAEF,iEAGE,2BAGF,8DAjBF,aAkBI,kBA3DN,mCA+DE,aACE,cACA,eACA,UAIA,qCACE,cAGF,kJAGE,KArMO,KAsMP,6CACA,8EALF,kJAMI,0BAhFR,mCAoFI,qJAGE,qBACA,uCAKN,kCAGE,oBACE,oBACE,wBAGF,0BACA,+CAGF,aACE,gBACA,gBACE,mBACA,6BACA,YACA,UAEF,gBACE,YAEF,oBACE,mBACA,WAIJ,mBACE,YACA,OApPS,KAqPT,aACA,aACA,gBAGA,kJAGE,OAIJ,YACE,oBAEF,YACE,kBCrQJ,SACE,eACA,OACA,QACA,MACA,SACA,YACA,aACA,mBACA,uBAGF,iBACE,kBACA,UAGF,sCAEE,8BACA,+BAGF,qBACE,oCAGF,YACE,kBACA,OACA,QACA,MACA,SACA,UAEA,mBACE,cACA,UACA,kBACA,UACA,eACA,YACA,yBACA,gBACA,uBACE,cACA,WACA,YACA,yBAKA,wFACE,+BAIN,0BACE,QACA,UACA,8BACE,WACA,YAGJ,yBACE,UACA,qBAEF,yBACE,SACA,qBAGF,sBACE,kBACA,OACA,QACA,MACA,SACA,UACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["_colors.scss","_global.scss","_mixins.scss","_layout.scss","_welcome.scss","_actor.scss","_filters.scss","_toot.scss","_tags.scss","_menu.scss","_overlay.scss"],"names":[],"mappings":"AAqGA,KACE,YACA,yBACA,yBACA,2BACA,yBAEA,uBACA,yBACA,yBACA,eAEA,6BACA,6BACA,kCACA,kBACA,0CACA,iCACA,wCAEA,6BACA,kCACA,kCACA,mCACA,mCACA,qCAEA,qBACA,2BACA,wCACA,oCAEA,sCACA,4CACA,qCAEA,gCACA,qCACA,gCACA,sCACA,sCACA,uCAEA,sCACA,uCAGF,gBACE,eACA,iCACA,kDACA,iCACA,kDACA,+BACA,gDACA,+BACA,gDACA,iCACA,kDAEA,kBACA,+BACA,gDClKF,qBAGE,sBACA,SACA,UAMA,iCACE,WAIF,yDACE,aAEF,uDACE,gBAEF,iCACE,oBAMJ,KACE,SACA,UACA,iBACA,eACA,sBACA,uBAGF,kBAME,iBAGF,IACE,cACA,YACA,eAGF,wBAEE,oBAGF,OACE,kBACA,MACA,kBACA,iBACA,oBACA,sBACA,4BACA,YACA,kBACA,uCAEA,8BAZF,OAaI,6BAGF,sBACE,iBAGF,mCAEE,qBACA,iBACA,mBAEF,kBACE,eAEF,iBACE,WACA,YACA,uBACA,8BAJF,iBAKI,iBAIJ,aACE,kCACA,uBACE,6BACA,8BAFF,uBAGI,iBAIN,aACE,6BACA,uBACE,6BACA,8BAFF,uBAGI,iBAIN,cACE,UACA,8BACA,iCACA,wBACE,8BACA,8BAFF,wBAGI,iBAIN,gBACE,MACA,gBACA,mBACA,YACA,0BACE,uBACA,8BAFF,0BAGI,eAMR,MACE,kBACA,cACA,YACA,iCAEA,8BANF,MAOI,6BAGF,YACE,uCAEF,gCAEE,uCAIJ,mBACE,UACA,kBACA,0BACA,qBAEF,4FAEE,wBACA,SAIA,gBACE,eACA,iBACA,aACA,WACA,mBACA,8BACE,iBACA,kBACA,kCACE,aACA,eAMN,6BAEE,qBACA,qBACA,eAEF,iBACE,cACA,WACA,gBACA,YACA,yBACA,gBACA,kBAEA,iCATF,iBAUI,aACA,sBAMN,sGAIE,qBACA,sCACA,mBACA,kBACA,kBACA,UAGF,0CC/NE,UACA,WACA,gBACA,mBACA,qBACA,kBACA,mBD6NF,MACE,kBACA,YACA,WACA,kBACA,iBACA,oBACA,sBE3OF,KACE,aACA,cACA,gBAGF,oBACE,kBACA,UACA,cACA,iBACA,aACA,oBACE,wDAEF,uEACA,mCAGF,OACE,gBAEF,cACE,iBAEF,eACE,kBAEF,OACE,gBAEF,YACE,eAEF,aACE,aAGF,cACE,mBACA,gBACA,4BACA,iBACE,oBACA,wBACE,mBAGJ,kBACE,0BAEF,4BACE,kBAEF,wBACE,YACA,gBAEF,qCACE,aAIJ,OACE,sBACA,cACA,2BACA,8CAJF,OAKI,wBAIJ,QACE,aACA,8BACA,mBACA,UACA,aACA,+CAEE,aACA,eACA,WAEF,wBACE,2BAEF,uBACE,yBAKJ,eACE,oBAGA,sBAII,oIDpGJ,UACA,WACA,gBACA,mBACA,qBACA,kBACA,oBCsGF,cACE,2BAEA,oBACE,kBAGF,sBACE,WACA,eACA,mFAEE,QACA,iBAEF,sCACE,QAEF,qCACE,QAGJ,sCACE,aAGF,2BAGE,4BACE,aAEF,qCACE,cAEF,sCACE,cACA,oBAGF,sCACE,gBAEA,aACA,QACA,6BACA,kBACA,yBACA,kBACA,sBACA,4CAEA,8CACE,WACA,kBACA,uBACA,MACA,UACA,QACA,SACA,iCACA,kCAEF,8BACE,8CACE,aACA,cAIJ,2CACE,cAIJ,oCACE,qBACA,cAIJ,2BAKM,yJDlMN,UACA,WACA,gBACA,mBACA,qBACA,kBACA,oBEPF,yBACE,GACE,wBAEF,KACE,wCAIJ,SACE,eACA,cACA,cACA,mBACA,aACA,sBACA,cACA,gBACA,kBACA,UAIA,UACE,mBACA,kBACA,gBACA,oBACE,cACA,eACA,WAGJ,SACE,aACA,eACE,oBACA,0BACA,eACA,8BAJF,eAKI,kBAMR,aACE,cACA,WACA,aACA,iBACA,cACA,aACA,mBACA,sBACA,sCAEE,sBACA,sCACA,mBAGF,qBACE,aACA,uBACA,mBACA,cACA,+BACA,oBACA,iIAOA,0BAEA,sDAEE,aAGF,8CArBF,qBAsBI,4CAKN,OACE,gBACA,gBACA,kBAIA,kCACE,WACA,kBACA,OACA,QACA,MACA,SACA,WAEA,iIAOA,0BAEA,8CAlBF,kCAmBI,4CAGJ,iCACE,WACA,kBACA,UACA,WACA,SACA,YACA,UAEA,sBAIJ,cACE,uBACA,2BACE,SCrIF,SACE,uBAEF,wCAIE,cAGF,eACE,aACA,mBACE,sBAEF,0CAEE,uBACA,kDACE,sBAKN,mDACE,oBACA,mBAIJ,gBACE,cACA,aACA,sBACA,2BAGF,aACE,YACA,YACA,2BACA,aACA,sBACA,2BACA,gBACA,kBACA,uBACA,4BAGF,cACE,YACA,cACA,uBAKA,sCACE,UACA,yBACA,gBACA,gBACA,eACA,oDACE,MAKN,cACE,qBACA,mCACE,oBACA,kBACA,iBACA,uCACE,gBAKN,UACE,kBACA,UACA,aACA,oBACE,qBAEF,gCACA,mCAEA,iBACE,oBAGF,YACE,kBACA,qBAGJ,cACE,cACA,YACA,oBACA,eACA,kBACE,YACA,YACA,oBAGF,wBACE,eAGJ,YACE,eACA,kBACA,kBACA,mBAEF,WACE,cACA,kBAGF,eACE,cACA,aACA,uBACA,gBACA,4BACA,oFAKA,oBACA,gDAGF,aACE,aACA,8DACA,cAEA,gBACE,mBACA,aACA,8BAEF,gBACE,mBACA,mBAEF,gBACE,mBACA,uBACA,uCAGF,2BApBF,aAqBI,cAEA,gBACE,cACA,mBACA,yCACA,2BACE,mBAGJ,gBACE,UACA,oBAEF,gBACE,UACA,kBAKN,mBACE,aACA,eACA,6BACA,gBACA,SACA,0BACE,cACA,uBACA,gBACA,iBAEF,sDAEE,2BACA,aACA,kBACA,oBACA,gCAEF,4BACE,cACA,eACA,oCACE,UACA,iBACA,4FAEE,uBAGJ,0CACE,uBAEF,8BACE,iBACA,qBAKN,WACE,4BACA,4CACA,4BACE,uBACA,cACA,yBAIJ,uBACE,4BACA,yBAEA,0BACE,eACA,kBACA,mBAGF,0BACE,eACA,4BAEF,0BACE,sBACA,gBAEF,yBACE,cACA,eACA,gBACA,qBACA,+BACE,0BAIJ,mCACE,oBACA,kBACA,kBAIJ,aACE,4BACA,4CAEF,iBACE,oBACA,4CAIA,8BACE,YACA,aACA,eACA,WACA,oBAGA,iDACA,qCACA,gBACA,4DACA,iBAEA,qCACE,UACA,2BACA,gBACA,oBACA,gCACA,iBACA,gBACA,eACA,YAEA,0CACE,qBACA,qBACA,wCACA,6CACA,aLjJgB,gCKqJlB,2CACE,YAEF,yDACE,UAEF,mDACE,kDACA,kDAEA,mBAON,oCACE,yBAEF,8BACE,0BACA,+BAEF,gCACE,+BACA,0FAOA,iCACE,sCAEF,2BACE,iCACE,yCAIN,4BACE,+BAEF,wCACE,+BAEF,8BACE,+BC5WJ,eACE,cACA,kBACA,sBACA,4BACA,gBACA,2BACA,iBAEA,kBACE,gBAIJ,qBACE,gBACA,iBAEA,2CACE,sCAIJ,qBACE,gBAEF,2BACE,iBAGF,gCACE,aACA,sCACA,WACA,8CACE,mBACA,mDACE,aACA,8BAGJ,2BAXF,gCAYI,cACA,yDACE,uBAKN,cACE,kBAEA,oBACE,cACA,oBACA,oBAGF,wBACE,gBAEF,oBACE,gBAIA,yBACE,cACA,WAIF,6BACE,kBACA,oBACA,wGAGA,gDACE,yDAGJ,6BACE,kBACA,SACA,QACA,UACA,UAIJ,6FAGE,uCAGF,2BACE,oBACA,UACA,+BACA,8BAJF,2BAKI,6BCpGN,MAYE,sBAXA,4BADF,MAEI,aACA,oBACE,wDAIF,8BACA,4DAKF,iBACE,mBAGF,kBAEE,SAIJ,aACE,iBACA,aAEA,+BACE,iBACA,iBAIJ,cACE,mBACA,mBACA,oBACA,iIL7BA,sDKqCA,oBACA,8BAbF,cAcI,6BAIJ,cACE,SACA,aACA,iBACA,gBACA,yBACA,4BACA,oBACA,gDAEA,8BAVF,cAWI,6BAGF,+BACE,kBACA,yBACA,wEACA,uCACE,WACA,kBACA,OACA,QACA,MACA,SACA,UACA,4HAIF,iCACE,kBACA,UAEF,mDACE,kBACA,UAIJ,yCACE,wCACA,uCAIJ,+BACE,kBAEA,oBACA,uCACE,WACA,kBACA,YACA,WACA,cACA,UACA,aACA,qBACA,iDACA,iBPoDoB,gCOhDxB,kBACE,gBACA,0CAEE,gBAGF,mCACE,gBACA,gBAGA,gDACE,kBAGJ,+BACE,cACA,iBACA,kBACA,qBACA,gBACA,sCACE,oBACA,mBAMJ,kBACE,gBAGF,sBACE,aACA,uBAGF,0BACE,+BACA,kCACA,UACA,yBACA,oBACA,gBACA,eACA,gBACA,8CATF,0BAUI,2CAEF,gEAEE,gBACA,oBAEF,gCACE,wBACA,gCACA,oCACE,sBACA,8BAFF,oCAGI,aAKR,aACE,cACA,WACA,eACA,iBACA,eACA,oBACA,gDACA,wBACA,8CATF,aAUI,gCAEF,8BAZF,aAaI,uBAIJ,0BACE,eAGF,uCACE,kBACA,+CACE,WACA,kBACA,cACA,gBACA,UACA,aACA,cACA,oBACA,qFAMN,WACE,aACA,4BACA,oBLvNA,sDK0NA,sBACE,gBAGF,iBACE,cACA,WACA,kBACA,oBAKF,sBACE,gBAGF,iBACE,cACA,WACA,YACA,eACA,iBACA,oBACA,gDAEF,4BACE,aAIJ,WAIE,eACA,aACA,uBACA,SACA,aACA,eARA,2BADF,WAEI,cAQF,cACE,SACA,aACA,sCAEF,cACE,mBAGF,eACE,iCACA,gCACA,YACA,cACA,aACA,4BACA,oBLnRF,sDKsRE,8BAVF,eAWI,6BAGJ,uBACE,YACA,yBACE,qBAIJ,cACE,oBAGF,cACE,gBACA,mBACA,gBACE,cACA,oBACA,+BACA,4BACA,wBACA,4BACA,qBAEA,8BATF,gBAUI,gBAIN,6BACE,+CAEF,+BACE,gDAEF,4BACE,6CAIJ,YACE,gBACA,cACA,aACA,eACA,WACA,aACA,eACA,uBACA,2BACA,sBACA,oBL5UA,sDK+UA,iBACE,qBAGF,qFAIE,mBACA,6DAEA,8BAPF,qFAQI,gBAGJ,uBACE,eACA,+BACE,YACA,aAIJ,+CAEE,kBAEF,wBACE,gBAGF,kBACE,iBAGF,kBACE,QAEF,oBACE,QAEF,uBACE,QAEF,wBACE,QAEF,kBACE,QAGF,uBACE,cACA,eACA,mBACA,iDAEA,8BANF,uBAOI,gBAEF,+BACE,aAEF,gCACE,cAKN,kCACE,kDAEF,mCACE,mDAEF,gDACE,0DAEF,kDACE,4DAEF,mDACE,6DAEF,mDACE,6DAEF,oBACE,eACA,oBACA,6BACA,oDACA,8BALF,oBAMI,gBACA,iBAIJ,UACE,cACA,iBACA,oBACA,kBACE,oBAEF,kBACE,yBACA,UACA,mBACA,eACA,iBACA,WACA,iBACA,wDAEE,UACA,oBACA,4BAGJ,wBACE,aAGF,wBACE,4BL5cF,sDK+cE,8BAJF,wBAKI,6BAGF,gCACE,UACA,+BACA,gBAIJ,2BACE,aACA,yBAIJ,kBACE,kBACA,kBACA,sBACA,oBACE,aC9eJ,YACE,aACA,8CACA,aACA,oBACA,gBACA,4BACA,2BAGF,YACE,aAEF,YACE,kBACA,YACA,gBACA,aACA,oBACA,mCAEA,eACE,gBACA,gBAEF,eACE,gBACA,iBAEF,mBACE,UACA,cACA,WAEA,uBACE,aACA,mBACA,WACA,WACA,oBACA,oBACA,YACA,yBACA,oBACA,kBACA,eAEA,8BAME,yBACA,gBACA,iBAPA,4BADF,8BAEI,qBACA,cACA,kBAMJ,6BACE,YACA,qBACA,aACA,eACA,8BACA,mBAEF,+BACE,iBACA,kBACA,gBACA,iBACA,qBACA,YAKF,+BACE,0BAIN,+BACE,oBACA,+BACA,sCACE,oBAKN,mBACE,mBACA,gBAEA,4BAJF,mBAKI,aACA,8BACA,iBAGA,6BACE,yBACA,mBAIN,mBACE,YACA,yBACE,cACA,WACA,kBACA,4BAJF,yBAKI,cAKN,mBACE,cACA,kBACA,oBCvHF,aACE,aACA,kBACA,UACA,qBACA,gCAEA,8BAPF,aAQI,kBAGF,gBACE,gBACA,cACA,eACA,aACA,sBACA,2BAEF,gBACE,cACA,gBAEF,oBACE,aACA,sBACA,8BACA,mBACA,kBACA,OAjCS,KAkCT,eACA,UACA,cACA,gBACA,kBACA,iBACA,cACA,qBACA,yBACA,gBACA,gBACA,gBACA,kCACE,oBAGF,wBACE,cACA,MAnDO,KAoDP,YACA,kBACA,sBAEA,8BAPF,wBAQI,iBAIJ,yBACE,cACA,oBAEF,qCACE,uBAKE,wDACE,WACA,kBACA,WACA,QACA,UACA,WACA,YACA,mBACA,2CACA,8BAVF,wDAWI,4BAKR,6BACE,gBAGF,4DAEE,sCAEA,8BAJF,4DAKI,aACA,qBACA,sEACE,iBAEF,oEACE,aAMV,gBACE,aACA,eACA,OACA,QACA,MACA,SACA,UACA,sCAGF,mCAGE,cACE,UACA,4CACA,wBACE,aAGJ,OACE,UAGF,oBACE,oBACE,2BAEF,+BACA,gBAGF,eACE,oBAGF,mBACE,eACA,YACA,MACA,SACA,UACA,+BACA,kCAEA,8EATF,mBAUI,6BACA,oCACA,wBAtCN,mCAyCE,aACE,kBACA,UACA,QACA,UACA,yBACA,yBACA,gBACA,uBACE,kBAEF,iEAGE,gCAGF,8DAjBF,aAkBI,kBA3DN,mCA+DE,aACE,cACA,eACA,UAIA,qCACE,cAGF,kJAGE,KArMO,KAsMP,6CACA,8EALF,kJAMI,0BAhFR,mCAoFI,qJAGE,4BACA,uCAKN,kCAGE,oBACE,oBACE,wBAGF,0BACA,+CAGF,aACE,gBACA,gBACE,mBACA,6BACA,YACA,UAEF,gBACE,YAEF,oBACE,mBACA,WAIJ,mBACE,YACA,OApPS,KAqPT,aACA,aACA,gBAGA,kJAGE,OAIJ,YACE,oBAEF,YACE,kBCrQJ,SACE,eACA,OACA,QACA,MACA,SACA,YACA,aACA,mBACA,uBAGF,iBACE,kBACA,UAGF,sCAEE,8BACA,+BAGF,qBACE,oCAGF,YACE,kBACA,OACA,QACA,MACA,SACA,UAEA,mBACE,cACA,UACA,kBACA,UACA,eACA,YACA,yBACA,gBACA,uBACE,cACA,WACA,YACA,yBAKA,wFACE,+BAIN,0BACE,QACA,UACA,8BACE,WACA,YAGJ,yBACE,UACA,qBAEF,yBACE,SACA,qBAGF,sBACE,kBACA,OACA,QACA,MACA,SACA,UACA","file":"main.css"} \ No newline at end of file diff --git a/index.html b/index.html index 34d86a5..cb2e634 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + + diff --git a/js/main.js b/js/main.js index c2a6999..89a8743 100644 --- a/js/main.js +++ b/js/main.js @@ -577,7 +577,6 @@ const filesStore = { } }); }, - toggleTootsOrder() { this.sortAsc = !this.sortAsc; this.sortToots(); diff --git a/readme.md b/readme.md index 35265b0..cbc2bec 100644 --- a/readme.md +++ b/readme.md @@ -66,6 +66,10 @@ Accessibility is a vast and complex topic, and there's probably room for improve MARL should work on pretty much any screen size, as low as 300 pixels wide (and possibly less). +### Persistent settings + +Paging-related settings (namely: number of posts per page, and sorting order) are stored in the browser and automatically restored when the app is initialized, so that you don't have to re-set them the way you like it every time. + ## Limitations Everything is based on the data contained in the Mastodon archive file. As far as I can tell, the archive does __not__ include: