https://www.reddit.com/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/?rdt=60284

Scan ID:
e7aab6db-d696-47a4-bf21-ec48a9975328Finished
Submitted URL:
https://www.reddit.com/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/Redirected
Report Finished:

The outgoing links identified from the page

LinkText
https://reddit.com/en-us/policies/cookiesCookie Notice
https://reddit.com/en-us/policies/privacy-policyPrivacy Policy
https://accounts.reddit.com/adsregister?utm_source=web3x_consumer&utm_name=user_menu_ctaAdvertise on Reddit
https://play.google.com/store/apps/details?id=com.reddit.frontpage
https://apps.apple.com/US/app/id1064216828
https://reddit.com/t/amazing/Amazing
https://reddit.com/t/animals_and_pets/Animals& Pets
https://reddit.com/t/cringe_and_facepalm/Cringe& Facepalm
https://reddit.com/t/funny/Funny
https://reddit.com/t/interesting/Interesting

JavaScript Variables · 18 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
CLIENT_EXPERIMENTSobject
CLIENT_CONFIGobject
litNoncestring
SENTRY_CONFIGobject
Sentryobject
STICKY_CANARYstring
reactiveElementVersionsobject

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
logother
URL
https://www.redditstatic.com/shreddit/en-US/shell-72de8e66.js
Text
Navigation listeners online
errorother
Text
A bad HTTP response code (403) was received when fetching the script.

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en-US" class="theme-beta" style="--dvh-unit: 1dvh; --viewport-height: calc(calc(var(--dvh-unit) * 100));"><head prefix="og: https://ogp.me/ns#">
        <title>I said no, now fuck off.  : r/sixwordstories</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="msapplication-navbutton-color" content="#000000">
        <meta name="theme-color" content="#000000">
        
        
        
        <link rel="preconnect" href="https://www.redditstatic.com/" crossorigin="anonymous">
        <link rel="dns-prefetch" href="https://www.redditstatic.com/">
      
        
    <script type="module" nonce="">!function(e,n,o,t,i,r,a){var d=!1,c=!1,s=[],f=function(e){("e"in e||"p"in e||e.f&&e.f.indexOf("capture")>-1||e.f&&e.f.indexOf("withScope")>-1||e.f&&e.f.indexOf("showReportDialog")>-1)&&u(s),f.data.push(e)};function u(n){function o(){import("https://www.redditstatic.com/shreddit/sentry-94f7e90f.js").then((o=>{try{e.Sentry=o.default,e.onerror=l,e.onunhandledrejection=p;var t=e.Sentry,i=t.init;t.init=function(e){var n=a;for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);i(n)},function(n,o){try{for(var t=f.data,i=0;i<n.length;i++)"function"==typeof n[i]&&n[i]();var r=!1,a=e.__SENTRY__;void 0!==a&&a.hub&&a.hub.getClient()&&(r=!0);var d=!1;for(i=0;i<t.length;i++)if(t[i].f){d=!0;var c=t[i];!1===r&&"init"!==c.f&&o.init(),r=!0,o[c.f].apply(o,c.a)}!1===r&&!1===d&&o.init();var s=e.onerror,u=e.onunhandledrejection;for(i=0;i<t.length;i++)"e"in t[i]&&s?s.apply(e,t[i].e):"p"in t[i]&&u&&u.apply(e,[t[i].p])}catch(e){console.error(e)}}(n,t)}catch(e){console.error(e)}}))}c||(c=!0,"requestIdleCallback"in window?requestIdleCallback(o,{timeout:3e3}):window.setTimeout(o,0))}f.data=[],e.Sentry=e.Sentry||{},e.Sentry.onLoad=function(e){s.push(e),d&&u(s)},e.Sentry.forceLoad=function(){d=!0,setTimeout((function(){u(s)}))},["init","addBreadcrumb","captureMessage","captureException","captureEvent","configureScope","withScope","showReportDialog"].forEach((function(n){e.Sentry[n]=function(){f({f:n,a:arguments})}}));var l=e.onerror;e.onerror=function(n,o,t,i,r){f({e:[].slice.call(arguments)}),l&&l.apply(e,arguments)};var p=e.onunhandledrejection;e.onunhandledrejection=function(n){f({p:"reason"in n?n.reason:"detail"in n&&"reason"in n.detail?n.detail.reason:n}),p&&p.apply(e,arguments)}}(window,document,0,0,0,0,{dsn:"https://[email protected]/5810803"});var e=/Edge?\/(1{2}[6-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[7-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(4[1-9]|[5-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(10[1-9]|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)/;const n=["window.performance.mark is not a function","performance.getEntriesByName is not a function","window.queueMicrotask is not a function","runCustomize is not defined","require is not defined","n.assignedElements is not a function","SymBrowser_ModifyAnchorTagWithTarget","ibFindAllVideos","Unexpected token 'for'"],o=["findTopmostVisibleElement"],t=t=>{const i=(r=navigator.userAgent,!e.test(r));var r;return!!((e=>!!n.some((n=>e?.originalException?.message?.includes(n))))(t)||(e=>!!o.some((n=>e?.originalException?.stack?.includes(n))))(t)||i)};window.Sentry.onLoad((()=>{window.Sentry.init({enabled:SENTRY_CONFIG.enabled,dsn:SENTRY_CONFIG.dsn,environment:SENTRY_CONFIG.environment,release:"5acb3aa96649c8d4e10afa08a203f73953c259dc",beforeSend:(e,n)=>t(n)?null:(fetch("/svc/shreddit/sentryMetrics",{method:"POST",body:""}),e),sampleRate:.001})}));
</script>
  
        <script nonce="">
    window.CLIENT_EXPERIMENTS = {"shreddit_service_worker_registration":"enabled"};
  </script>
        
     
    <script type="module" nonce="">
      window.STICKY_CANARY = 'false';
      if("fetch"in window){const n=window.fetch;window.fetch=function(a,t){const e=new Headers(t?.headers),r=a instanceof Request?a.url:a,s=!new URLSearchParams(r).has("x_use_sticky_canary");return"true"===window.STICKY_CANARY&&s&&function(n){if("string"==typeof n&&n.match(/^\//))return!0;const a=n instanceof URL?n:new URL(n);if(window.location.host!==a.host)return!1;return!0}(r)&&e.set("X-Use-Sticky-Canary","always"),n(a,{...t||{},headers:e})}}if("sendBeacon"in navigator){const n=navigator.sendBeacon.bind(navigator);navigator.sendBeacon=function(a,t){const e=function(n){if("true"!==window.STICKY_CANARY)return n;const a=n instanceof URL?n:new URL(n,document.baseURI);if(!a.searchParams.has("x_use_sticky_canary"))return a.searchParams.set("x_use_sticky_canary","always"),a.toString();return n}(a);return n.call(navigator,e,t)}}var n={};export{n as default};
;
    </script>
    
    <style nonce="">
      :root,button,html,input,select{font-family:var(--font-sans)}.border-collapse,table{border-collapse:collapse}.align-left,.text-left,td,th{text-align:left}img,input,pre,textarea{max-width:100%}del,ins{text-underline-position:under}.overscroll-none,.scroll-is-blocked{overscroll-behavior:none}.col-start-1,.dx-zstack>*{grid-column-start:1}.dx-zstack>*,.row-start-1{grid-row-start:1}.theme-light,:root{--rem360:22.5rem;--rem320:20rem;--rem192:12rem;--rem144:9rem;--rem128:8rem;--rem96:6rem;--rem90:5.625rem;--rem88:5.5rem;--rem64:4rem;--rem56:3.5rem;--rem48:3rem;--rem40:2.5rem;--rem36:2.25rem;--rem32:2rem;--rem28:1.75rem;--rem26:1.625rem;--rem24:1.5rem;--rem22:1.375rem;--rem20:1.25rem;--rem18:1.125rem;--rem16:1rem;--rem15:0.9375rem;--rem14:0.875rem;--rem12:0.75rem;--rem10:0.625rem;--rem8:0.5rem;--rem6:0.375rem;--rem4:0.25rem;--rem2:0.125rem;--rem1:0.0625rem;--spacer-4xs:0.125rem;--spacer-2xs:0.25rem;--spacer-xs:0.5rem;--spacer-sm:0.75rem;--spacer-md:1rem;--spacer-lg:1.5rem;--spacer-xl:2rem;--spacer-2xl:3rem;--spacer-a-px:0px;--spacer-button-lg-px:var(--spacer-lg);--spacer-button-md-px:var(--spacer-lg);--spacer-button-sm-px:var(--spacer-md);--spacer-input-padding-left:0px;--spacer-input-padding-top:0px;--spacer-label-default:0px;--spacer-switch-input-active-pl:0px;--size-2xs:0.25rem;--size-xs:0.5rem;--size-sm:0.75rem;--size-md:1rem;--size-lg:1.5rem;--size-xl:2rem;--size-2xl:3rem;--size-3xl:4rem;--size-4xl:6rem;--size-5xl:8rem;--size-button-lg-h:3.375rem;--size-button-md-h:2.75rem;--size-button-sm-h:2.125rem;--size-button-xs-h:1.375rem;--size-switch-input-h:1.25rem;--size-switch-input-w:2rem;--line-sm:0.0625rem;--line-md:0.125rem;--line-lg:0.25rem;--line-a-focus:0px;--line-a-outline-moz:0.0625rem;--line-a-outline-wb:0.3125rem;--line-button-lg-border:0.0625rem;--line-button-md-border:0.0625rem;--line-button-sm-border:0.0625rem;--line-button-xs-border:0.0625rem;--line-button-border-activated:0.0625rem;--line-input-border:var(--line-sm);--radius-sm:0.25rem;--radius-lg:2rem;--radius-full:624.9375rem;--radius-accordion-size:var(--radius-sm);--font-10-15-bold:normal 700 0.625rem/0.9375rem var(--font-sans);--font-button-lg:normal 700 1.125rem/1.375rem var(--font-sans);--font-button-md:normal 700 1rem/1.25rem var(--font-sans);--font-button-sm:normal 700 0.875rem/1.125rem var(--font-sans);--font-button-xs:normal 700 0.75rem/0.875rem var(--font-sans);--font-label-default:var(--font-10-15-bold);--misc-accordion-border:1px solid var(--color-tone-5);--misc-accordion-open-list-style-type:disclosure-open;--misc-accordion-closed-list-style-type:disclosure-closed;--misc-divider-margin:0.5rem auto;--misc-label-text-transform:uppercase;--misc-label-letter-spacing:0.5px;--color-primary-visited:#660099;--color-primary-background:#24a0ed;--color-primary-background-hover:#006cbf;--color-danger-content:#ea0027;--color-success-content:#46d160;--color-global-black:#000000;--color-global-white:#ffffff;--color-global-orangered:#D93900;--color-global-alienblue:#0079d3;--color-global-darkblue:#1d2535;--color-tone-1:#1a1a1b;--color-tone-2:#6a6d6f;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#ffffff;--color-action-primary:var(--color-primary-background);--color-action-secondary:var(--color-primary-background-hover);--color-action-upvote:var(--color-global-orangered);--color-action-downvote:#7193ff;--color-alert-positive:var(--color-success-content);--color-alert-negative:var(--color-danger-content);--color-alert-caution:#ffb000;--color-identity-admin:var(--color-global-orangered);--color-identity-moderator:#46d160;--color-identity-self:#0dd3bb;--color-identity-coins:#ddbd37;--color-category-live:var(--color-global-orangered);--color-category-nsfw:#ff3881;--color-category-spoiler:var(--color-tone-1);--color-ui-canvas:var(--color-tone-5);--color-ui-modalbackground:var(--color-tone-7);--color-opacity-highlight:linear-gradient(#006cbf1a, var(--color-tone-6));--color-opacity-08:#1a1a1b14;--color-opacity-50:#00000080;--color-scrim:#1a1a1b4d;--color-a-default:var(--color-primary-background-hover);--color-a-hover:var(--color-primary-background-hover);--color-a-visited:var(--color-primary-background-hover);--color-button-overlay-focus:#ffffff1a;--color-button-overlay-active:#00000014;--color-button-primary-background-hover:var(--color-primary-background);--color-button-primary-background-disabled:var(--color-tone-6);--color-button-primary-border-hover:transparent;--color-button-primary-border-active:transparent;--color-button-primary-border-activated:transparent;--color-button-primary-border-disabled:transparent;--color-button-primary-text-disabled:var(--color-tone-2);--color-button-secondary-background:transparent;--color-button-secondary-background-focus:transparent;--color-button-secondary-background-hover:transparent;--color-button-secondary-background-disabled:var(--color-tone-6);--color-button-secondary-background-activated:transparent;--color-button-secondary-border:var(--color-primary-background-hover);--color-button-secondary-border-hover:var(--color-primary-background-hover);--color-button-secondary-border-active:var(--color-primary-background-hover);--color-button-secondary-border-activated:var(--color-primary-background-hover);--color-button-secondary-border-disabled:var(--color-tone-2);--color-button-secondary-text:var(--color-primary-background-hover);--color-button-secondary-text-disabled:var(--color-tone-2);--color-button-secondary-text-activated:var(--color-button-secondary-text);--color-button-tertiary-background:var(--color-tone-6);--color-button-tertiary-background-focus:var(--color-tone-6);--color-button-tertiary-background-hover:var(--color-tone-6);--color-button-tertiary-background-disabled:var(--color-tone-6);--color-button-tertiary-background-activated:var(--color-tone-6);--color-button-tertiary-border-hover:transparent;--color-button-tertiary-border-active:transparent;--color-button-tertiary-text:var(--color-primary-background-hover);--color-button-tertiary-text-disabled:var(--color-tone-2);--color-button-tertiary-text-activated:var(--color-primary-background-hover);--color-button-plain-background-hover:transparent;--color-button-plain-background-disabled:var(--color-tone-7);--color-button-plain-background-activated:transparent;--color-button-plain-border-hover:transparent;--color-button-plain-border-active:transparent;--color-button-plain-text:var(--color-primary-background-hover);--color-button-plain-text-disabled:var(--color-tone-2);--color-button-plain-text-activated:var(--color-primary-background-hover);--color-divider-default:var(--color-tone-5);--color-input-default:var(--color-tone-6);--color-input-hover:var(--color-primary-background-hover);--color-input-border:var(--color-tone-5);--color-input-text:var(--color-tone-1);--color-input-helper-text:var(--color-tone-1);--color-label-default:var(--color-tone-1);--color-switch-input-background-default:var(--color-tone-3);--color-switch-input-background-checked:var(--color-global-alienblue);--color-switch-input-background-disabled:var(--color-tone-6);--color-switch-input-background-checked-disabled:var(--color-tone-5);--color-switch-input-background-hover:var(--color-tone-3);--color-switch-input-background-checked-hover:var(--color-global-alienblue);--elevation-xs:0 0.0625rem 0.125rem 0 #00000040;--elevation-sm:0 0.0625rem 0.25rem 0 #00000026,0 0.25rem 0.25rem 0 #00000026;--elevation-md:0 0.25rem 0.5rem 0 #0000001a,0 0.375rem 0.75rem 0 #00000040;--elevation-lg:0 0.75rem 0.75rem 0 #00000026,0 1rem 2rem 0 #00000040;--elevation-focus-ring:0 0 0 0.25rem var(--color-global-alienblue);--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;--font-mono:Noto Mono,Menlo,Monaco,Consolas,monospace;--font-title-h0:normal 500 1.625rem/2rem var(--font-sans);--font-title-h1:normal 500 1.375rem/1.625rem var(--font-sans);--font-title-h2:normal 500 1.25rem/1.5rem var(--font-sans);--font-title-h3:normal 500 1.125rem/1.375rem var(--font-sans);--font-title-h4:normal 500 1rem/1.25rem var(--font-sans);--font-title-h5:normal 500 0.875rem/1.125rem var(--font-sans);--font-title-h6:normal 500 0.75rem/1rem var(--font-sans);--font-body:0.875rem;--font-small:0.75rem;--font-code:0.875rem;--font-subheading:0.75rem;--font-label:0.625rem;--font-button-b1:normal bold 1.125rem/1.375rem var(--font-sans);--font-button-b2:normal bold 1rem/1.25rem var(--font-sans);--font-button-b3:normal bold 0.875rem/1.125rem var(--font-sans);--font-button-b4:normal bold 0.75rem/0.875rem var(--font-sans);--color-gradient-orangeyellow:linear-gradient(89.94deg, #ec0623 0%, #ff8717 100%);--color-gradient-bluepink:linear-gradient(89.94deg, #51b9ff 0%, #7785ff 52.6%, #b279ff 73.96%, #ff81ed 100%);--boxshadow-modal:0px 2px 15px rgba(26, 26, 27, 0.3);--boxshadow-navigation:0px 4px 14px rgba(0, 0, 0, 0.1);--boxshadow-tooltip:0 1px 4px rgba(0, 0, 0, 0.15),0 4px 4px rgba(0, 0, 0, 0.15);color-scheme:light}.theme-light dialog::backdrop,:root dialog::backdrop{--color-dialog-background:#00000080}@media (prefers-color-scheme:dark){:root:not(.theme-light){--color-primary-visited:#c58af9;--color-primary-background:#006cbf;--color-primary-background-hover:#24a0ed;--color-tone-1:#d7dadc;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--color-identity-coins:#ffe600;--color-ui-canvas:#050505;--color-ui-modalbackground:var(--color-tone-6);--color-opacity-50:#d7dadc80;--color-scrim:#0000004d;--elevation-xs:0 0.0625rem 0.125rem 0 #000000ab;--elevation-sm:0 0.0625rem 0.25rem 0 #00000054,0 0.25rem 0.25rem 0 #00000054;--elevation-md:0 0.25rem 0.5rem 0 #00000033,0 0.375rem 0.75rem 0 #00000080;--elevation-lg:0 0.75rem 0.75rem 0 #00000033,0 1rem 2rem 0 #00000080;--boxshadow-modal:0px 2px 15px rgba(0, 0, 0, 0.3);--boxshadow-tooltip:0 1px 4px rgba(0, 0, 0, 0.33),0 4px 4px rgba(0, 0, 0, 0.33);color-scheme:dark}:root:not(.theme-light) dialog::backdrop{--color-dialog-background:#d7dadc80}}.theme-dark{--color-primary-visited:#c58af9;--color-primary-background:#006cbf;--color-primary-background-hover:#24a0ed;--color-tone-1:#d7dadc;--color-tone-2:#818384;--color-tone-3:#565758;--color-tone-4:#3a3a3c;--color-tone-5:#272729;--color-tone-6:#1a1a1b;--color-tone-7:#121213;--color-identity-coins:#ffe600;--color-ui-canvas:#050505;--color-ui-modalbackground:var(--color-tone-6);--color-opacity-50:#d7dadc80;--color-scrim:#0000004d;--elevation-xs:0 0.0625rem 0.125rem 0 #000000ab;--elevation-sm:0 0.0625rem 0.25rem 0 #00000054,0 0.25rem 0.25rem 0 #00000054;--elevation-md:0 0.25rem 0.5rem 0 #00000033,0 0.375rem 0.75rem 0 #00000080;--elevation-lg:0 0.75rem 0.75rem 0 #00000033,0 1rem 2rem 0 #00000080;--boxshadow-modal:0px 2px 15px rgba(0, 0, 0, 0.3);--boxshadow-tooltip:0 1px 4px rgba(0, 0, 0, 0.33),0 4px 4px rgba(0, 0, 0, 0.33);color-scheme:dark}.theme-dark dialog::backdrop{--color-dialog-background:#d7dadc80}.theme-beta,.theme-light.theme-beta{--spacer-a-px:0.125rem;--spacer-button-lg-px:var(--spacer-md);--spacer-button-md-px:var(--spacer-md);--spacer-button-sm-px:var(--spacer-sm);--spacer-input-padding-left:var(--spacer-md);--spacer-input-padding-top:var(--spacer-2xs);--spacer-label-default:var(--spacer-md);--spacer-switch-input-active-pl:var(--spacer-xs);--size-banner-height:var(--size-rem40);--size-button-lg-h:var(--size-2xl);--size-button-md-h:2.5rem;--size-button-sm-h:var(--size-xl);--size-button-xs-h:var(--size-lg);--size-switch-input-h:var(--size-xl);--size-switch-input-w:var(--size-2xl);--line-a-focus:var(--line-md);--line-a-outline-moz:0px;--line-a-outline-wb:0px;--line-button-lg-border:var(--line-sm);--line-button-md-border:var(--line-sm);--line-button-sm-border:var(--line-sm);--line-button-xs-border:var(--line-sm);--line-button-border-activated:var(--line-lg);--line-input-border:var(--line-lg);--radius-md:1.25rem;--radius-accordion-size:0px;--font-10:normal undefined null/null var(--font-sans);--font-12:normal undefined null/null var(--font-sans);--font-14:normal undefined null/null var(--font-sans);--font-16:normal undefined null/null var(--font-sans);--font-18:normal undefined null/null var(--font-sans);--font-20:normal undefined null/null var(--font-sans);--font-24:normal undefined null/null var(--font-sans);--font-32:normal undefined null/null var(--font-sans);--font-48:normal undefined null/null var(--font-sans);--font-64:normal undefined null/null var(--font-sans);--font-title-h0:var(--font-64);--font-title-h1:var(--font-32);--font-title-h2:var(--font-24);--font-title-h3:var(--font-18);--font-title-h4:var(--font-16);--font-title-h5:var(--font-14);--font-title-h6:var(--font-12);--font-14-20-regular:normal 400 0.875rem/1.25rem var(--font-sans);--font-14-20-semibold:normal 600 0.875rem/1.25rem var(--font-sans);--font-16-20-regular:normal 400 1rem/1.25rem var(--font-sans);--font-12-16-regular:normal 400 0.75rem/1rem var(--font-sans);--font-12-16-semibold:normal 600 0.75rem/1rem var(--font-sans);--font-button-lg:var(--font-14-20-semibold);--font-button-md:var(--font-14-20-semibold);--font-button-sm:var(--font-12-16-semibold);--font-label-default:var(--font-12-16-regular);--misc-accordion-border:0;--misc-accordion-open-list-style-type:none;--misc-accordion-closed-list-style-type:none;--misc-divider-margin:0;--misc-label-text-transform:capitalize;--misc-label-letter-spacing:initial;--blur-sm:0.25rem;--blur-normal:0.5rem;--blur-md:0.75rem;--blur-lg:1rem;--blur-xl:1.5rem;--blur-2xl:2.5rem;--blur-3xl:4rem;--color-action-downvote:#6A5CFF;--color-action-upvote:#D93900;--color-ai-background-weaker:#E7FDF5;--color-ai-plain:#006C56;--color-ai-plain-hover:#015140;--color-alert-caution:#977000;--color-avatar-gradient:linear-gradient(0deg, #97AFBCff, #ffffffff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-gradient-active:linear-gradient(180deg, #cd3700ff, #db3b00ff 68%, #D93900ff 100%);--color-brand-gradient-active-highlight:linear-gradient(83deg, #db3f0000 80%, #D93900ff 100%);--color-brand-gradient-default:linear-gradient(180deg, #D93900ff, #db3b00ff 30%, #AE2C00ff 100%);--color-brand-gradient-default-highlight:linear-gradient(258deg, #db3f0000 80%, #D93900ff 100%);--color-brand-gradient-hover:linear-gradient(180deg, #e23d00ff 15%, #cb3600ff 49%, #b43000ff 100%);--color-brand-gradient-hover-highlight:linear-gradient(323deg, #cb360000 65%, #cb3600ff 100%);--color-brand-onBackground:#FFFFFF;--color-category-live:#D93900;--color-category-nsfw:#DE019F;--color-category-spoiler:var(--color-tone-1);--color-caution-background:#FFBF0B;--color-caution-background-hover:#D8A100;--color-caution-onBackground:#000000;--color-caution-plain:#785800;--color-caution-plain-hover:#5B4200;--color-danger-background:#EB001F;--color-danger-background-disabled:#FDB3A4;--color-danger-background-hover:#BC0117;--color-danger-background-weaker:#FBDBD4;--color-danger-content:#BC0117;--color-danger-content-default:#ffffff;--color-danger-content-hover:#90000F;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#BC0117;--color-danger-plain-hover:#90000F;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#523DFF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#523DFF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#523DFF;--color-downvote-plain-disabled:rgba(82, 61, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000003F;--color-elevation-large2:#00000026;--color-elevation-medium1:#0000003F;--color-elevation-medium2:#00000019;--color-elevation-small:#00000026;--color-elevation-xsmall:#0000003F;--color-favorite:#977000;--color-global-admin:#D93900;--color-global-alienblue:#1870F4;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-darkblue:#2A3236;--color-global-focus:#029DD5;--color-global-gold:#B78800;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#977000;--color-global-white:#FFFFFF;--color-gradient-media:linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);--color-gradient-media-strong:linear-gradient(180deg, #00000000, #000000cc 60%, #000000e6 100%);--color-identity-admin:#D93900;--color-identity-coins:#B78800;--color-identity-moderator:#008A10;--color-identity-self:#01876D;--color-interactive-background-disabled:#0000000C;--color-interactive-content-disabled:#0000003F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#00000026;--color-inverted-interactive-background-disabled:#FFFFFF0C;--color-inverted-interactive-content-disabled:#FFFFFF3F;--color-inverted-interactive-pressed:#FFFFFF26;--color-inverted-neutral-background:#0E1113;--color-inverted-neutral-background-hover:#181C1F;--color-inverted-neutral-border:#FFFFFF33;--color-inverted-neutral-content:#B7CAD4;--color-inverted-neutral-content-strong:#EEF1F3;--color-inverted-secondary-background:#2A3236;--color-inverted-secondary-background-hover:#333D42;--color-inverted-secondary-background-selected:#3D494E;--color-inverted-secondary-onBackground:#FFFFFF;--color-inverted-secondary-plain:#DBE4E9;--color-inverted-secondary-plain-hover:#FFFFFF;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-media-onbackground:#ffffff;--color-media-onbackground-disabled:#ffffff40;--color-media-onbackground-weak:#B7CAD4;--color-neutral-background:#FFFFFF;--color-neutral-background-container:#F6F8F9;--color-neutral-background-container-hover:#EEF1F3;--color-neutral-background-container-strong:#EEF1F3;--color-neutral-background-container-strong-hover:#E5EBEE;--color-neutral-background-gilded:#FFF9E0;--color-neutral-background-gilded-hover:#FFF3C0;--color-neutral-background-hover:#F6F8F9;--color-neutral-background-medium:#F8F8F8;--color-neutral-background-pinned:#FFFFFF;--color-neutral-background-selected:#E5EBEE;--color-neutral-background-strong:#FFFFFF;--color-neutral-background-strong-hover:#F6F8F9;--color-neutral-background-weak:#F6F8F9;--color-neutral-background-weak-hover:#EEF1F3;--color-neutral-border:#00000033;--color-neutral-border-medium:#0000007F;--color-neutral-border-strong:#181C1F;--color-neutral-border-weak:#00000019;--color-neutral-content:#333D42;--color-neutral-content-disabled:#D6D6D6;--color-neutral-content-strong:#181C1F;--color-neutral-content-weak:#5C6C74;--color-offline:#767676;--color-online:#01A816;--color-opacity-08:#13131314;--color-opacity-50:#00000080;--color-opacity-highlight:linear-gradient(#0A2F6C1a, var(--color-tone-6));--color-pizzaRed:#ef5350;--color-primary:#115BCA;--color-primary-background:#0A449B;--color-primary-background-hover:#0A2F6C;--color-primary-background-selected:#0A1A3F;--color-primary-border:#0A449B;--color-primary-border-hover:#0A2F6C;--color-primary-hover:#0A449B;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#FFFFFF;--color-primary-plain:#0A449B;--color-primary-plain-hover:#0A2F6C;--color-primary-plain-visited:#7600A3;--color-primary-visited:#9B00D4;--color-scrim:#00000099;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-scrim-gradient:linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);--color-scrim-strong:#000000cc;--color-secondary:#21272A;--color-secondary-background:#E5EBEE;--color-secondary-background-hover:#DBE4E9;--color-secondary-background-selected:#C9D7DE;--color-secondary-hover:#000000;--color-secondary-onBackground:#000000;--color-secondary-plain:#181C1F;--color-secondary-plain-hover:#000000;--color-secondary-plain-weak:#5C6C74;--color-secondary-weak:#576F76;--color-success-background:#008A10;--color-success-background-hover:#016E0B;--color-success-content:#016E0B;--color-success-hover:#005306;--color-success-onBackground:#FFFFFF;--color-success-plain:#016E0B;--color-success-plain-hover:#005306;--color-tone-1:#131313;--color-tone-2:#434343;--color-tone-3:#ACACAC;--color-tone-4:#E4E4E4;--color-tone-5:#F2F2F2;--color-tone-6:#F8F8F8;--color-tone-7:#ffffff;--color-transparent-background-hover:#7487911a;--color-ui-canvas:var(--color-tone-5);--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#AE2C00;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#AE2C004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#AE2C00;--color-upvote-plain-disabled:rgba(174, 44, 0, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#977000;--color-warning-content:#785800;--color-warning-content-hover:#5B4200;--color-warning-onBackground:#000000;--color-a-default:var(--color-primary);--color-a-hover:var(--color-primary-hover);--color-a-visited:var(--color-primary-visited);--color-banner-plain:var(--color-neutral-background-strong);--color-banner-plain-inverted:var(--color-neutral-content-strong);--color-banner-error:var(--color-danger-background);--color-banner-caution:var(--color-warning-background);--color-banner-success:var(--color-success-background);--color-banner-brand:var(--color-brand-background);--color-banner-plain-text:var(--color-neutral-content);--color-banner-plain-inverted-text:var(--color-neutral-background-weak);--color-banner-error-text:var(--color-danger-onBackground);--color-banner-caution-text:var(--color-warning-onBackground);--color-banner-caution-hover:var(--color-warning-background-hover);--color-banner-success-text:var(--color-success-onBackground);--color-banner-brand-text:var(--color-brand-onBackground);--color-button-overlay-focus:transparent;--color-button-overlay-active:transparent;--color-button-border-width:tomato;--color-button-border-width-activated:tomato;--color-button-primary-background-hover:var(--color-primary-background-hover);--color-button-primary-background-activated:var(--color-primary-background-selected);--color-button-primary-background-disabled:var(--color-interactive-background-disabled);--color-button-primary-border-hover:var(--color-primary-background);--color-button-primary-border-active:var(--color-primary-background-hover);--color-button-primary-text-disabled:var(--color-interactive-content-disabled);--color-button-primary-text-activated:var(--color-primary-onBackground-selected);--color-button-secondary-background:var(--color-secondary-background);--color-button-secondary-background-focus:var(--color-secondary-background);--color-button-secondary-background-hover:var(--color-secondary-background-hover);--color-button-secondary-background-disabled:var(--color-interactive-background-disabled);--color-button-secondary-background-activated:var(--color-secondary-background-selected);--color-button-secondary-border:transparent;--color-button-secondary-border-hover:var(--color-secondary-background);--color-button-secondary-border-active:var(--color-secondary-background-hover);--color-button-secondary-border-activated:transparent;--color-button-secondary-border-disabled:transparent;--color-button-secondary-text:var(--color-secondary-onBackground);--color-button-secondary-text-disabled:var(--color-interactive-content-disabled);--color-button-secondary-text-activated:var(--color-secondary-onBackground);--color-button-tertiary-background:transparent;--color-button-tertiary-background-focus:transparent;--color-button-tertiary-background-hover:var(--color-secondary-background-hover);--color-button-tertiary-background-disabled:transparent;--color-button-tertiary-background-activated:var(--color-neutral-content);--color-button-tertiary-border-hover:var(--color-secondary-background);--color-button-tertiary-border-active:var(--color-secondary-background-hover);--color-button-tertiary-text:var(--color-neutral-content-strong);--color-button-tertiary-text-disabled:var(--color-neutral-content-disabled);--color-button-tertiary-text-activated:var(--color-neutral-background);--color-button-plain-background-hover:var(--color-secondary-background-hover);--color-button-plain-background-disabled:transparent;--color-button-plain-background-activated:var(--color-secondary-background-selected);--color-button-plain-border-hover:var(--color-secondary-background);--color-button-plain-border-active:var(--color-secondary-background-hover);--color-button-plain-text:var(--color-secondary-plain);--color-button-plain-text-hover:var(--color-secondary-plain-hover);--color-button-plain-text-disabled:var(--color-interactive-content-disabled);--color-button-plain-text-activated:var(--color-secondary-onBackground);--color-button-primary-border-activated:var(--color-primary-background);--color-button-plain-inverted-background-activated:var(--color-neutral-content);--color-button-plain-inverted-text-activated:var(--color-neutral-background);--color-button-media-border-color-activated:var(--color-media-border-selected);--color-button-favorite-text:var(--color-favorite);--color-button-caution-background:var(--color-warning-background);--color-button-caution-background-hover:var(--color-warning-background-hover);--color-button-caution-background-disabled:var(--color-interactive-background-disabled);--color-button-caution-text:var(--color-warning-onBackground);--color-divider-default:var(--color-neutral-border);--color-input-secondary:var(--color-secondary-background);--color-input-secondary-hover:var(--color-secondary-background-hover);--color-input-border:transparent;--color-input-bordered:transparent;--color-input-bordered-hover:var(--color-neutral-background-hover);--color-input-secondary-text:var(--color-secondary-onBackground);--color-input-bordered-text:var(--color-secondary-plain);--color-input-helper-text:var(--color-neutral-content-weak);--color-input-pressed:var(--color-interactive-pressed);--color-input-radio:var(--color-secondary-plain-weak);--color-input-radio-hover:var(--color-neutral-content-strong);--color-label-default:var(--color-neutral-content-weak);--color-shimmer-background:#00000008;--color-shimmer-gradient-overlay:linear-gradient(to right, #00000000, #00000005 20%, #0000000f 50%, #00000008 70%, #00000000 100%);--color-switch-input-background-pressed-scrim:var(--color-interactive-pressed);--color-switch-input-background-handle:var(--color-global-white);--color-switch-input-background-handle-disabled:var(--color-secondary-background);--color-switch-input-background-default:var(--color-secondary-background);--color-switch-input-background-default-hover:var(--color-secondary-background-hover);--color-switch-input-background-default-disabled:var(--color-interactive-background-disabled);--color-switch-input-background-checked:var(--color-primary-background);--color-switch-input-background-checked-hover:var(--color-primary-background-hover);--color-switch-input-background-checked-disabled:var(--color-interactive-content-disabled);--color-tooltip-bg-neutral:var(--color-neutral-background-strong);--color-tooltip-text-neutral:var(--color-neutral-content);--color-tooltip-bg-inverted:var(--color-neutral-content);--color-tooltip-text-inverted:var(--color-neutral-background);--color-tooltip-bg-primary:var(--color-primary-background);--color-tooltip-text-primary:var(--color-primary-onBackground);--elevation-sm-inset:inset 0 0.0625rem 0.125rem 0 #00000021;--elevation-button-focus:var(--elevation-focus-ring);--elevation-switch-input-default-inset:var(--elevation-sm-inset)}@media (prefers-color-scheme:dark){:root:not(.theme-light) .theme-beta,:root:not(.theme-light).theme-beta{--color-ai-background-weaker:#00382B;--color-ai-plain:#01A484;--color-ai-plain-hover:#00C29D;--color-avatar-gradient:linear-gradient(0deg, #48545Bff, #181C1Fff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-onBackground:#FFFFFF;--color-caution-background:#D8A100;--color-caution-background-hover:#FFBF0B;--color-caution-onBackground:#000000;--color-caution-plain:#FFBF0B;--color-caution-plain-hover:#FFE284;--color-danger-background:#BC0117;--color-danger-background-disabled:#340F05;--color-danger-background-hover:#EB001F;--color-danger-background-weaker:#650405;--color-danger-content:#FF4F40;--color-danger-content-hover:#FF8773;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#FF8773;--color-danger-plain-hover:#FDB3A4;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#9580FF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#9580FF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#9580FF;--color-downvote-plain-disabled:rgba(149, 128, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000007F;--color-elevation-large2:#00000033;--color-elevation-medium1:#0000007F;--color-elevation-medium2:#00000033;--color-elevation-small:#00000054;--color-elevation-xsmall:#000000AA;--color-favorite:#B78800;--color-global-admin:#D93900;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-focus:#007FAE;--color-global-gold:#D8A100;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#D8A100;--color-global-white:#FFFFFF;--color-interactive-background-disabled:#FFFFFF0C;--color-interactive-content-disabled:#FFFFFF3F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#FFFFFF26;--color-inverted-interactive-background-disabled:#0000000C;--color-inverted-interactive-content-disabled:#0000003F;--color-inverted-interactive-pressed:#00000026;--color-inverted-neutral-background:#FFFFFF;--color-inverted-neutral-background-hover:#F6F8F9;--color-inverted-neutral-border:#00000033;--color-inverted-neutral-content:#333D42;--color-inverted-neutral-content-strong:#181C1F;--color-inverted-secondary-background:#E5EBEE;--color-inverted-secondary-background-hover:#DBE4E9;--color-inverted-secondary-background-selected:#C9D7DE;--color-inverted-secondary-onBackground:#000000;--color-inverted-secondary-plain:#181C1F;--color-inverted-secondary-plain-hover:#000000;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-neutral-background:#0E1113;--color-neutral-background-container:#181C1F;--color-neutral-background-container-hover:#21272A;--color-neutral-background-container-strong:#21272A;--color-neutral-background-container-strong-hover:#2A3236;--color-neutral-background-gilded:#181C1F;--color-neutral-background-gilded-hover:#21272A;--color-neutral-background-hover:#181C1F;--color-neutral-background-medium:#131313;--color-neutral-background-pinned:#0E1113;--color-neutral-background-selected:#2A3236;--color-neutral-background-strong:#181C1F;--color-neutral-background-strong-hover:#21272A;--color-neutral-background-weak:#000000;--color-neutral-background-weak-hover:#0E1113;--color-neutral-border:#FFFFFF33;--color-neutral-border-medium:#FFFFFF7F;--color-neutral-border-strong:#F6F8F9;--color-neutral-border-weak:#FFFFFF19;--color-neutral-content:#B7CAD4;--color-neutral-content-disabled:#303030;--color-neutral-content-strong:#EEF1F3;--color-neutral-content-weak:#8BA2AD;--color-offline:#767676;--color-online:#01A816;--color-opacity-50:#F2F2F280;--color-pizzaRed:#c62828;--color-primary:#648EFC;--color-primary-background:#115BCA;--color-primary-background-hover:#1870F4;--color-primary-background-selected:#648EFC;--color-primary-border:#648EFC;--color-primary-border-hover:#90A9FD;--color-primary-hover:#90A9FD;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#000000;--color-primary-plain:#648EFC;--color-primary-plain-hover:#90A9FD;--color-primary-plain-visited:#CF5FFF;--color-primary-visited:#CF5FFF;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-secondary:#DBE4E9;--color-secondary-background:#2A3236;--color-secondary-background-hover:#333D42;--color-secondary-background-selected:#3D494E;--color-secondary-hover:#ffffff;--color-secondary-onBackground:#FFFFFF;--color-secondary-plain:#DBE4E9;--color-secondary-plain-hover:#FFFFFF;--color-secondary-plain-weak:#8BA2AD;--color-secondary-weak:#748791;--color-success-background:#016E0B;--color-success-background-hover:#008A10;--color-success-content:#01A816;--color-success-hover:#00C61C;--color-success-onBackground:#FFFFFF;--color-success-plain:#00C61C;--color-success-plain-hover:#58E15B;--color-tone-1:#F2F2F2;--color-tone-2:#ACACAC;--color-tone-3:#434343;--color-tone-4:#303030;--color-tone-5:#1E1E1E;--color-tone-6:#131313;--color-tone-7:#080808;--color-transparent-background-hover:#6677801a;--color-ui-canvas:#080808;--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#FF4500;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#FF45004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#FF895D;--color-upvote-plain-disabled:rgba(255, 137, 93, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#D8A100;--color-warning-content:#B78800;--color-warning-content-hover:#D8A100;--color-warning-onBackground:#000000;--color-button-primary-border-activated:transparent;--color-button-plain-inverted-activated-text:var(--color-neutral-background);--color-input-radio-hover:var(--color-secondary-plain);--color-shimmer-background:#ffffff08;--color-shimmer-gradient-overlay:linear-gradient(to right, #ffffff00, #ffffff05 20%, #ffffff0f 50%, #ffffff08 70%, #ffffff00 100%)}}.theme-dark .theme-beta,.theme-dark.theme-beta{--color-ai-background-weaker:#00382B;--color-ai-plain:#01A484;--color-ai-plain-hover:#00C29D;--color-avatar-gradient:linear-gradient(0deg, #48545Bff, #181C1Fff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-onBackground:#FFFFFF;--color-caution-background:#D8A100;--color-caution-background-hover:#FFBF0B;--color-caution-onBackground:#000000;--color-caution-plain:#FFBF0B;--color-caution-plain-hover:#FFE284;--color-danger-background:#BC0117;--color-danger-background-disabled:#340F05;--color-danger-background-hover:#EB001F;--color-danger-background-weaker:#650405;--color-danger-content:#FF4F40;--color-danger-content-hover:#FF8773;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#FF8773;--color-danger-plain-hover:#FDB3A4;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#9580FF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#9580FF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#9580FF;--color-downvote-plain-disabled:rgba(149, 128, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000007F;--color-elevation-large2:#00000033;--color-elevation-medium1:#0000007F;--color-elevation-medium2:#00000033;--color-elevation-small:#00000054;--color-elevation-xsmall:#000000AA;--color-favorite:#B78800;--color-global-admin:#D93900;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-focus:#007FAE;--color-global-gold:#D8A100;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#D8A100;--color-global-white:#FFFFFF;--color-interactive-background-disabled:#FFFFFF0C;--color-interactive-content-disabled:#FFFFFF3F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#FFFFFF26;--color-inverted-interactive-background-disabled:#0000000C;--color-inverted-interactive-content-disabled:#0000003F;--color-inverted-interactive-pressed:#00000026;--color-inverted-neutral-background:#FFFFFF;--color-inverted-neutral-background-hover:#F6F8F9;--color-inverted-neutral-border:#00000033;--color-inverted-neutral-content:#333D42;--color-inverted-neutral-content-strong:#181C1F;--color-inverted-secondary-background:#E5EBEE;--color-inverted-secondary-background-hover:#DBE4E9;--color-inverted-secondary-background-selected:#C9D7DE;--color-inverted-secondary-onBackground:#000000;--color-inverted-secondary-plain:#181C1F;--color-inverted-secondary-plain-hover:#000000;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-neutral-background:#0E1113;--color-neutral-background-container:#181C1F;--color-neutral-background-container-hover:#21272A;--color-neutral-background-container-strong:#21272A;--color-neutral-background-container-strong-hover:#2A3236;--color-neutral-background-gilded:#181C1F;--color-neutral-background-gilded-hover:#21272A;--color-neutral-background-hover:#181C1F;--color-neutral-background-medium:#131313;--color-neutral-background-pinned:#0E1113;--color-neutral-background-selected:#2A3236;--color-neutral-background-strong:#181C1F;--color-neutral-background-strong-hover:#21272A;--color-neutral-background-weak:#000000;--color-neutral-background-weak-hover:#0E1113;--color-neutral-border:#FFFFFF33;--color-neutral-border-medium:#FFFFFF7F;--color-neutral-border-strong:#F6F8F9;--color-neutral-border-weak:#FFFFFF19;--color-neutral-content:#B7CAD4;--color-neutral-content-disabled:#303030;--color-neutral-content-strong:#EEF1F3;--color-neutral-content-weak:#8BA2AD;--color-offline:#767676;--color-online:#01A816;--color-opacity-50:#F2F2F280;--color-pizzaRed:#c62828;--color-primary:#648EFC;--color-primary-background:#115BCA;--color-primary-background-hover:#1870F4;--color-primary-background-selected:#648EFC;--color-primary-border:#648EFC;--color-primary-border-hover:#90A9FD;--color-primary-hover:#90A9FD;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#000000;--color-primary-plain:#648EFC;--color-primary-plain-hover:#90A9FD;--color-primary-plain-visited:#CF5FFF;--color-primary-visited:#CF5FFF;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-secondary:#DBE4E9;--color-secondary-background:#2A3236;--color-secondary-background-hover:#333D42;--color-secondary-background-selected:#3D494E;--color-secondary-hover:#ffffff;--color-secondary-onBackground:#FFFFFF;--color-secondary-plain:#DBE4E9;--color-secondary-plain-hover:#FFFFFF;--color-secondary-plain-weak:#8BA2AD;--color-secondary-weak:#748791;--color-success-background:#016E0B;--color-success-background-hover:#008A10;--color-success-content:#01A816;--color-success-hover:#00C61C;--color-success-onBackground:#FFFFFF;--color-success-plain:#00C61C;--color-success-plain-hover:#58E15B;--color-tone-1:#F2F2F2;--color-tone-2:#ACACAC;--color-tone-3:#434343;--color-tone-4:#303030;--color-tone-5:#1E1E1E;--color-tone-6:#131313;--color-tone-7:#080808;--color-transparent-background-hover:#6677801a;--color-ui-canvas:#080808;--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#FF4500;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#FF45004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#FF895D;--color-upvote-plain-disabled:rgba(255, 137, 93, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#D8A100;--color-warning-content:#B78800;--color-warning-content-hover:#D8A100;--color-warning-onBackground:#000000;--color-button-primary-border-activated:transparent;--color-button-plain-inverted-activated-text:var(--color-neutral-background);--color-input-radio-hover:var(--color-secondary-plain);--color-shimmer-background:#ffffff08;--color-shimmer-gradient-overlay:linear-gradient(to right, #ffffff00, #ffffff05 20%, #ffffff0f 50%, #ffffff08 70%, #ffffff00 100%)}.theme-light.theme-rpl,.theme-rpl{--spacer-a-px:0.125rem;--spacer-button-lg-px:var(--spacer-md);--spacer-button-md-px:var(--spacer-md);--spacer-button-sm-px:var(--spacer-sm);--spacer-input-padding-left:var(--spacer-md);--spacer-input-padding-top:var(--spacer-2xs);--spacer-label-default:var(--spacer-md);--spacer-switch-input-active-pl:var(--spacer-xs);--size-banner-height:var(--size-rem40);--size-button-lg-h:var(--size-2xl);--size-button-md-h:2.5rem;--size-button-sm-h:var(--size-xl);--size-button-xs-h:var(--size-lg);--size-switch-input-h:var(--size-xl);--size-switch-input-w:var(--size-2xl);--line-a-focus:var(--line-md);--line-a-outline-moz:0px;--line-a-outline-wb:0px;--line-button-lg-border:var(--line-sm);--line-button-md-border:var(--line-sm);--line-button-sm-border:var(--line-sm);--line-button-xs-border:var(--line-sm);--line-button-border-activated:var(--line-lg);--line-input-border:var(--line-lg);--radius-md:1.25rem;--radius-accordion-size:0px;--font-10:normal undefined null/null var(--font-sans);--font-12:normal undefined null/null var(--font-sans);--font-14:normal undefined null/null var(--font-sans);--font-16:normal undefined null/null var(--font-sans);--font-18:normal undefined null/null var(--font-sans);--font-20:normal undefined null/null var(--font-sans);--font-24:normal undefined null/null var(--font-sans);--font-32:normal undefined null/null var(--font-sans);--font-48:normal undefined null/null var(--font-sans);--font-64:normal undefined null/null var(--font-sans);--font-title-h0:var(--font-64);--font-title-h1:var(--font-32);--font-title-h2:var(--font-24);--font-title-h3:var(--font-18);--font-title-h4:var(--font-16);--font-title-h5:var(--font-14);--font-title-h6:var(--font-12);--font-14-20-regular:normal 400 0.875rem/1.25rem var(--font-sans);--font-14-20-semibold:normal 600 0.875rem/1.25rem var(--font-sans);--font-16-20-regular:normal 400 1rem/1.25rem var(--font-sans);--font-12-16-regular:normal 400 0.75rem/1rem var(--font-sans);--font-12-16-semibold:normal 600 0.75rem/1rem var(--font-sans);--font-button-lg:var(--font-14-20-semibold);--font-button-md:var(--font-14-20-semibold);--font-button-sm:var(--font-12-16-semibold);--font-label-default:var(--font-12-16-regular);--misc-accordion-border:0;--misc-accordion-open-list-style-type:none;--misc-accordion-closed-list-style-type:none;--misc-divider-margin:0;--misc-label-text-transform:capitalize;--misc-label-letter-spacing:initial;--blur-sm:0.25rem;--blur-normal:0.5rem;--blur-md:0.75rem;--blur-lg:1rem;--blur-xl:1.5rem;--blur-2xl:2.5rem;--blur-3xl:4rem;--color-action-downvote:#6A5CFF;--color-action-upvote:#D93900;--color-ai-background-weaker:#E7FDF5;--color-ai-plain:#006C56;--color-ai-plain-hover:#015140;--color-alert-caution:#977000;--color-avatar-gradient:linear-gradient(0deg, #97AFBCff, #ffffffff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-gradient-active:linear-gradient(180deg, #cd3700ff, #db3b00ff 68%, #D93900ff 100%);--color-brand-gradient-active-highlight:linear-gradient(83deg, #db3f0000 80%, #D93900ff 100%);--color-brand-gradient-default:linear-gradient(180deg, #D93900ff, #db3b00ff 30%, #AE2C00ff 100%);--color-brand-gradient-default-highlight:linear-gradient(258deg, #db3f0000 80%, #D93900ff 100%);--color-brand-gradient-hover:linear-gradient(180deg, #e23d00ff 15%, #cb3600ff 49%, #b43000ff 100%);--color-brand-gradient-hover-highlight:linear-gradient(323deg, #cb360000 65%, #cb3600ff 100%);--color-brand-onBackground:#FFFFFF;--color-category-live:#D93900;--color-category-nsfw:#DE019F;--color-category-spoiler:var(--color-tone-1);--color-caution-background:#FFBF0B;--color-caution-background-hover:#D8A100;--color-caution-onBackground:#000000;--color-caution-plain:#785800;--color-caution-plain-hover:#5B4200;--color-danger-background:#EB001F;--color-danger-background-disabled:#FDB3A4;--color-danger-background-hover:#BC0117;--color-danger-background-weaker:#FBDBD4;--color-danger-content:#BC0117;--color-danger-content-default:#ffffff;--color-danger-content-hover:#90000F;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#BC0117;--color-danger-plain-hover:#90000F;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#523DFF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#523DFF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#523DFF;--color-downvote-plain-disabled:rgba(82, 61, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000003F;--color-elevation-large2:#00000026;--color-elevation-medium1:#0000003F;--color-elevation-medium2:#00000019;--color-elevation-small:#00000026;--color-elevation-xsmall:#0000003F;--color-favorite:#977000;--color-global-admin:#D93900;--color-global-alienblue:#1870F4;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-darkblue:#2A3236;--color-global-focus:#029DD5;--color-global-gold:#B78800;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#977000;--color-global-white:#FFFFFF;--color-gradient-media:linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);--color-gradient-media-strong:linear-gradient(180deg, #00000000, #000000cc 60%, #000000e6 100%);--color-identity-admin:#D93900;--color-identity-coins:#B78800;--color-identity-moderator:#008A10;--color-identity-self:#01876D;--color-interactive-background-disabled:#0000000C;--color-interactive-content-disabled:#0000003F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#00000026;--color-inverted-interactive-background-disabled:#FFFFFF0C;--color-inverted-interactive-content-disabled:#FFFFFF3F;--color-inverted-interactive-pressed:#FFFFFF26;--color-inverted-neutral-background:#0E1113;--color-inverted-neutral-background-hover:#181C1F;--color-inverted-neutral-border:#FFFFFF33;--color-inverted-neutral-content:#B7CAD4;--color-inverted-neutral-content-strong:#EEF1F3;--color-inverted-secondary-background:#2A3236;--color-inverted-secondary-background-hover:#333D42;--color-inverted-secondary-background-selected:#3D494E;--color-inverted-secondary-onBackground:#FFFFFF;--color-inverted-secondary-plain:#DBE4E9;--color-inverted-secondary-plain-hover:#FFFFFF;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-media-onbackground:#ffffff;--color-media-onbackground-disabled:#ffffff40;--color-media-onbackground-weak:#B7CAD4;--color-neutral-background:#FFFFFF;--color-neutral-background-container:#F6F8F9;--color-neutral-background-container-hover:#EEF1F3;--color-neutral-background-container-strong:#EEF1F3;--color-neutral-background-container-strong-hover:#E5EBEE;--color-neutral-background-gilded:#FFF9E0;--color-neutral-background-gilded-hover:#FFF3C0;--color-neutral-background-hover:#F6F8F9;--color-neutral-background-medium:#F8F8F8;--color-neutral-background-pinned:#FFFFFF;--color-neutral-background-selected:#E5EBEE;--color-neutral-background-strong:#FFFFFF;--color-neutral-background-strong-hover:#F6F8F9;--color-neutral-background-weak:#F6F8F9;--color-neutral-background-weak-hover:#EEF1F3;--color-neutral-border:#00000033;--color-neutral-border-medium:#0000007F;--color-neutral-border-strong:#181C1F;--color-neutral-border-weak:#00000019;--color-neutral-content:#333D42;--color-neutral-content-disabled:#D6D6D6;--color-neutral-content-strong:#181C1F;--color-neutral-content-weak:#5C6C74;--color-offline:#767676;--color-online:#01A816;--color-opacity-08:#13131314;--color-opacity-50:#00000080;--color-opacity-highlight:linear-gradient(#0A2F6C1a, var(--color-tone-6));--color-pizzaRed:#ef5350;--color-primary:#115BCA;--color-primary-background:#0A449B;--color-primary-background-hover:#0A2F6C;--color-primary-background-selected:#0A1A3F;--color-primary-border:#0A449B;--color-primary-border-hover:#0A2F6C;--color-primary-hover:#0A449B;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#FFFFFF;--color-primary-plain:#0A449B;--color-primary-plain-hover:#0A2F6C;--color-primary-plain-visited:#7600A3;--color-primary-visited:#9B00D4;--color-scrim:#00000099;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-scrim-gradient:linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);--color-scrim-strong:#000000cc;--color-secondary:#21272A;--color-secondary-background:#E5EBEE;--color-secondary-background-hover:#DBE4E9;--color-secondary-background-selected:#C9D7DE;--color-secondary-hover:#000000;--color-secondary-onBackground:#000000;--color-secondary-plain:#181C1F;--color-secondary-plain-hover:#000000;--color-secondary-plain-weak:#5C6C74;--color-secondary-weak:#576F76;--color-success-background:#008A10;--color-success-background-hover:#016E0B;--color-success-content:#016E0B;--color-success-hover:#005306;--color-success-onBackground:#FFFFFF;--color-success-plain:#016E0B;--color-success-plain-hover:#005306;--color-tone-1:#131313;--color-tone-2:#434343;--color-tone-3:#ACACAC;--color-tone-4:#E4E4E4;--color-tone-5:#F2F2F2;--color-tone-6:#F8F8F8;--color-tone-7:#ffffff;--color-transparent-background-hover:#7487911a;--color-ui-canvas:var(--color-tone-5);--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#AE2C00;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#AE2C004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#AE2C00;--color-upvote-plain-disabled:rgba(174, 44, 0, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#977000;--color-warning-content:#785800;--color-warning-content-hover:#5B4200;--color-warning-onBackground:#000000;--color-a-default:var(--color-primary);--color-a-hover:var(--color-primary-hover);--color-a-visited:var(--color-primary-visited);--color-banner-plain:var(--color-neutral-background-strong);--color-banner-plain-inverted:var(--color-neutral-content-strong);--color-banner-error:var(--color-danger-background);--color-banner-caution:var(--color-warning-background);--color-banner-success:var(--color-success-background);--color-banner-brand:var(--color-brand-background);--color-banner-plain-text:var(--color-neutral-content);--color-banner-plain-inverted-text:var(--color-neutral-background-weak);--color-banner-error-text:var(--color-danger-onBackground);--color-banner-caution-text:var(--color-warning-onBackground);--color-banner-caution-hover:var(--color-warning-background-hover);--color-banner-success-text:var(--color-success-onBackground);--color-banner-brand-text:var(--color-brand-onBackground);--color-button-overlay-focus:transparent;--color-button-overlay-active:transparent;--color-button-border-width:tomato;--color-button-border-width-activated:tomato;--color-button-primary-background-hover:var(--color-primary-background-hover);--color-button-primary-background-activated:var(--color-primary-background-selected);--color-button-primary-background-disabled:var(--color-interactive-background-disabled);--color-button-primary-border-hover:var(--color-primary-background);--color-button-primary-border-active:var(--color-primary-background-hover);--color-button-primary-text-disabled:var(--color-interactive-content-disabled);--color-button-primary-text-activated:var(--color-primary-onBackground-selected);--color-button-secondary-background:var(--color-secondary-background);--color-button-secondary-background-focus:var(--color-secondary-background);--color-button-secondary-background-hover:var(--color-secondary-background-hover);--color-button-secondary-background-disabled:var(--color-interactive-background-disabled);--color-button-secondary-background-activated:var(--color-secondary-background-selected);--color-button-secondary-border:transparent;--color-button-secondary-border-hover:var(--color-secondary-background);--color-button-secondary-border-active:var(--color-secondary-background-hover);--color-button-secondary-border-activated:transparent;--color-button-secondary-border-disabled:transparent;--color-button-secondary-text:var(--color-secondary-onBackground);--color-button-secondary-text-disabled:var(--color-interactive-content-disabled);--color-button-secondary-text-activated:var(--color-secondary-onBackground);--color-button-tertiary-background:transparent;--color-button-tertiary-background-focus:transparent;--color-button-tertiary-background-hover:var(--color-secondary-background-hover);--color-button-tertiary-background-disabled:transparent;--color-button-tertiary-background-activated:var(--color-neutral-content);--color-button-tertiary-border-hover:var(--color-secondary-background);--color-button-tertiary-border-active:var(--color-secondary-background-hover);--color-button-tertiary-text:var(--color-neutral-content-strong);--color-button-tertiary-text-disabled:var(--color-neutral-content-disabled);--color-button-tertiary-text-activated:var(--color-neutral-background);--color-button-plain-background-hover:var(--color-secondary-background-hover);--color-button-plain-background-disabled:transparent;--color-button-plain-background-activated:var(--color-secondary-background-selected);--color-button-plain-border-hover:var(--color-secondary-background);--color-button-plain-border-active:var(--color-secondary-background-hover);--color-button-plain-text:var(--color-secondary-plain);--color-button-plain-text-hover:var(--color-secondary-plain-hover);--color-button-plain-text-disabled:var(--color-interactive-content-disabled);--color-button-plain-text-activated:var(--color-secondary-onBackground);--color-button-primary-border-activated:var(--color-primary-background);--color-button-plain-inverted-background-activated:var(--color-neutral-content);--color-button-plain-inverted-text-activated:var(--color-neutral-background);--color-button-media-border-color-activated:var(--color-media-border-selected);--color-button-favorite-text:var(--color-favorite);--color-button-caution-background:var(--color-warning-background);--color-button-caution-background-hover:var(--color-warning-background-hover);--color-button-caution-background-disabled:var(--color-interactive-background-disabled);--color-button-caution-text:var(--color-warning-onBackground);--color-divider-default:var(--color-neutral-border);--color-input-secondary:var(--color-secondary-background);--color-input-secondary-hover:var(--color-secondary-background-hover);--color-input-border:transparent;--color-input-bordered:transparent;--color-input-bordered-hover:var(--color-neutral-background-hover);--color-input-secondary-text:var(--color-secondary-onBackground);--color-input-bordered-text:var(--color-secondary-plain);--color-input-helper-text:var(--color-neutral-content-weak);--color-input-pressed:var(--color-interactive-pressed);--color-input-radio:var(--color-secondary-plain-weak);--color-input-radio-hover:var(--color-neutral-content-strong);--color-label-default:var(--color-neutral-content-weak);--color-shimmer-background:#00000008;--color-shimmer-gradient-overlay:linear-gradient(to right, #00000000, #00000005 20%, #0000000f 50%, #00000008 70%, #00000000 100%);--color-switch-input-background-pressed-scrim:var(--color-interactive-pressed);--color-switch-input-background-handle:var(--color-global-white);--color-switch-input-background-handle-disabled:var(--color-secondary-background);--color-switch-input-background-default:var(--color-secondary-background);--color-switch-input-background-default-hover:var(--color-secondary-background-hover);--color-switch-input-background-default-disabled:var(--color-interactive-background-disabled);--color-switch-input-background-checked:var(--color-primary-background);--color-switch-input-background-checked-hover:var(--color-primary-background-hover);--color-switch-input-background-checked-disabled:var(--color-interactive-content-disabled);--color-tooltip-bg-neutral:var(--color-neutral-background-strong);--color-tooltip-text-neutral:var(--color-neutral-content);--color-tooltip-bg-inverted:var(--color-neutral-content);--color-tooltip-text-inverted:var(--color-neutral-background);--color-tooltip-bg-primary:var(--color-primary-background);--color-tooltip-text-primary:var(--color-primary-onBackground);--elevation-sm-inset:inset 0 0.0625rem 0.125rem 0 #00000021;--elevation-button-focus:var(--elevation-focus-ring);--elevation-switch-input-default-inset:var(--elevation-sm-inset)}@media (prefers-color-scheme:dark){:root:not(.theme-light) .theme-rpl,:root:not(.theme-light).theme-rpl{--color-ai-background-weaker:#00382B;--color-ai-plain:#01A484;--color-ai-plain-hover:#00C29D;--color-avatar-gradient:linear-gradient(0deg, #48545Bff, #181C1Fff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-onBackground:#FFFFFF;--color-caution-background:#D8A100;--color-caution-background-hover:#FFBF0B;--color-caution-onBackground:#000000;--color-caution-plain:#FFBF0B;--color-caution-plain-hover:#FFE284;--color-danger-background:#BC0117;--color-danger-background-disabled:#340F05;--color-danger-background-hover:#EB001F;--color-danger-background-weaker:#650405;--color-danger-content:#FF4F40;--color-danger-content-hover:#FF8773;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#FF8773;--color-danger-plain-hover:#FDB3A4;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#9580FF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#9580FF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#9580FF;--color-downvote-plain-disabled:rgba(149, 128, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000007F;--color-elevation-large2:#00000033;--color-elevation-medium1:#0000007F;--color-elevation-medium2:#00000033;--color-elevation-small:#00000054;--color-elevation-xsmall:#000000AA;--color-favorite:#B78800;--color-global-admin:#D93900;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-focus:#007FAE;--color-global-gold:#D8A100;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#D8A100;--color-global-white:#FFFFFF;--color-interactive-background-disabled:#FFFFFF0C;--color-interactive-content-disabled:#FFFFFF3F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#FFFFFF26;--color-inverted-interactive-background-disabled:#0000000C;--color-inverted-interactive-content-disabled:#0000003F;--color-inverted-interactive-pressed:#00000026;--color-inverted-neutral-background:#FFFFFF;--color-inverted-neutral-background-hover:#F6F8F9;--color-inverted-neutral-border:#00000033;--color-inverted-neutral-content:#333D42;--color-inverted-neutral-content-strong:#181C1F;--color-inverted-secondary-background:#E5EBEE;--color-inverted-secondary-background-hover:#DBE4E9;--color-inverted-secondary-background-selected:#C9D7DE;--color-inverted-secondary-onBackground:#000000;--color-inverted-secondary-plain:#181C1F;--color-inverted-secondary-plain-hover:#000000;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-neutral-background:#0E1113;--color-neutral-background-container:#181C1F;--color-neutral-background-container-hover:#21272A;--color-neutral-background-container-strong:#21272A;--color-neutral-background-container-strong-hover:#2A3236;--color-neutral-background-gilded:#181C1F;--color-neutral-background-gilded-hover:#21272A;--color-neutral-background-hover:#181C1F;--color-neutral-background-medium:#131313;--color-neutral-background-pinned:#0E1113;--color-neutral-background-selected:#2A3236;--color-neutral-background-strong:#181C1F;--color-neutral-background-strong-hover:#21272A;--color-neutral-background-weak:#000000;--color-neutral-background-weak-hover:#0E1113;--color-neutral-border:#FFFFFF33;--color-neutral-border-medium:#FFFFFF7F;--color-neutral-border-strong:#F6F8F9;--color-neutral-border-weak:#FFFFFF19;--color-neutral-content:#B7CAD4;--color-neutral-content-disabled:#303030;--color-neutral-content-strong:#EEF1F3;--color-neutral-content-weak:#8BA2AD;--color-offline:#767676;--color-online:#01A816;--color-opacity-50:#F2F2F280;--color-pizzaRed:#c62828;--color-primary:#648EFC;--color-primary-background:#115BCA;--color-primary-background-hover:#1870F4;--color-primary-background-selected:#648EFC;--color-primary-border:#648EFC;--color-primary-border-hover:#90A9FD;--color-primary-hover:#90A9FD;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#000000;--color-primary-plain:#648EFC;--color-primary-plain-hover:#90A9FD;--color-primary-plain-visited:#CF5FFF;--color-primary-visited:#CF5FFF;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-secondary:#DBE4E9;--color-secondary-background:#2A3236;--color-secondary-background-hover:#333D42;--color-secondary-background-selected:#3D494E;--color-secondary-hover:#ffffff;--color-secondary-onBackground:#FFFFFF;--color-secondary-plain:#DBE4E9;--color-secondary-plain-hover:#FFFFFF;--color-secondary-plain-weak:#8BA2AD;--color-secondary-weak:#748791;--color-success-background:#016E0B;--color-success-background-hover:#008A10;--color-success-content:#01A816;--color-success-hover:#00C61C;--color-success-onBackground:#FFFFFF;--color-success-plain:#00C61C;--color-success-plain-hover:#58E15B;--color-tone-1:#F2F2F2;--color-tone-2:#ACACAC;--color-tone-3:#434343;--color-tone-4:#303030;--color-tone-5:#1E1E1E;--color-tone-6:#131313;--color-tone-7:#080808;--color-transparent-background-hover:#6677801a;--color-ui-canvas:#080808;--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#FF4500;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#FF45004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#FF895D;--color-upvote-plain-disabled:rgba(255, 137, 93, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#D8A100;--color-warning-content:#B78800;--color-warning-content-hover:#D8A100;--color-warning-onBackground:#000000;--color-button-primary-border-activated:transparent;--color-button-plain-inverted-activated-text:var(--color-neutral-background);--color-input-radio-hover:var(--color-secondary-plain);--color-shimmer-background:#ffffff08;--color-shimmer-gradient-overlay:linear-gradient(to right, #ffffff00, #ffffff05 20%, #ffffff0f 50%, #ffffff08 70%, #ffffff00 100%)}}.theme-dark .theme-rpl,.theme-dark.theme-rpl{--color-ai-background-weaker:#00382B;--color-ai-plain:#01A484;--color-ai-plain-hover:#00C29D;--color-avatar-gradient:linear-gradient(0deg, #48545Bff, #181C1Fff 75%);--color-brand-background:#D93900;--color-brand-background-hover:#AE2C00;--color-brand-onBackground:#FFFFFF;--color-caution-background:#D8A100;--color-caution-background-hover:#FFBF0B;--color-caution-onBackground:#000000;--color-caution-plain:#FFBF0B;--color-caution-plain-hover:#FFE284;--color-danger-background:#BC0117;--color-danger-background-disabled:#340F05;--color-danger-background-hover:#EB001F;--color-danger-background-weaker:#650405;--color-danger-content:#FF4F40;--color-danger-content-hover:#FF8773;--color-danger-onBackground:#FFFFFF;--color-danger-plain:#FF8773;--color-danger-plain-hover:#FDB3A4;--color-downvote-background:#6A5CFF;--color-downvote-background-disabled:rgba(106, 92, 255, 0.3);--color-downvote-background-hover:#523DFF;--color-downvote-content:#9580FF;--color-downvote-content-weak:#6A5CFF;--color-downvote-disabled:#9580FF4d;--color-downvote-onBackground:#FFFFFF;--color-downvote-onStrongScrim:#B29FFF;--color-downvote-onStrongScrim-disabled:rgba(178, 159, 255, 0.3);--color-downvote-onStrongScrim-weaker:#9580FF;--color-downvote-plain:#9580FF;--color-downvote-plain-disabled:rgba(149, 128, 255, 0.3);--color-downvote-plain-weaker:#6A5CFF;--color-elevation-large1:#0000007F;--color-elevation-large2:#00000033;--color-elevation-medium1:#0000007F;--color-elevation-medium2:#00000033;--color-elevation-small:#00000054;--color-elevation-xsmall:#000000AA;--color-favorite:#B78800;--color-global-admin:#D93900;--color-global-black:#000000;--color-global-brand-orangered:#FF4500;--color-global-focus:#007FAE;--color-global-gold:#D8A100;--color-global-moderator:#008A10;--color-global-nsfw:#DE019F;--color-global-offline:#667780;--color-global-online:#00C61C;--color-global-orangered:#FF4500;--color-global-stars:#D8A100;--color-global-white:#FFFFFF;--color-interactive-background-disabled:#FFFFFF0C;--color-interactive-content-disabled:#FFFFFF3F;--color-interactive-focused:#007FAE;--color-interactive-pressed:#FFFFFF26;--color-inverted-interactive-background-disabled:#0000000C;--color-inverted-interactive-content-disabled:#0000003F;--color-inverted-interactive-pressed:#00000026;--color-inverted-neutral-background:#FFFFFF;--color-inverted-neutral-background-hover:#F6F8F9;--color-inverted-neutral-border:#00000033;--color-inverted-neutral-content:#333D42;--color-inverted-neutral-content-strong:#181C1F;--color-inverted-secondary-background:#E5EBEE;--color-inverted-secondary-background-hover:#DBE4E9;--color-inverted-secondary-background-selected:#C9D7DE;--color-inverted-secondary-onBackground:#000000;--color-inverted-secondary-plain:#181C1F;--color-inverted-secondary-plain-hover:#000000;--color-media-background:rgba(0, 0, 0, 0.6);--color-media-background-hover:rgba(0, 0, 0, 0.8);--color-media-background-selected:rgba(0, 0, 0, 0.8);--color-media-border-selected:#FFFFFF;--color-media-border-weak:#FFFFFF19;--color-media-onBackground:#FFFFFF;--color-media-onBackground-disabled:#FFFFFF3F;--color-media-onBackground-weak:#E5EBEE;--color-neutral-background:#0E1113;--color-neutral-background-container:#181C1F;--color-neutral-background-container-hover:#21272A;--color-neutral-background-container-strong:#21272A;--color-neutral-background-container-strong-hover:#2A3236;--color-neutral-background-gilded:#181C1F;--color-neutral-background-gilded-hover:#21272A;--color-neutral-background-hover:#181C1F;--color-neutral-background-medium:#131313;--color-neutral-background-pinned:#0E1113;--color-neutral-background-selected:#2A3236;--color-neutral-background-strong:#181C1F;--color-neutral-background-strong-hover:#21272A;--color-neutral-background-weak:#000000;--color-neutral-background-weak-hover:#0E1113;--color-neutral-border:#FFFFFF33;--color-neutral-border-medium:#FFFFFF7F;--color-neutral-border-strong:#F6F8F9;--color-neutral-border-weak:#FFFFFF19;--color-neutral-content:#B7CAD4;--color-neutral-content-disabled:#303030;--color-neutral-content-strong:#EEF1F3;--color-neutral-content-weak:#8BA2AD;--color-offline:#767676;--color-online:#01A816;--color-opacity-50:#F2F2F280;--color-pizzaRed:#c62828;--color-primary:#648EFC;--color-primary-background:#115BCA;--color-primary-background-hover:#1870F4;--color-primary-background-selected:#648EFC;--color-primary-border:#648EFC;--color-primary-border-hover:#90A9FD;--color-primary-hover:#90A9FD;--color-primary-onBackground:#FFFFFF;--color-primary-onBackground-selected:#000000;--color-primary-plain:#648EFC;--color-primary-plain-hover:#90A9FD;--color-primary-plain-visited:#CF5FFF;--color-primary-visited:#CF5FFF;--color-scrim-background:#00000099;--color-scrim-background-strong:#000000CC;--color-secondary:#DBE4E9;--color-secondary-background:#2A3236;--color-secondary-background-hover:#333D42;--color-secondary-background-selected:#3D494E;--color-secondary-hover:#ffffff;--color-secondary-onBackground:#FFFFFF;--color-secondary-plain:#DBE4E9;--color-secondary-plain-hover:#FFFFFF;--color-secondary-plain-weak:#8BA2AD;--color-secondary-weak:#748791;--color-success-background:#016E0B;--color-success-background-hover:#008A10;--color-success-content:#01A816;--color-success-hover:#00C61C;--color-success-onBackground:#FFFFFF;--color-success-plain:#00C61C;--color-success-plain-hover:#58E15B;--color-tone-1:#F2F2F2;--color-tone-2:#ACACAC;--color-tone-3:#434343;--color-tone-4:#303030;--color-tone-5:#1E1E1E;--color-tone-6:#131313;--color-tone-7:#080808;--color-transparent-background-hover:#6677801a;--color-ui-canvas:#080808;--color-ui-modalbackground:var(--color-neutral-background-strong);--color-upvote-background:#D93900;--color-upvote-background-disabled:rgba(217, 57, 0, 0.3);--color-upvote-background-hover:#AE2C00;--color-upvote-content:#FF4500;--color-upvote-content-weak:var(--color-global-brand-orangered);--color-upvote-disabled:#FF45004d;--color-upvote-onBackground:#FFFFFF;--color-upvote-onStrongScrim:#FF895D;--color-upvote-onStrongScrim-disabled:rgba(255, 137, 93, 0.3);--color-upvote-onStrongScrim-weaker:#FF4500;--color-upvote-plain:#FF895D;--color-upvote-plain-disabled:rgba(255, 137, 93, 0.3);--color-upvote-plain-weaker:#FF4500;--color-warning-background:#B78800;--color-warning-background-hover:#D8A100;--color-warning-content:#B78800;--color-warning-content-hover:#D8A100;--color-warning-onBackground:#000000;--color-button-primary-border-activated:transparent;--color-button-plain-inverted-activated-text:var(--color-neutral-background);--color-input-radio-hover:var(--color-secondary-plain);--color-shimmer-background:#ffffff08;--color-shimmer-gradient-overlay:linear-gradient(to right, #ffffff00, #ffffff05 20%, #ffffff0f 50%, #ffffff08 70%, #ffffff00 100%)}:root{font-size:16px;--button-color-background-default:var(--color-button-secondary-background);--button-color-background-focus:var(--color-button-secondary-background-focus);--button-color-background-hover:var(--color-button-secondary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-background-disabled:var(--color-button-secondary-background-disabled);--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-button-secondary-text);--button-color-text-disabled:var(--color-button-secondary-text-disabled);--button-color-text-activated:var(--color-button-secondary-text-activated);--button-border-color-default:var(--color-button-secondary-border)}.theme-dark,.theme-light,:root{background:var(--color-tone-7);color:var(--color-tone-1)}code,details,header,kbd,pre,samp,th,tr:nth-child(even){background:var(--color-tone-6)}body{font-size:var(--font-body);margin:0 auto;padding:var(--faceplate-body-padding);overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;line-height:1.5}:not(:defined):not(faceplate-auto-height-animator,faceplate-dropdown-menu,faceplate-expandable-section-helper,faceplate-hovercard,faceplate-tracker){visibility:hidden}:focus-visible{outline-color:var(--color-global-focus)}faceplate-banner [slot=closeButton]{margin-left:var(--spacer-sm)}faceplate-banner [slot=actionButtons] button:first-of-type{margin-right:var(--spacer-xs)}faceplate-banner[appearance=caution] button{color:var(--color-banner-caution-text)}faceplate-banner[appearance=caution] button:hover{background-color:var(--color-banner-caution-hover)}.button-favorite{--button-color-background-focus:transparent;--button-color-background-hover:var(--color-button-plain-background-hover);--button-color-background-disabled:var(--color-button-plain-background-disabled);--button-color-background-activated:var(--color-button-plain-background-activated);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-text-disabled:var(--color-button-plain-text-disabled);--button-color-text-activated:var(--color-button-plain-text-activated);--button-border-color-default:transparent;--button-color-text-default:var(--color-neutral-content-weak);--button-color-background-default:transparent;--button-color-text-hover:var(--color-secondary-onBackground)}.button-favorite-toggled{--button-color-background-focus:transparent;--button-color-background-hover:var(--color-button-plain-background-hover);--button-color-background-disabled:var(--color-button-plain-background-disabled);--button-color-background-activated:var(--color-button-plain-background-activated);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-text-disabled:var(--color-button-plain-text-disabled);--button-color-text-activated:var(--color-button-plain-text-activated);--button-border-color-default:transparent;--button-color-background-default:transparent;--button-color-text-default:var(--color-button-favorite-text);--button-color-text-hover:var(--color-button-favorite-text)}.button-secondary-toggled{--button-color-background-focus:var(--color-button-secondary-background-focus);--button-color-background-hover:var(--color-button-secondary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-background-disabled:var(--color-button-secondary-background-disabled);--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-button-secondary-text);--button-color-text-disabled:var(--color-button-secondary-text-disabled);--button-color-text-activated:var(--color-button-secondary-text-activated);--button-color-background-default:var(--color-button-secondary-background-activated);--button-border-color-default:var(--color-neutral-border)}.button-caution{--button-color-background-default:var(--color-button-caution-background);--button-color-background-hover:var(--color-button-caution-background-hover);--button-color-background-disabled:var(--color-button-caution-background-disabled);--button-color-text-default:var(--color-caution-text)}button[upvote]:disabled .gold-upvote-border,button[upvote]:disabled .gold-upvote-indicator{opacity:.4}button[upvote] .gold-upvote-indicator svg{fill:#ffd635}button[upvote] .gold-upvote-border svg{fill:#ad651e}button[upvote] .overlapped-upvote{clip-path:polygon(0 0,100% 0,100% 100%,0 99%,0 60%,32% 60%,41% 60%,46% 60%,50% 57%,52% 51%,51% 44%,28% 17%)}faceplate-dropdown-menu:not(.connected) [slot=menu]{display:none}faceplate-dropdown-menu faceplate-menu li[rpl]:first-child [role=menuitem]{border-top-left-radius:var(--rem8);border-top-right-radius:var(--rem8)}faceplate-dropdown-menu faceplate-menu li[rpl]:last-child [role=menuitem]{border-bottom-left-radius:var(--rem8);border-bottom-right-radius:var(--rem8)}address,area,article,aside,audio,blockquote,datalist,details,dl,fieldset,figure,form,iframe,img,input,menu,meter,nav,ol,optgroup,option,output,p,pre,progress,ruby,section,textarea,ul,video{margin-bottom:1rem}@media (max-width:599px){body{--faceplate-body-padding:1rem}}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em}h1{font:var(--font-title-h1)}h2{font:var(--font-title-h2)}h3{font:var(--font-title-h3)}h4{font:var(--font-title-h4)}h5{font:var(--font-title-h5)}h6{font:var(--font-title-h6)}label{text-transform:var(--misc-label-text-transform);letter-spacing:var(--misc-label-letter-spacing);font:var(--font-label-default);color:var(--color-label-default)}label>input,label>textarea{margin-top:var(--spacer-label-default)}faceplate-switch-input+label,input[type=checkbox]+label,input[type=radio]+label{font-size:inherit;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;vertical-align:middle}a{color:var(--color-a-default);text-decoration:none}a:hover{text-decoration:underline}abbr,abbr:hover{cursor:help}blockquote{border-left:5px solid var(--color-tone-5)}blockquote :last-child{padding-bottom:0;margin-bottom:0}header{padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);margin-left:calc(0px - (50vw - 50%));margin-right:calc(0px - (50vw - 50%));padding-top:var(--faceplate-body-padding);padding-bottom:var(--faceplate-body-padding);margin-top:calc(-1 * var(--faceplate-body-padding));margin-bottom:var(--faceplate-body-padding)}article header,aside header,dialog header,faceplate-dialog header,main header,section header{padding:.5rem 0;margin:1rem 0;background:0 0}article header h1,aside header h1,dialog header h1,faceplate-dialog header h1,main header h1,section header h1{font:var(--font-title-h1)}header h1{font:var(--font-title-h0)}header>:first-child{margin-top:0}header>:last-child{margin-bottom:0}:where(button),:where(input):where([type=submit],[type=reset],[type=button]){background:var(--button-color-background);border-radius:999px;border:none;border:var(--button-border-width,0) solid var(--button-border-color,transparent);box-shadow:var(--button-shadow);box-sizing:border-box;color:var(--button-color-text);cursor:pointer;display:inline-block;font:var(--button-font);height:var(--button-height);line-height:calc(var(--button-height) - (2 * var(--button-border-width,0px)));overflow:hidden;padding:0 calc(var(--button-padding) - var(--button-border-width,0px));text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;outline-offset:0;--button-border-color:var(--button-border-color-default);--button-border-width:var(--button-border-width-default);--button-color-background:var(--button-color-background-default);--button-color-text:var(--button-color-text-default);--button-height:var(--size-button-sm-h);--button-padding:var(--spacer-2xs);--button-font:var(--font-button-sm);--button-border-width-default:var(--line-button-sm-border);--button-color-background-default:var(--color-button-secondary-background);--button-color-background-focus:var(--color-button-secondary-background-focus);--button-color-background-hover:var(--color-button-secondary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-background-disabled:var(--color-button-secondary-background-disabled);--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-button-secondary-text);--button-color-text-disabled:var(--color-button-secondary-text-disabled);--button-color-text-activated:var(--color-button-secondary-text-activated);--button-border-color-default:var(--color-button-secondary-border)}:where(button).icon,:where(input):where([type=submit],[type=reset],[type=button]).icon{width:var(--button-height)}:where(button) .button-icon,:where(input):where([type=submit],[type=reset],[type=button]) .button-icon{margin-right:var(--spacer-xs)}:where(button) .dropdown-icon,:where(input):where([type=submit],[type=reset],[type=button]) .dropdown-icon{transform:rotate(0);transition:transform .2s ease-in-out}details summary icon-caret-down,details[open] summary icon-caret-down,faceplate-expandable-section-helper>details>summary [icon-name=caret-down-outline]{transition:transform .22s ease-in-out}:where(button):focus,:where(input):where([type=submit],[type=reset],[type=button]):focus{--button-color-overlay:var(--color-button-overlay-focus)}:where(button).hover,:where(input):where([type=submit],[type=reset],[type=button]).hover{--button-color-overlay:var(--color-button-overlay-focus);--button-border-color:var(--button-border-color-hover);--button-color-background:var(--button-color-background-hover);--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))}@media (hover:hover){:where(button):hover,:where(input):where([type=submit],[type=reset],[type=button]):hover{--button-color-overlay:var(--color-button-overlay-focus);--button-border-color:var(--button-border-color-hover);--button-color-background:var(--button-color-background-hover);--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))}}:where(button).active,:where(button):active,:where(input):where([type=submit],[type=reset],[type=button]).active,:where(input):where([type=submit],[type=reset],[type=button]):active{--button-color-overlay:var(--color-button-overlay-active);--button-color-background:linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)),var(--button-color-background-active)}:where(button).anchor-disabled,:where(button):disabled,:where(input):where([type=submit],[type=reset],[type=button]).anchor-disabled,:where(input):where([type=submit],[type=reset],[type=button]):disabled{--button-border-color-hover:var(--button-border-color-default);--button-color-background:var(--button-color-background-disabled);--button-color-text:var(--button-color-text-disabled);cursor:not-allowed;pointer-events:none}:where(button).button-activated,:where(input):where([type=submit],[type=reset],[type=button]).button-activated{--button-border-color:var(--button-border-color-activated);--button-color-background:var(--button-color-background-activated);--button-color-text:var(--button-color-text-activated)}small :where(button),small :where(input):where([type=submit],[type=reset],[type=button]){--button-height:var(--size-button-xs-h);--button-padding:var(--spacer-sm);--button-font:var(--font-button-xs);--button-border-width-default:var(--line-button-xs-border)}:where(button).button-large,:where(input):where([type=submit],[type=reset],[type=button]).button-large{--button-height:var(--size-button-lg-h);--button-padding:var(--spacer-xs);--button-font:var(--font-button-lg);--button-border-width-default:var(--line-button-lg-border)}:where(button).button-primary,:where(input):where([type=submit],[type=reset],[type=button]).button-primary{--button-color-background-default:var(--color-primary-background);--button-color-background-focus:var(--color-primary-background);--button-color-background-hover:var(--color-button-primary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-primary-background-hover), var(--color-button-primary-background-hover));--button-color-background-disabled:var(--color-button-primary-background-disabled);--button-color-background-activated:var(--color-button-primary-background-activated);--button-color-text-default:var(--color-global-white);--button-color-text-disabled:var(--color-button-primary-text-disabled);--button-color-text-activated:var(--color-button-primary-text-activated);--button-border-color-default:transparent}:where(button).button-plain,:where(input):where([type=submit],[type=reset],[type=button]).button-plain{--button-color-background-default:transparent;--button-color-background-focus:transparent;--button-color-background-hover:var(--color-button-plain-background-hover);--button-color-background-disabled:var(--color-button-plain-background-disabled);--button-color-background-activated:var(--color-button-plain-background-activated);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-text-default:var(--color-button-plain-text);--button-color-text-disabled:var(--color-button-plain-text-disabled);--button-color-text-activated:var(--color-button-plain-text-activated);--button-color-text-hover:var(--color-button-plain-text-hover);--button-border-color-default:transparent}:where(button).button-icon-only,:where(input):where([type=submit],[type=reset],[type=button]).button-icon-only{--button-padding:0;width:var(--button-height)}:where(button,input):where([type=submit]){--button-color-background-default:var(--color-primary-background);--button-color-background-focus:var(--color-primary-background);--button-color-background-hover:var(--color-button-primary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-primary-background-hover), var(--color-button-primary-background-hover));--button-color-background-disabled:var(--color-button-primary-background-disabled);--button-color-background-activated:var(--color-button-primary-background-activated);--button-color-text-default:var(--color-global-white);--button-color-text-disabled:var(--color-button-primary-text-disabled);--button-color-text-activated:var(--color-button-primary-text-activated);--button-border-color-default:transparent}faceplate-tablist button{border-radius:0}faceplate-tablist button:first-child{border-radius:999px 0 0 999px}faceplate-tablist button:last-child{border-radius:0 999px 999px 0}faceplate-tablist a{border-bottom:2px solid var(--button-color-primary);color:inherit;display:inline-block;font:var(--font-button-b3);padding:.5rem 1rem .375rem}.font-mono,code,kbd,pre,samp{font-family:var(--font-mono)}faceplate-tablist a:hover{text-decoration:none}code,kbd,pre,samp{border:1px solid var(--color-tone-5);border-radius:4px;padding:2px 4px;font-size:.9em}pre{background:var(--color-tone-5);border-color:var(--color-tone-4);padding:1rem 1.4rem;overflow:auto}kbd{border-bottom-width:3px}code pre,pre code{background:inherit;font-size:inherit;color:inherit;border:0;margin:0;padding:0}code pre{display:inline}details{padding:.5rem 1rem;border:var(--misc-accordion-border);border-radius:var(--radius-accordion-size)}details summary{cursor:pointer;font-weight:700;list-style-type:var(--misc-accordion-closed-list-style-type)}details[open] summary{margin-bottom:.375rem;list-style-type:var(--misc-accordion-open-list-style-type)}.list-none,faceplate-expandable-section-helper>details>summary,menu{list-style-type:none}details[open] summary icon-caret-down{transform:rotate(180deg)}details summary icon-caret-down{transform:rotate(0)}.fp-avatar-container img,details[open]>:last-child,menu menu,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt,table caption{font-weight:700;margin-bottom:.5rem}dd{margin-inline-start:2rem}hr{border:0;border-bottom:1px solid var(--color-divider-default);background-color:transparent;margin:var(--misc-divider-margin)}hr[padding='2xs']{padding:var(--spacer-2xs)}hr[padding=xs]{padding:var(--spacer-xs)}hr[padding=sm]{padding:var(--spacer-sm)}hr[padding=md]{padding:var(--spacer-md)}hr[color=subdued]{border-bottom-color:var(--color-neutral-border-weak)}hr[color=inverted]{border-bottom-color:var(--color-neutral-border-strong)}fieldset{margin-top:1rem;padding:1rem 2rem;border:1px solid var(--color-tone-5);border-radius:.25rem;background:var(--color-tone-7);min-width:0}legend{padding:0;font-weight:700}table{width:100%;word-break:normal;margin-bottom:1rem}td,th{padding:.5rem}ol,ul{padding-left:2rem}li{margin-top:.25rem}menu{padding-left:0;border-radius:4px;width:fit-content;border:1px solid var(--color-tone-5)}menu li{padding:.5rem .75rem;border-block-end:1px solid var(--color-tone-5)}menu li:last-child{border-block-end:none}ins{text-decoration-color:var(--color-success-content);text-decoration-line:overline underline}del{text-decoration-color:var(--color-danger-content);text-decoration-line:overline underline line-through}input,select,textarea{font-family:var(--font-sans);color:var(--color-input-text);padding:.5rem .75rem;margin-bottom:.5rem;background:var(--color-input-default);border:var(--color-input-default) solid var(--line-input-border);border-radius:var(--radius-sm);box-shadow:none;box-sizing:border-box;font-size:1rem}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}input:invalid,select:invalid,textarea:invalid{border-color:var(--color-danger-content)}input[type=checkbox],input[type=radio]{vertical-align:middle;margin-bottom:0;margin-top:0}input[type=color],input[type=range]{padding:initial}input[type=search]{border-radius:400px;-webkit-appearance:textfield}dialog{border:0;border-radius:4px;padding:1rem;box-shadow:var(--boxshadow-modal);background:var(--color-ui-modalbackground)}dialog::backdrop{background:var(--color-scrim)}iframe#credential_picker_iframe{color-scheme:auto;margin-bottom:unset;z-index:9998;pointer-events:auto}iframe[title=reCAPTCHA]{color-scheme:auto}.scroll-is-blocked{touch-action:none;overflow:hidden}.grecaptcha-badge{visibility:hidden}ac-activate,ac-call,ac-contents,ac-dispatch,ac-publish,ac-render-template,ac-toggle,ac-track{display:none}faceplate-expandable-section-helper{display:contents}faceplate-expandable-section-helper>details>summary::-webkit-details-marker,faceplate-expandable-section-helper>details>summary::marker{display:none}faceplate-expandable-section-helper[rpl]>details>summary{margin:0}faceplate-expandable-section-helper:not(:defined)>details[open] summary [icon-name=caret-down-outline],faceplate-expandable-section-helper[open] summary [icon-name=caret-down-outline]{transform:rotate(180deg)}faceplate-expandable-section-helper:not(:defined)>details:not([open]) summary [icon-name=caret-down-outline],faceplate-expandable-section-helper:not([open]) summary [icon-name=caret-down-outline]{transform:rotate(0)}faceplate-hovercard:not(:defined)>[slot=content]{display:none}faceplate-hovercard[trigger=mouse] [faceplate-focusable],faceplate-hovercard[trigger=mouse] [tabindex='0'],faceplate-hovercard[trigger=mouse] a,faceplate-hovercard[trigger=mouse] button{outline:0}.text-outline-thin-bright{text-shadow:#000 1px 0 .5px,#000 -1px 0 .5px,#000 0 1px .5px,#000 0 -1px .5px}.text-outline-thick-bright{text-shadow:#000 1px 0 2px,#000 -1px 0 2px,#000 0 1px 1px,#000 0 -1px 1px,#000 1px 0 2px,#000 -1px 0 2px,#000 0 1px 1px,#000 0 -1px 1px}.text-outline-thin-dark{text-shadow:#fff 1px 0 .5px,#fff -1px 0 .5px,#fff 0 1px .5px,#fff 0 -1px .5px}.text-outline-thick-dark{text-shadow:#fff 1px 0 2px,#fff -1px 0 2px,#fff 0 1px 1px,#fff 0 -1px 1px,#fff 1px 0 2px,#fff -1px 0 2px,#fff 0 1px 1px,#fff 0 -1px 1px}.border-dx-thick{border-width:2px}.border-dx-thin{border-width:1px}.rounded-dx-lg{border-radius:1.5rem}.rounded-dx-md{border-radius:1rem}.rounded-dx-sm{border-radius:.5rem}.z-dialog{z-index:100}.dx-bg-color,.light .dx-bg-color{background-color:var(--dx-bg-color-light)}.dx-border-color,.light .dx-border-color{border-color:var(--dx-border-color-light)}.dx-text-color,.light .dx-text-color{color:var(--dx-text-color-light)}.dark .dx-bg-color{background-color:var(--dx-bg-color-dark)}.dark .dx-border-color{border-color:var(--dx-border-color-dark)}.dark .dx-text-color{color:var(--dx-text-color-dark)}@media (prefers-color-scheme:dark){.dx-bg-color{background-color:var(--dx-bg-color-dark)}.dx-text-color{color:var(--dx-text-color-dark)}.dx-border-color{border-color:var(--dx-border-color-dark)}}.-rotate-12,.-scale-x-100,.-translate-x-1\/2,.-translate-x-2\/4,.-translate-x-4xl,.-translate-x-\[4px\],.-translate-y-1\/2,.-translate-y-2\/4,.before\:scale-\[--emote-scale\]::before,.enabled\:hover\:scale-\[1\.2\],.first\:rotate-\[-8deg\],.group-aria-pressed\/award\:-translate-y-\[10px\],.group-aria-pressed\/award\:scale-\[1\.4\],.group-hover\/award\:-translate-y-\[10px\],.group-hover\/award\:scale-\[1\.4\],.hover\:scale-110,.hover\:scale-\[2\],.last\:rotate-\[8deg\],.rotate-180,.rotate-45,.rotate-90,.scale-0,.scale-100,.scale-150,.scale-50,.scale-75,.scale-90,.scale-\[1\.2\],.scale-\[2\],.scale-\[4\],.scale-\[\.68\],.scale-x-100,.scale-x-\[-1\],.skew-x-0,.transform,.translate-x-0,.translate-x-1\/2,.translate-x-4xl,.translate-y-0,.translate-y-1\/2,.translate-y-1\/4,.translate-y-4xl,.translate-y-px{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}.snap-x{--tw-scroll-snap-strictness:proximity;scroll-snap-type:x var(--tw-scroll-snap-strictness)}.from-\[color\:\#FFD63670\],.from-\[color\:var\(--color-neutral-background-weak\)\],.from-\[color\:var\(--color-neutral-background\)\],.from-berrypurple-900,.from-tone-4,.group-hover\:from-\[color\:var\(--color-neutral-background-hover\)\],.to-lightblue-500,.to-tone-6,.to-transparent{--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:}.hover\:shadow-\[0_0_0_2px_var\(--color-primary-background\)\],.m\:shadow-md,.s\:shadow-none,.shadow-\[0_0_0_4px_var\(--color-primary-background\)\],.shadow-\[0_2px_0_0_var\(--color-secondary-background-selected\)\],.shadow-\[0px_-40px_21px_var\(--color-neutral-background\)\],.shadow-md,.shadow-none,.shadow-sm,.shadow-xs,.xs\:shadow-none,:is([class~=theme-dark] .dark\:shadow-none){--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.backdrop-blur-sm,.backdrop-filter{--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.\!container{width:100%!important}.container{width:100%}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:960px){.\!container{max-width:960px!important}.container{max-width:960px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1200px){.\!container{max-width:1200px!important}.container{max-width:1200px}}@media (min-width:1416px){.\!container{max-width:1416px!important}.container{max-width:1416px}}@media (min-width:1472px){.\!container{max-width:1472px!important}.container{max-width:1472px}}@media (min-width:1920px){.\!container{max-width:1920px!important}.container{max-width:1920px}}.\!a{color:var(--color-a-default)!important;font-size:1em!important;text-decoration:none!important}.a{color:var(--color-a-default);font-size:1em;text-decoration:none}.\!a:hover{color:var(--color-a-hover)!important}.a:hover{color:var(--color-a-hover)}.a.visited:not(.no-visited),.a:visited:not(.no-visited){color:var(--color-a-visited)}.\!a.visited:not(.no-visited),.\!a:visited:not(.no-visited){color:var(--color-a-visited)!important}.\!button{background:var(--button-color-background)!important;border-radius:999px!important;border:none!important;border:var(--button-border-width,0) solid var(--button-border-color,transparent)!important;box-shadow:var(--button-shadow)!important;box-sizing:border-box!important;color:var(--button-color-text)!important;cursor:pointer!important;display:inline-block!important;font:var(--button-font)!important;height:var(--button-height)!important;line-height:calc(var(--button-height) - (2 * var(--button-border-width,0px)))!important;overflow:hidden!important;padding:0 calc(var(--button-padding) - var(--button-border-width,0px))!important;text-align:center!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;outline-offset:0!important;--button-border-color:var(--button-border-color-default)!important;--button-border-width:var(--button-border-width-default)!important;--button-color-background:var(--button-color-background-default)!important;--button-color-text:var(--button-color-text-default)!important}.button,.button-shell{background:var(--button-color-background);color:var(--button-color-text);display:inline-block;height:var(--button-height);padding:0 calc(var(--button-padding) - var(--button-border-width,0px));text-align:center;outline-offset:0;box-sizing:border-box;white-space:nowrap;text-decoration:none;text-overflow:ellipsis}.button{border-radius:999px;border:none;border:var(--button-border-width,0) solid var(--button-border-color,transparent);box-shadow:var(--button-shadow);cursor:pointer;font:var(--button-font);line-height:calc(var(--button-height) - (2 * var(--button-border-width,0px)));overflow:hidden;--button-border-color:var(--button-border-color-default);--button-border-width:var(--button-border-width-default);--button-color-background:var(--button-color-background-default);--button-color-text:var(--button-color-text-default)}.\!button.icon{width:var(--button-height)!important}.button.icon{width:var(--button-height)}.button.\!icon{width:var(--button-height)!important}.\!button .button-icon{margin-right:var(--spacer-xs)!important}.button .button-icon{margin-right:var(--spacer-xs)}.\!button .dropdown-icon{transform:rotate(0)!important;transition:transform .2s ease-in-out!important}.button .dropdown-icon{transform:rotate(0);transition:transform .2s ease-in-out}.\!button:focus{--button-color-overlay:var(--color-button-overlay-focus)!important}.button:focus{--button-color-overlay:var(--color-button-overlay-focus)}.\!button.hover{--button-color-overlay:var(--color-button-overlay-focus)!important;--button-border-color:var(--button-border-color-hover)!important;--button-color-background:var(--button-color-background-hover)!important;--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))!important}.button.hover{--button-color-overlay:var(--color-button-overlay-focus);--button-border-color:var(--button-border-color-hover);--button-color-background:var(--button-color-background-hover);--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))}@media (hover:hover){.\!button:hover{--button-color-overlay:var(--color-button-overlay-focus)!important;--button-border-color:var(--button-border-color-hover)!important;--button-color-background:var(--button-color-background-hover)!important;--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))!important}.button:hover{--button-color-overlay:var(--color-button-overlay-focus);--button-border-color:var(--button-border-color-hover);--button-color-background:var(--button-color-background-hover);--button-color-text:var(--button-color-text-hover, var(--button-color-text-default))}}.button.active,.button:active{--button-color-overlay:var(--color-button-overlay-active);--button-color-background:linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)),var(--button-color-background-active)}.\!button.active,.\!button:active,.button.\!active{--button-color-overlay:var(--color-button-overlay-active)!important;--button-color-background:linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)),var(--button-color-background-active)!important}.button.anchor-disabled,.button:disabled{--button-border-color-hover:var(--button-border-color-default);--button-color-background:var(--button-color-background-disabled);--button-color-text:var(--button-color-text-disabled);cursor:not-allowed;pointer-events:none}.\!button.anchor-disabled,.\!button:disabled{--button-border-color-hover:var(--button-border-color-default)!important;--button-color-background:var(--button-color-background-disabled)!important;--button-color-text:var(--button-color-text-disabled)!important;cursor:not-allowed!important;pointer-events:none!important}.\!button.button-activated{--button-border-color:var(--button-border-color-activated)!important;--button-color-background:var(--button-color-background-activated)!important;--button-color-text:var(--button-color-text-activated)!important}.button.button-activated{--button-border-color:var(--button-border-color-activated);--button-color-background:var(--button-color-background-activated);--button-color-text:var(--button-color-text-activated)}.button-shell{border-radius:999px;border:none;border:var(--button-border-width,0) solid var(--button-border-color,transparent);box-shadow:var(--button-shadow);cursor:pointer;font:var(--button-font);line-height:calc(var(--button-height) - (2 * var(--button-border-width,0px)));overflow:hidden;--button-border-color:var(--button-border-color-default);--button-border-width:var(--button-border-width-default);--button-color-background:var(--button-color-background-default);--button-color-text:var(--button-color-text-default)}.bg-no-repeat,.profile-header{background-repeat:no-repeat}.line-clamp-1,.line-clamp-12,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6,.line-clamp-8{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.button-shell.icon{width:var(--button-height)}.button-shell.\!icon{width:var(--button-height)!important}.button-large{--button-height:var(--size-button-lg-h);--button-padding:var(--spacer-xs);--button-font:var(--font-button-lg);--button-border-width-default:var(--line-button-lg-border)}.button-medium{--button-height:var(--size-button-md-h);--button-padding:var(--spacer-xs);--button-font:var(--font-button-md);--button-border-width-default:var(--line-button-md-border)}.button-small{--button-height:var(--size-button-sm-h);--button-padding:var(--spacer-2xs);--button-font:var(--font-button-sm);--button-border-width-default:var(--line-button-sm-border)}.button-x-small{--button-height:var(--size-button-xs-h);--button-padding:var(--spacer-sm);--button-font:var(--font-button-xs);--button-border-width-default:var(--line-button-xs-border)}.button-primary{--button-color-background-default:var(--color-primary-background);--button-color-background-focus:var(--color-primary-background);--button-color-background-hover:var(--color-button-primary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-primary-background-hover), var(--color-button-primary-background-hover));--button-color-background-disabled:var(--color-button-primary-background-disabled);--button-color-background-activated:var(--color-button-primary-background-activated);--button-color-text-default:var(--color-global-white);--button-color-text-disabled:var(--color-button-primary-text-disabled);--button-color-text-activated:var(--color-button-primary-text-activated);--button-border-color-default:transparent}.button-secondary{--button-color-background-default:var(--color-button-secondary-background);--button-color-background-focus:var(--color-button-secondary-background-focus);--button-color-background-hover:var(--color-button-secondary-background-hover);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-background-disabled:var(--color-button-secondary-background-disabled);--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-button-secondary-text);--button-color-text-disabled:var(--color-button-secondary-text-disabled);--button-color-text-activated:var(--color-button-secondary-text-activated);--button-border-color-default:var(--color-button-secondary-border)}.button-tertiary{--button-color-background-default:var(--color-button-tertiary-background);--button-color-background-focus:var(--color-button-tertiary-background-focus);--button-color-background-hover:var(--color-button-tertiary-background-hover);--button-color-background-disabled:var(--color-button-tertiary-background-disabled);--button-color-background-activated:var(--color-button-tertiary-background-activated);--button-color-text-default:var(--color-button-tertiary-text);--button-color-text-disabled:var(--color-button-tertiary-text-disabled);--button-color-text-activated:var(--color-button-tertiary-text-activated);--button-border-color-default:transparent}.button-plain{--button-color-background-default:transparent;--button-color-background-focus:transparent;--button-color-background-hover:var(--color-button-plain-background-hover);--button-color-background-disabled:var(--color-button-plain-background-disabled);--button-color-background-activated:var(--color-button-plain-background-activated);--button-color-background-active:linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));--button-color-text-default:var(--color-button-plain-text);--button-color-text-disabled:var(--color-button-plain-text-disabled);--button-color-text-activated:var(--color-button-plain-text-activated);--button-color-text-hover:var(--color-button-plain-text-hover);--button-border-color-default:transparent}.button-bordered{--button-color-background-default:transparent;--button-color-background-focus:transparent;--button-color-background-hover:transparent;--button-color-background-active:linear-gradient(transparent, transparent);--button-color-background-disabled:transparent;--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-secondary-plain);--button-color-text-disabled:var(--color-interactive-content-disabled);--button-color-text-activated:var(--color-neutral-content-strong);--button-color-text-hover:var(--color-secondary-plain-hover);--button-border-color-default:var(--color-neutral-border-medium);--button-border-color-hover:var(--color-neutral-border-strong);--button-border-color-active:var(--color-neutral-border-strong);--button-border-color-activated:var(--color-neutral-border-strong);--button-border-color-disabled:var(--color-neutral-content-disabled);--button-border-width-default:var(--line-sm);--button-border-width-activated:var(--line-sm)}.button-bordered-opaque{--button-color-background-active:linear-gradient(transparent, transparent);--button-color-background-disabled:transparent;--button-color-background-activated:var(--color-button-secondary-background-activated);--button-color-text-default:var(--color-secondary-plain);--button-color-text-disabled:var(--color-interactive-content-disabled);--button-color-text-activated:var(--color-neutral-content-strong);--button-color-text-hover:var(--color-secondary-plain-hover);--button-border-color-disabled:var(--color-neutral-content-disabled);--button-border-width-default:var(--line-sm);--button-border-width-activated:var(--line-sm);--button-color-background-default:var(--color-neutral-background);--button-color-background-focus:var(--color-button-secondary-background-focus);--button-color-background-hover:var(--color-button-secondary-background-hover);--button-border-color-default:var(--color-neutral-border-weak);--button-border-color-hover:var(--color-neutral-border-weak);--button-border-color-active:var(--color-neutral-border-weak);--button-border-color-activated:var(--color-neutral-border-weak)}.button-destructive{--button-color-background-default:var(--color-danger-background);--button-color-background-focus:var(--color-danger-background-hover);--button-color-background-hover:var(--color-danger-background-hover);--button-color-background-active:linear-gradient(var(--color-danger-background-hover), var(--color-danger-background-hover));--button-color-background-disabled:var(--color-button-secondary-background-disabled);--button-color-text-default:var(--color-danger-content-default);--button-color-text-disabled:var(--color-button-secondary-text-disabled);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-active:transparent}.button-media{--button-color-background-default:var(--color-media-background);--button-color-background-focus:var(--color-media-background-hover);--button-color-background-hover:var(--color-media-background-hover);--button-color-background-active:linear-gradient(var(--color-media-background-hover), var(--color-media-background-hover));--button-border-color-activated:var(--color-neutral-content-strong);--button-color-text-default:white;--button-color-text-disabled:var(--color-media-onbackground-disabled);--button-color-background-disabled:var(--color-media-background)}.button-brand{--button-color-background-default:var(--color-brand-background);--button-color-background-hover:var(--color-brand-background-hover);--button-color-background-active:linear-gradient(var(--color-brand-background-hover), var(--color-brand-background-hover));--button-color-background-disabled:var(--color-interactive-background-disabled);--button-color-text-default:var(--color-danger-content-default);--button-color-text-disabled:var(--color-interactive-content-disabled);--button-border-color-default:transparent}.button-success{--button-color-background-default:var(--color-success-background);--button-color-background-focus:var(--color-success-background-hover);--button-color-background-hover:var(--color-success-background-hover);--button-color-background-active:linear-gradient(var(--color-success-background-hover), var(--color-success-background-hover));--button-color-background-disabled:var(--color-button-primary-background-disabled);--button-color-text-default:var(--color-success-onBackground);--button-color-text-disabled:var(--color-button-primary-text-disabled);--button-border-color-default:transparent}.button-plain-inverted{--button-color-background-default:transparent;--button-color-background-focus:var(--color-neutral-content);--button-color-background-hover:var(--color-neutral-content);--button-color-background-active:var(--color-interactive-pressed);--button-color-background-disabled:transparent;--button-color-text-default:var(--color-neutral-background-weak);--button-color-text-disabled:var(--color-neutral-content);--button-border-color-default:transparent;--button-color-background-activated:var(--color-button-plain-inverted-background-activated);--button-color-text-activated:var(--color-button-plain-inverted-text-activated)}.full-snoo-xs{--full-snoo-xs-size:var(--rem48);height:var(--full-snoo-xs-size);width:var(--full-snoo-xs-size);margin-top:.125rem}.full-snoo-xs>img{width:var(--rem36);bottom:calc(-1 * .1875rem)}.full-snoo-sm{--full-snoo-sm-size:var(--rem64);height:var(--full-snoo-sm-size);width:var(--full-snoo-sm-size);margin-top:.125rem}.full-snoo-sm>img{width:var(--rem48);bottom:calc(-1 * var(--rem4))}.full-snoo-md{--full-snoo-md-size:var(--rem88);height:var(--full-snoo-md-size);width:var(--full-snoo-md-size);margin-top:var(--spacer-2xs)}.full-snoo-md>img{width:var(--rem64);bottom:calc(-1 * var(--rem6))}.full-snoo-lg{--full-snoo-lg-size:var(--rem144);height:var(--full-snoo-lg-size);width:var(--full-snoo-lg-size);margin-top:.375rem}.full-snoo-lg>img{width:6.625rem;bottom:calc(-1 * var(--rem10))}.full-snoo-xl{--full-snoo-xl-size:var(--rem192);height:var(--full-snoo-xl-size);width:var(--full-snoo-xl-size);margin-top:var(--spacer-xs)}.full-snoo-xl>img{width:8.8125rem;bottom:calc(-1 * var(--rem14))}.full-snoo-2xl{--full-snoo-2xl-size:var(--rem320);height:var(--full-snoo-2xl-size);width:var(--full-snoo-2xl-size);margin-top:var(--spacer-sm)}.full-snoo-2xl>img{width:14.75rem;bottom:calc(-1 * var(--rem22))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-1\/2{inset:50%}.-bottom-1\/2{bottom:-50%}.-bottom-100{bottom:-100%}.-bottom-xl{bottom:-2rem}.-left-1\/2{left:-50%}.-left-100{left:-100%}.-left-\[1rem\]{left:-1rem}.-left-\[99999px\]{left:-99999px}.-left-full{left:-100%}.-right-2xs{right:-.25rem}.-right-\[\.65rem\]{right:-.65rem}.-right-\[\.75rem\]{right:-.75rem}.-right-\[0\.0625rem\]{right:-.0625rem}.-right-\[0\.0825rem\]{right:-.0825rem}.-right-\[0\.125rem\]{right:-.125rem}.-right-px{right:-1px}.-top-2xl{top:-3rem}.-top-4xl{top:-6rem}.-top-\[35px\]{top:-35px}.-top-\[9rem\]{top:-9rem}.-top-full{top:-100%}.-top-xs{top:-.5rem}.bottom-0{bottom:0}.bottom-100{bottom:100%}.bottom-2xl{bottom:3rem}.bottom-\[-42px\]{bottom:-42px}.bottom-\[-50px\]{bottom:-50px}.bottom-\[-70px\]{bottom:-70px}.bottom-\[-8px\]{bottom:-8px}.bottom-\[0px\]{bottom:0}.bottom-\[10px\]{bottom:10px}.bottom-\[13px\]{bottom:13px}.bottom-\[24px\]{bottom:24px}.bottom-\[29px\]{bottom:29px}.bottom-\[2px\]{bottom:2px}.bottom-\[38px\]{bottom:38px}.bottom-\[40px\]{bottom:40px}.bottom-\[42px\]{bottom:42px}.bottom-\[44px\]{bottom:44px}.bottom-\[4px\]{bottom:4px}.bottom-\[52px\]{bottom:52px}.bottom-\[56px\]{bottom:56px}.bottom-\[60px\]{bottom:60px}.bottom-\[6px\]{bottom:6px}.bottom-\[9\%\]{bottom:9%}.bottom-\[96px\]{bottom:96px}.bottom-\[var\(--rem20\)\]{bottom:var(--rem20)}.bottom-lg{bottom:1.5rem}.bottom-md{bottom:1rem}.bottom-sm{bottom:.75rem}.bottom-xl{bottom:2rem}.bottom-xs{bottom:.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2\/4{left:50%}.left-2xs{left:.25rem}.left-\[-12\.5px\]{left:-12.5px}.left-\[\.25rem\]{left:.25rem}.left-\[\.425rem\]{left:.425rem}.left-\[16px\]{left:16px}.left-\[28px\]{left:28px}.left-\[2px\]{left:2px}.left-\[2rem\]{left:2rem}.left-\[4px\]{left:4px}.left-\[50\%\]{left:50%}.left-\[70px\]{left:70px}.left-\[8px\]{left:8px}.left-\[unset\]{left:unset}.left-\[var\(--rem20\)\]{left:var(--rem20)}.left-md{left:1rem}.left-sm{left:.75rem}.left-xl{left:2rem}.left-xs{left:.5rem}.right-0{right:0}.right-1\/2{right:50%}.right-1\/4{right:25%}.right-2xs{right:.25rem}.right-\[-18px\]{right:-18px}.right-\[-8px\]{right:-8px}.right-\[\.25rem\]{right:.25rem}.right-\[\.425rem\]{right:.425rem}.right-\[15px\]{right:15px}.right-\[16px\]{right:16px}.right-\[17px\]{right:17px}.right-\[19px\]{right:19px}.right-\[24px\]{right:24px}.right-\[29px\]{right:29px}.right-\[2rem\]{right:2rem}.right-\[40px\]{right:40px}.right-\[4px\]{right:4px}.right-\[52px\]{right:52px}.right-\[5px\]{right:5px}.right-\[70px\]{right:70px}.right-\[74px\]{right:74px}.right-\[8px\]{right:8px}.right-lg{right:1.5rem}.right-md{right:1rem}.right-sm{right:.75rem}.right-xl{right:2rem}.right-xs{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-100{top:100%}.top-2\/4{top:50%}.top-2xs{top:.25rem}.top-3xl{top:4rem}.top-\[-0\.25rem\]{top:-.25rem}.top-\[-1px\]{top:-1px}.top-\[-8px\]{top:-8px}.top-\[128px\]{top:128px}.top-\[24px\]{top:24px}.top-\[2px\]{top:2px}.top-\[2rem\]{top:2rem}.top-\[37px\]{top:37px}.top-\[50\%\]{top:50%}.top-\[56px\]{top:56px}.top-\[58px\]{top:58px}.top-\[5px\]{top:5px}.top-\[72px\]{top:72px}.top-\[8px\]{top:8px}.top-\[calc\(var\(--shreddit-header-height\)\)\]{top:calc(var(--shreddit-header-height))}.top-\[calc\(var\(--shreddit-header-height\)\+1px\)\]{top:calc(var(--shreddit-header-height) + 1px)}.top-\[unset\]{top:unset}.top-\[var\(--shreddit-header-height\)\]{top:var(--shreddit-header-height)}.top-lg{top:1.5rem}.top-md{top:1rem}.top-px{top:1px}.top-sm{top:.75rem}.top-xl{top:2rem}.top-xs{top:.5rem}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[1001\]{z-index:1001}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[10\]{z-index:10}.z-\[1\]{z-index:1}.z-\[20\]{z-index:20}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[9999\]{z-index:9999}.z-\[unset\]{z-index:unset}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.order-last{order:9999}.col-\[2_\/_-1\]{grid-column:2/-1}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-end-1{grid-column-end:1}.col-end-17{grid-column-end:17}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-\[-1\]{grid-column-end:-1}.row-\[1_\/_2\]{grid-row:1/2}.row-span-1{grid-row:span 1/span 1}.row-span-3{grid-row:span 3/span 3}.row-span-full{grid-row:1/-1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-auto{grid-row-end:auto}.float-right{float:right}.float-left{float:left}.\!m-0{margin:0!important}.-m-\[0\.5rem\]{margin:-.5rem}.-m-\[4px\]{margin:-4px}.-m-xs{margin:-.5rem}.m-0{margin:0}.m-2xs{margin:.25rem}.m-\[-2px\]{margin:-2px}.m-\[16px\]{margin:16px}.m-\[2px\]{margin:2px}.m-\[4px\]{margin:4px}.m-\[6px\]{margin:6px}.m-\[8px\]{margin:8px}.m-auto{margin:auto}.m-lg{margin:1.5rem}.m-md{margin:1rem}.m-sm{margin:.75rem}.m-xl{margin:2rem}.m-xs{margin:.5rem}.\!my-\[-10px\]{margin-top:-10px!important;margin-bottom:-10px!important}.-mx-md{margin-left:-1rem;margin-right:-1rem}.-mx-sm{margin-left:-.75rem;margin-right:-.75rem}.-mx-xs{margin-left:-.5rem;margin-right:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-2xs{margin-left:.25rem;margin-right:.25rem}.mx-\[-0\.75rem\]{margin-left:-.75rem;margin-right:-.75rem}.mx-\[-16px\]{margin-left:-16px;margin-right:-16px}.mx-\[12px\]{margin-left:12px;margin-right:12px}.mx-\[2px\]{margin-left:2px;margin-right:2px}.mx-\[32px\]{margin-left:32px;margin-right:32px}.mx-\[3rem\]{margin-left:3rem;margin-right:3rem}.mx-\[4px\]{margin-left:4px;margin-right:4px}.mx-\[6px\]{margin-left:6px;margin-right:6px}.mx-auto{margin-left:auto;margin-right:auto}.mx-lg{margin-left:1.5rem;margin-right:1.5rem}.mx-md{margin-left:1rem;margin-right:1rem}.mx-sm{margin-left:.75rem;margin-right:.75rem}.mx-xs{margin-left:.5rem;margin-right:.5rem}.my-0{margin-top:0;margin-bottom:0}.my-2xs{margin-top:.25rem;margin-bottom:.25rem}.my-\[-10px\]{margin-top:-10px;margin-bottom:-10px}.my-\[10px\]{margin-top:10px;margin-bottom:10px}.my-\[16px\]{margin-top:16px;margin-bottom:16px}.my-\[18px\]{margin-top:18px;margin-bottom:18px}.my-\[1px\]{margin-top:1px;margin-bottom:1px}.my-\[20px\]{margin-top:20px;margin-bottom:20px}.my-\[6px\]{margin-top:6px;margin-bottom:6px}.my-lg{margin-top:1.5rem;margin-bottom:1.5rem}.my-md{margin-top:1rem;margin-bottom:1rem}.my-px{margin-top:1px;margin-bottom:1px}.my-sm{margin-top:.75rem;margin-bottom:.75rem}.my-xl{margin-top:2rem;margin-bottom:2rem}.my-xs{margin-top:.5rem;margin-bottom:.5rem}.\!mt-xs{margin-top:.5rem!important}.-mb-2xs{margin-bottom:-.25rem}.-mb-\[35px\]{margin-bottom:-35px}.-mb-\[4px\]{margin-bottom:-4px}.-mb-\[80px\]{margin-bottom:-80px}.-mb-lg{margin-bottom:-1.5rem}.-mb-px{margin-bottom:-1px}.-mb-xs{margin-bottom:-.5rem}.-ml-2xs{margin-left:-.25rem}.-ml-\[var\(--rem10\)\]{margin-left:calc(var(--rem10) * -1)}.-ml-\[var\(--rem12\)\]{margin-left:calc(var(--rem12) * -1)}.-ml-\[var\(--rem14\)\]{margin-left:calc(var(--rem14) * -1)}.-ml-\[var\(--rem16\)\]{margin-left:calc(var(--rem16) * -1)}.-ml-\[var\(--rem18\)\]{margin-left:calc(var(--rem18) * -1)}.-ml-\[var\(--rem20\)\]{margin-left:calc(var(--rem20) * -1)}.-ml-\[var\(--rem4\)\]{margin-left:calc(var(--rem4) * -1)}.-ml-\[var\(--rem6\)\]{margin-left:calc(var(--rem6) * -1)}.-ml-\[var\(--rem8\)\]{margin-left:calc(var(--rem8) * -1)}.-ml-md{margin-left:-1rem}.-ml-px{margin-left:-1px}.-ml-sm{margin-left:-.75rem}.-ml-xs{margin-left:-.5rem}.-mr-2xs{margin-right:-.25rem}.-mr-\[7px\]{margin-right:-7px}.-mr-sm{margin-right:-.75rem}.-mr-xs{margin-right:-.5rem}.-mt-2xs{margin-top:-.25rem}.-mt-3xl{margin-top:-4rem}.-mt-\[20px\]{margin-top:-20px}.-mt-\[2px\]{margin-top:-2px}.-mt-\[4px\]{margin-top:-4px}.-mt-\[var\(--page-y-padding\)\]{margin-top:calc(var(--page-y-padding) * -1)}.-mt-lg{margin-top:-1.5rem}.-mt-md{margin-top:-1rem}.-mt-xl{margin-top:-2rem}.-mt-xs{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-2xl{margin-bottom:3rem}.mb-2xs{margin-bottom:.25rem}.mb-3xl{margin-bottom:4rem}.mb-4xl{margin-bottom:6rem}.mb-\[-10\%\]{margin-bottom:-10%}.mb-\[-2px\]{margin-bottom:-2px}.mb-\[-32px\]{margin-bottom:-32px}.mb-\[-40px\]{margin-bottom:-40px}.mb-\[0\.25rem\]{margin-bottom:.25rem}.mb-\[0\.5rem\]{margin-bottom:.5rem}.mb-\[1\.25rem\]{margin-bottom:1.25rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[12px\]{margin-bottom:12px}.mb-\[14px\]{margin-bottom:14px}.mb-\[156px\]{margin-bottom:156px}.mb-\[15px\]{margin-bottom:15px}.mb-\[16px\]{margin-bottom:16px}.mb-\[1px\]{margin-bottom:1px}.mb-\[2\.5rem\]{margin-bottom:2.5rem}.mb-\[20px\]{margin-bottom:20px}.mb-\[2px\]{margin-bottom:2px}.mb-\[2rem\]{margin-bottom:2rem}.mb-\[32px\]{margin-bottom:32px}.mb-\[3px\]{margin-bottom:3px}.mb-\[45px\]{margin-bottom:45px}.mb-\[4px\]{margin-bottom:4px}.mb-\[52px\]{margin-bottom:52px}.mb-\[8px\]{margin-bottom:8px}.mb-\[calc\(var\(--page-y-padding\)_\*_-1\)\]{margin-bottom:calc(var(--page-y-padding) * -1)}.mb-lg{margin-bottom:1.5rem}.mb-md{margin-bottom:1rem}.mb-px{margin-bottom:1px}.mb-sm{margin-bottom:.75rem}.mb-xl{margin-bottom:2rem}.mb-xs{margin-bottom:.5rem}.ml-0{margin-left:0}.ml-2xl{margin-left:3rem}.ml-2xs,shreddit-ad-post[view-type=compactView]:not(:defined) [slot=thumbnail],shreddit-post[view-type=compactView]:not(:defined) [slot=thumbnail]{margin-left:.25rem}.ml-\[-\.25rem\]{margin-left:-.25rem}.ml-\[-14px\]{margin-left:-14px}.ml-\[-16px\]{margin-left:-16px}.ml-\[-1px\]{margin-left:-1px}.ml-\[-1rem\]{margin-left:-1rem}.ml-\[0\.125rem\]{margin-left:.125rem}.ml-\[11px\]{margin-left:11px}.ml-\[12px\]{margin-left:12px}.ml-\[15px\]{margin-left:15px}.ml-\[2\.5rem\]{margin-left:2.5rem}.ml-\[2\.75rem\]{margin-left:2.75rem}.ml-\[22px\]{margin-left:22px}.ml-\[28px\]{margin-left:28px}.ml-\[2px\]{margin-left:2px}.ml-\[2rem\]{margin-left:2rem}.ml-\[34px\]{margin-left:34px}.ml-\[38px\]{margin-left:38px}.ml-\[3px\]{margin-left:3px}.ml-\[4px\]{margin-left:4px}.ml-\[6px\]{margin-left:6px}.ml-auto{margin-left:auto}.ml-lg{margin-left:1.5rem}.ml-md{margin-left:1rem}.ml-px{margin-left:1px}.ml-sm{margin-left:.75rem}.ml-xl{margin-left:2rem}.ml-xs{margin-left:.5rem}.mr-0{margin-right:0}.mr-2xs{margin-right:.25rem}.mr-3xl{margin-right:4rem}.mr-\[-1px\]{margin-right:-1px}.mr-\[-4px\]{margin-right:-4px}.mr-\[-8px\]{margin-right:-8px}.mr-\[0\.75rem\]{margin-right:.75rem}.mr-\[10px\]{margin-right:10px}.mr-\[12px\]{margin-right:12px}.mr-\[15px\]{margin-right:15px}.mr-\[2px\]{margin-right:2px}.mr-\[3px\]{margin-right:3px}.mr-\[4px\]{margin-right:4px}.mr-\[6px\]{margin-right:6px}.mr-\[8px\],.topic-wrapper{margin-right:8px}.mr-\[calc\(var\(--size-button-sm-h\)-var\(--rem10\)-var\(--button-border-width-default\)\)\]{margin-right:calc(var(--size-button-sm-h) - var(--rem10) - var(--button-border-width-default))}.mr-\[var\(--rem6\)\]{margin-right:var(--rem6)}.mr-auto{margin-right:auto}.mr-lg{margin-right:1.5rem}.mr-md{margin-right:1rem}.mr-sm{margin-right:.75rem}.mr-xl{margin-right:2rem}.mr-xs{margin-right:.5rem}.mt-0{margin-top:0}.mt-2xl{margin-top:3rem}.mt-2xs{margin-top:.25rem}.mt-3xl{margin-top:4rem}.mt-4xl{margin-top:6rem}.mt-5xl{margin-top:8rem}.mt-\[-0\.125rem\]{margin-top:-.125rem}.mt-\[-0\.25rem\]{margin-top:-.25rem}.mt-\[-14px\]{margin-top:-14px}.mt-\[-21px\]{margin-top:-21px}.mt-\[-2px\]{margin-top:-2px}.mt-\[-4px\]{margin-top:-4px}.mt-\[-66px\]{margin-top:-66px}.mt-\[0\.375rem\]{margin-top:.375rem}.mt-\[0\.4375rem\]{margin-top:.4375rem}.mt-\[1\.5rem\]{margin-top:1.5rem}.mt-\[100px\]{margin-top:100px}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[14px\]{margin-top:14px}.mt-\[150px\]{margin-top:150px}.mt-\[16px\]{margin-top:16px}.mt-\[1px\]{margin-top:1px}.mt-\[2\.5rem\]{margin-top:2.5rem}.mt-\[20px\]{margin-top:20px}.mt-\[20vh\]{margin-top:20vh}.mt-\[24px\]{margin-top:24px}.mt-\[28px\]{margin-top:28px}.mt-\[2px\]{margin-top:2px}.mt-\[30px\]{margin-top:30px}.mt-\[36px\]{margin-top:36px}.mt-\[40px\]{margin-top:40px}.mt-\[42px\]{margin-top:42px}.mt-\[49px\]{margin-top:49px}.mt-\[4px\]{margin-top:4px}.mt-\[50px\]{margin-top:50px}.mt-\[60px\]{margin-top:60px}.mt-\[68px\]{margin-top:68px}.mt-\[6px\]{margin-top:6px}.mt-\[8px\]{margin-top:8px}.mt-\[var\(--rem20\)\]{margin-top:var(--rem20)}.mt-auto{margin-top:auto}.mt-lg{margin-top:1.5rem}.mt-md{margin-top:1rem}.mt-sm{margin-top:.75rem}.mt-xl{margin-top:2rem}.mt-xs{margin-top:.5rem}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-12{-webkit-line-clamp:12}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-8{-webkit-line-clamp:8}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.\!flex{display:flex!important}.flex,.group:focus-within .group-focus-within\:flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-cell{display:table-cell}.grid{display:grid}.inline-grid{display:inline-grid}.\!contents{display:contents!important}.contents{display:contents}.list-item{display:list-item}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[2\/1\]{aspect-ratio:2/1}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.\[\&\>svg\]\:aspect-square>svg,.aspect-square{aspect-ratio:1/1}.size-lg{width:1.5rem;height:1.5rem}.\!h-auto{height:auto!important}.h-0{height:0}.h-100{height:100%}.h-2xl{height:3rem}.h-2xs{height:.25rem}.h-3\/4{height:75%}.h-3xl{height:4rem}.h-4xl{height:6rem}.h-5xl{height:8rem}.h-\[\.25rem\]{height:.25rem}.h-\[\.375rem\]{height:.375rem}.h-\[\.625rem\]{height:.625rem}.h-\[1\.25rem\]{height:1.25rem}.h-\[1\.5rem\]{height:1.5rem}.h-\[1\.7rem\]{height:1.7rem}.h-\[1000px\]{height:1000px}.h-\[100px\]{height:100px}.h-\[100vh\]{height:100vh}.h-\[1024px\]{height:1024px}.h-\[104px\]{height:104px}.h-\[10px\]{height:10px}.h-\[111px\]{height:111px}.h-\[1120px\]{height:1120px}.h-\[112px\]{height:112px}.h-\[114px\]{height:114px}.h-\[115px\]{height:115px}.h-\[120px\]{height:120px}.h-\[124px\]{height:124px}.h-\[125px\]{height:125px}.h-\[126px\]{height:126px}.h-\[128px\]{height:128px}.h-\[12px\]{height:12px}.h-\[12rem\]{height:12rem}.h-\[135\%\]{height:135%}.h-\[144px\]{height:144px}.h-\[148px\]{height:148px}.h-\[14px\]{height:14px}.h-\[150px\]{height:150px}.h-\[160px\]{height:160px}.h-\[16px\]{height:16px}.h-\[170px\]{height:170px}.h-\[180px\]{height:180px}.h-\[185px\]{height:185px}.h-\[192px\]{height:192px}.h-\[195px\]{height:195px}.h-\[1em\]{height:1em}.h-\[1px\]{height:1px}.h-\[1rem\]{height:1rem}.h-\[2\.25rem\]{height:2.25rem}.h-\[2\.5rem\]{height:2.5rem}.h-\[2\.87rem\]{height:2.87rem}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[210px\]{height:210px}.h-\[213px\]{height:213px}.h-\[21px\]{height:21px}.h-\[228px\]{height:228px}.h-\[22px\]{height:22px}.h-\[232px\]{height:232px}.h-\[240px\]{height:240px}.h-\[24px\]{height:24px}.h-\[250px\]{height:250px}.h-\[25px\]{height:25px}.h-\[260px\]{height:260px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[285px\]{height:285px}.h-\[28px\]{height:28px}.h-\[298px\]{height:298px}.h-\[2px\]{height:2px}.h-\[2rem\]{height:2rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[3\.2rem\]{height:3.2rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[300px\]{height:300px}.h-\[305px\]{height:305px}.h-\[30px\]{height:30px}.h-\[316px\]{height:316px}.h-\[320px\]{height:320px}.h-\[324px\]{height:324px}.h-\[32px\]{height:32px}.h-\[350px\]{height:350px}.h-\[360px\]{height:360px}.h-\[36px\]{height:36px}.h-\[370px\]{height:370px}.h-\[374px\]{height:374px}.h-\[376px\]{height:376px}.h-\[38px\]{height:38px}.h-\[391px\]{height:391px}.h-\[396px\]{height:396px}.h-\[3rem\]{height:3rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[432px\]{height:432px}.h-\[434px\]{height:434px}.h-\[438px\]{height:438px}.h-\[44px\]{height:44px}.h-\[470px\]{height:470px}.h-\[472px\]{height:472px}.h-\[48px\]{height:48px}.h-\[494px\]{height:494px}.h-\[49px\]{height:49px}.h-\[4px\]{height:4px}.h-\[4rem\]{height:4rem}.h-\[5\.5rem\]{height:5.5rem}.h-\[500px\]{height:500px}.h-\[506px\]{height:506px}.h-\[50px\]{height:50px}.h-\[50vh\]{height:50vh}.h-\[518px\]{height:518px}.h-\[51px\]{height:51px}.h-\[520px\]{height:520px}.h-\[52px\]{height:52px}.h-\[550px\]{height:550px}.h-\[562px\]{height:562px}.h-\[56px\]{height:56px}.h-\[580px\]{height:580px}.h-\[584px\]{height:584px}.h-\[58px\]{height:58px}.h-\[5rem\]{height:5rem}.h-\[60px\]{height:60px}.h-\[62px\]{height:62px}.h-\[630px\]{height:630px}.h-\[63px\]{height:63px}.h-\[64px\]{height:64px}.h-\[66px\]{height:66px}.h-\[68px\]{height:68px}.h-\[6px\]{height:6px}.h-\[6rem\]{height:6rem}.h-\[700px\]{height:700px}.h-\[70vh\]{height:70vh}.h-\[72px\]{height:72px}.h-\[74px\]{height:74px}.h-\[768px\]{height:768px}.h-\[76px\]{height:76px}.h-\[80px\]{height:80px}.h-\[80vh\]{height:80vh}.h-\[82px\]{height:82px}.h-\[84px\]{height:84px}.h-\[88px\]{height:88px}.h-\[8rem\]{height:8rem}.h-\[90px\]{height:90px}.h-\[91px\]{height:91px}.h-\[93px\]{height:93px}.h-\[96px\]{height:96px}.h-\[97px\]{height:97px}.h-\[98px\]{height:98px}.h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.h-\[calc\(100dvh-var\(--shreddit-header-height\)-32px\)\]{height:calc(100dvh - var(--shreddit-header-height) - 32px)}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.h-\[calc\(100vh-var\(--shreddit-header-height\)\)\]{height:calc(100vh - var(--shreddit-header-height))}.h-\[calc\(100vh-var\(--shreddit-header-height\)-var\(--shreddit-bottom-padding\)\)\]{height:calc(100vh - var(--shreddit-header-height) - var(--shreddit-bottom-padding))}.h-\[var\(--accessory-container-height\)\]{height:var(--accessory-container-height)}.h-\[var\(--emote-btn-size\)\]{height:var(--emote-btn-size)}.h-\[var\(--icon-badge-container-height\)\]{height:var(--icon-badge-container-height)}.h-\[var\(--list-height\)\]{height:var(--list-height)}.h-\[var\(--marketplace-modal-height\)\]{height:var(--marketplace-modal-height)}.h-\[var\(--modal-height\)\]{height:var(--modal-height)}.h-\[var\(--rem32\)\]{height:var(--rem32)}.h-\[var\(--size-button-md-h\)\]{height:var(--size-button-md-h)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-header-large{height:var(--shreddit-header-large-height)}.h-header-small{height:var(--shreddit-header-height)}.h-lg{height:1.5rem}.h-lvh{height:100lvh}.h-md{height:1rem}.h-min{height:min-content}.h-px{height:1px}.h-screen{height:100vh}.h-screen-without-header{height:calc(var(--viewport-height,100vh) - var(--shreddit-header-height) - 1px)}.h-screen-without-header-large{height:calc(var(--viewport-height,100vh) - var(--shreddit-header-large-height) - 1px)}.h-sm{height:.75rem}.h-xl{height:2rem}.h-xs{height:.5rem}.max-h-0{max-height:0}.max-h-2xl{max-height:3rem}.max-h-3xl{max-height:4rem}.max-h-5xl{max-height:8rem}.max-h-\[1\.5rem\]{max-height:1.5rem}.max-h-\[1000px\]{max-height:1000px}.max-h-\[100vh\]{max-height:100vh}.max-h-\[100vw\]{max-height:100vw}.max-h-\[1120px\]{max-height:1120px}.max-h-\[112px\]{max-height:112px}.max-h-\[12rem\]{max-height:12rem}.max-h-\[150px\]{max-height:150px}.max-h-\[18rem\]{max-height:18rem}.max-h-\[1920px\]{max-height:1920px}.max-h-\[192px\]{max-height:192px}.max-h-\[19rem\]{max-height:19rem}.max-h-\[20rem\]{max-height:20rem}.max-h-\[228px\]{max-height:228px}.max-h-\[232px\]{max-height:232px}.max-h-\[24rem\]{max-height:24rem}.max-h-\[25\.5rem\]{max-height:25.5rem}.max-h-\[250px\]{max-height:250px}.max-h-\[253px\]{max-height:253px}.max-h-\[25vh\]{max-height:25vh}.max-h-\[260px\]{max-height:260px}.max-h-\[276px\]{max-height:276px}.max-h-\[294px\]{max-height:294px}.max-h-\[2rem\]{max-height:2rem}.max-h-\[300px\]{max-height:300px}.max-h-\[30vh\]{max-height:30vh}.max-h-\[320px\]{max-height:320px}.max-h-\[336px\]{max-height:336px}.max-h-\[337px\]{max-height:337px}.max-h-\[350px\]{max-height:350px}.max-h-\[370px\]{max-height:370px}.max-h-\[38px\]{max-height:38px}.max-h-\[400px\]{max-height:400px}.max-h-\[40px\]{max-height:40px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[432px\]{max-height:432px}.max-h-\[472px\]{max-height:472px}.max-h-\[500px\]{max-height:500px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[510px\]{max-height:510px}.max-h-\[520px\]{max-height:520px}.max-h-\[532px\]{max-height:532px}.max-h-\[540px\]{max-height:540px}.max-h-\[590px\]{max-height:590px}.max-h-\[600px\]{max-height:600px}.max-h-\[62px\]{max-height:62px}.max-h-\[6rem\]{max-height:6rem}.max-h-\[711px\]{max-height:711px}.max-h-\[740px\]{max-height:740px}.max-h-\[768px\]{max-height:768px}.max-h-\[80px\]{max-height:80px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-128px\)\]{max-height:calc(100vh - 128px)}.max-h-\[calc\(100vh-300px\)\]{max-height:calc(100vh - 300px)}.max-h-\[calc\(100vh-var\(--shreddit-header-height\)-15px-10px\)\]{max-height:calc(100vh - var(--shreddit-header-height) - 15px - 10px)}.max-h-\[calc\(var\(--dvh-unit\)\*100-var\(--shreddit-header-height\)-1px\)\]{max-height:calc(var(--dvh-unit) * 100 - var(--shreddit-header-height) - 1px)}.max-h-\[calc\(var\(--viewport-height\)-220px\)\]{max-height:calc(var(--viewport-height) - 220px)}.max-h-\[calc\(var\(--viewport-height\)-var\(--size-5xl\)\)\]{max-height:calc(var(--viewport-height) - var(--size-5xl))}.max-h-\[max\(23vw\2c250px\)\]{max-height:max(23vw,250px)}.max-h-\[unset\]{max-height:unset}.max-h-\[var\(--modal-height\)\]{max-height:var(--modal-height)}.max-h-\[var\(--rem20\)\]{max-height:var(--rem20)}.max-h-dvh{max-height:100dvh}.max-h-full{max-height:100%}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.max-h-xl{max-height:2rem}.min-h-2xl{min-height:3rem}.min-h-4xl{min-height:6rem}.min-h-5xl{min-height:8rem}.min-h-\[106px\]{min-height:106px}.min-h-\[10px\]{min-height:10px}.min-h-\[10rem\]{min-height:10rem}.min-h-\[128px\]{min-height:128px}.min-h-\[150px\]{min-height:150px}.min-h-\[160px\]{min-height:160px}.min-h-\[18px\]{min-height:18px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[20px\]{min-height:20px}.min-h-\[24px\]{min-height:24px}.min-h-\[2lh\]{min-height:2lh}.min-h-\[2rem\]{min-height:2rem}.min-h-\[310px\]{min-height:310px}.min-h-\[32px\]{min-height:32px}.min-h-\[34px\]{min-height:34px}.min-h-\[36px\]{min-height:36px}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[464px\]{min-height:464px}.min-h-\[56px\]{min-height:56px}.min-h-\[584px\]{min-height:584px}.min-h-\[600px\]{min-height:600px}.min-h-\[640px\]{min-height:640px}.min-h-\[64px\]{min-height:64px}.min-h-\[70px\]{min-height:70px}.min-h-\[75vh\]{min-height:75vh}.min-h-\[7rem\]{min-height:7rem}.min-h-\[80px\]{min-height:80px}.min-h-\[80vh\]{min-height:80vh}.min-h-\[84px\]{min-height:84px}.min-h-\[93px\]{min-height:93px}.min-h-\[auto\]{min-height:auto}.min-h-\[calc\(100dvh-var\(--shreddit-header-height\)-32px\)\]{min-height:calc(100dvh - var(--shreddit-header-height) - 32px)}.min-h-\[calc\(100vh-var\(--shreddit-header-height\)-var\(--page-y-padding\)\)\]{min-height:calc(100vh - var(--shreddit-header-height) - var(--page-y-padding))}.min-h-\[min\(20vw\2c150px\)\]{min-height:min(20vw,150px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-screen-without-header{min-height:calc(var(--viewport-height,100vh) - var(--shreddit-header-height) - 1px)}.\!w-md{width:1rem!important}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/6{width:16.666667%}.w-100{width:100%}.w-11\/12{width:91.666667%}.w-2\/12{width:16.666667%}.w-2\/3{width:66.666667%}.w-2xl{width:3rem}.w-2xs{width:.25rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-3\/6{width:50%}.w-3xl{width:4rem}.w-4\/5{width:80%}.w-4xl{width:6rem}.w-5\/6{width:83.333333%}.w-5xl{width:8rem}.w-\[\.25rem\]{width:.25rem}.w-\[\.375rem\]{width:.375rem}.w-\[\.625rem\]{width:.625rem}.w-\[1\.25rem\]{width:1.25rem}.w-\[1\.5rem\]{width:1.5rem}.w-\[10\%\]{width:10%}.w-\[100px\]{width:100px}.w-\[100vw\]{width:100vw}.w-\[1024px\]{width:1024px}.w-\[104px\]{width:104px}.w-\[1080px\]{width:1080px}.w-\[10px\]{width:10px}.w-\[11\.5px\]{width:11.5px}.w-\[1120px\]{width:1120px}.w-\[112px\]{width:112px}.w-\[114px\]{width:114px}.w-\[1164px\]{width:1164px}.w-\[11rem\]{width:11rem}.w-\[1200px\]{width:1200px}.w-\[120px\]{width:120px}.w-\[124px\]{width:124px}.w-\[128px\]{width:128px}.w-\[12px\]{width:12px}.w-\[12rem\]{width:12rem}.w-\[130px\]{width:130px}.w-\[138px\]{width:138px}.w-\[14\%\]{width:14%}.w-\[140px\]{width:140px}.w-\[144px\]{width:144px}.w-\[146px\]{width:146px}.w-\[148px\]{width:148px}.w-\[15\%\]{width:15%}.w-\[150px\]{width:150px}.w-\[15rem\]{width:15rem}.w-\[160px\]{width:160px}.w-\[164px\]{width:164px}.w-\[16px\]{width:16px}.w-\[170px\]{width:170px}.w-\[174px\]{width:174px}.w-\[180px\]{width:180px}.w-\[184px\]{width:184px}.w-\[190px\]{width:190px}.w-\[1em\]{width:1em}.w-\[1px\]{width:1px}.w-\[1rem\]{width:1rem}.w-\[2\.25rem\]{width:2.25rem}.w-\[2\.5rem\]{width:2.5rem}.w-\[2\.87rem\]{width:2.87rem}.w-\[20\%\]{width:20%}.w-\[200\%\]{width:200%}.w-\[200px\]{width:200px}.w-\[204px\]{width:204px}.w-\[20px\]{width:20px}.w-\[20rem\]{width:20rem}.w-\[210px\]{width:210px}.w-\[220px\]{width:220px}.w-\[228px\]{width:228px}.w-\[22px\]{width:22px}.w-\[230px\]{width:230px}.w-\[236px\]{width:236px}.w-\[240px\]{width:240px}.w-\[247px\]{width:247px}.w-\[24px\]{width:24px}.w-\[24rem\]{width:24rem}.w-\[25\%\]{width:25%}.w-\[250px\]{width:250px}.w-\[252px\]{width:252px}.w-\[256px\]{width:256px}.w-\[25px\]{width:25px}.w-\[25rem\]{width:25rem}.w-\[260px\]{width:260px}.w-\[268px\]{width:268px}.w-\[26px\]{width:26px}.w-\[272px\]{width:272px}.w-\[274px\]{width:274px}.w-\[28\%\]{width:28%}.w-\[280px\]{width:280px}.w-\[28px\]{width:28px}.w-\[293px\]{width:293px}.w-\[2px\]{width:2px}.w-\[2rem\]{width:2rem}.w-\[3\.25rem\]{width:3.25rem}.w-\[3\.5rem\]{width:3.5rem}.w-\[30\%\]{width:30%}.w-\[300px\]{width:300px}.w-\[306px\]{width:306px}.w-\[314px\]{width:314px}.w-\[316px\]{width:316px}.w-\[320px\]{width:320px}.w-\[322px\]{width:322px}.w-\[324px\]{width:324px}.w-\[32px\]{width:32px}.w-\[330px\]{width:330px}.w-\[336px\]{width:336px}.w-\[338px\]{width:338px}.w-\[342px\]{width:342px}.w-\[343px\]{width:343px}.w-\[346px\]{width:346px}.w-\[348px\]{width:348px}.w-\[350px\]{width:350px}.w-\[351px\]{width:351px}.w-\[360px\]{width:360px}.w-\[368px\]{width:368px}.w-\[36px\]{width:36px}.w-\[370px\]{width:370px}.w-\[375px\]{width:375px}.w-\[380px\]{width:380px}.w-\[388px\]{width:388px}.w-\[398px\]{width:398px}.w-\[3rem\]{width:3rem}.w-\[4\.5rem\]{width:4.5rem}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[430px\]{width:430px}.w-\[432px\]{width:432px}.w-\[448px\]{width:448px}.w-\[45\%\]{width:45%}.w-\[456px\]{width:456px}.w-\[48px\]{width:48px}.w-\[4rem\]{width:4rem}.w-\[5\.5rem\]{width:5.5rem}.w-\[50\%\]{width:50%}.w-\[500px\]{width:500px}.w-\[50px\]{width:50px}.w-\[516px\]{width:516px}.w-\[52px\]{width:52px}.w-\[532px\]{width:532px}.w-\[53px\]{width:53px}.w-\[55\%\]{width:55%}.w-\[562px\]{width:562px}.w-\[56px\]{width:56px}.w-\[576px\]{width:576px}.w-\[584px\]{width:584px}.w-\[5rem\]{width:5rem}.w-\[60\%\]{width:60%}.w-\[600px\]{width:600px}.w-\[604px\]{width:604px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[632px\]{width:632px}.w-\[640px\]{width:640px}.w-\[64px\]{width:64px}.w-\[69\%\]{width:69%}.w-\[692px\]{width:692px}.w-\[6rem\]{width:6rem}.w-\[70px\]{width:70px}.w-\[720px\]{width:720px}.w-\[728px\]{width:728px}.w-\[72px\]{width:72px}.w-\[730px\]{width:730px}.w-\[74px\]{width:74px}.w-\[756px\]{width:756px}.w-\[768px\]{width:768px}.w-\[8\%\]{width:8%}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[84px\]{width:84px}.w-\[85px\]{width:85px}.w-\[88px\]{width:88px}.w-\[90\%\]{width:90%}.w-\[90px\]{width:90px}.w-\[90vw\]{width:90vw}.w-\[94px\]{width:94px}.w-\[950px\]{width:950px}.w-\[96\%\]{width:96%}.w-\[96px\]{width:96px}.w-\[990px\]{width:990px}.w-\[calc\(100\%\+4px\)\]{width:calc(100% + 4px)}.w-\[calc\(100\%-110px\)\]{width:calc(100% - 110px)}.w-\[calc\(100\%-16px\)\]{width:calc(100% - 16px)}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(100\%-20px\)\]{width:calc(100% - 20px)}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-\[calc\(100\%-70px\)\]{width:calc(100% - 70px)}.w-\[calc\(100\%-84px\)\]{width:calc(100% - 84px)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[calc\(100vw-32px\)\]{width:calc(100vw - 32px)}.w-\[calc\(100vw-80px\)\]{width:calc(100vw - 80px)}.w-\[calc\(100vw-var\(--size-2xl\)\)\]{width:calc(100vw - var(--size-2xl))}.w-\[calc\(50\%\+0\.5px\)\]{width:calc(50% + .5px)}.w-\[inherit\]{width:inherit}.w-\[var\(--accessory-container-width\)\]{width:var(--accessory-container-width)}.w-\[var\(--confirmation-modal-width\)\]{width:var(--confirmation-modal-width)}.w-\[var\(--content-width\)\]{width:var(--content-width)}.w-\[var\(--emote-btn-size\)\]{width:var(--emote-btn-size)}.w-\[var\(--emote-size\)\]{width:var(--emote-size)}.w-\[var\(--icon-badge-container-width\)\]{width:var(--icon-badge-container-width)}.w-\[var\(--right-rail-width\)\]{width:var(--right-rail-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:1.5rem}.w-max{width:max-content}.w-md{width:1rem}.w-min{width:min-content}.w-px{width:1px}.w-screen{width:100vw}.w-sm{width:.75rem}.w-xl{width:2rem}.w-xs{width:.5rem}.\!min-w-\[40px\]{min-width:40px!important}.\!min-w-\[43px\]{min-width:43px!important}.min-w-0{min-width:0}.min-w-100{min-width:100%}.min-w-2xs{min-width:.25rem}.min-w-4xl{min-width:6rem}.min-w-\[0\.5rem\]{min-width:.5rem}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[130px\]{min-width:130px}.min-w-\[150px\]{min-width:150px}.min-w-\[170px\]{min-width:170px}.min-w-\[174px\]{min-width:174px}.min-w-\[175px\]{min-width:175px}.min-w-\[183px\]{min-width:183px}.min-w-\[18rem\]{min-width:18rem}.min-w-\[20px\]{min-width:20px}.min-w-\[20rem\]{min-width:20rem}.min-w-\[256px\]{min-width:256px}.min-w-\[25rem\]{min-width:25rem}.min-w-\[272px\]{min-width:272px}.min-w-\[280px\]{min-width:280px}.min-w-\[288px\]{min-width:288px}.min-w-\[28px\]{min-width:28px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[300px\]{min-width:300px}.min-w-\[316px\]{min-width:316px}.min-w-\[320px\]{min-width:320px}.min-w-\[32px\]{min-width:32px}.min-w-\[338px\]{min-width:338px}.min-w-\[346px\]{min-width:346px}.min-w-\[34px\]{min-width:34px}.min-w-\[350px\]{min-width:350px}.min-w-\[358px\]{min-width:358px}.min-w-\[36px\]{min-width:36px}.min-w-\[384px\]{min-width:384px}.min-w-\[40px\]{min-width:40px}.min-w-\[42px\]{min-width:42px}.min-w-\[432px\]{min-width:432px}.min-w-\[500px\]{min-width:500px}.min-w-\[50px\]{min-width:50px}.min-w-\[52px\]{min-width:52px}.min-w-\[55\%\]{min-width:55%}.min-w-\[5rem\]{min-width:5rem}.min-w-\[69px\]{min-width:69px}.min-w-\[70\%\]{min-width:70%}.min-w-\[70px\]{min-width:70px}.min-w-\[75px\]{min-width:75px}.min-w-\[85px\]{min-width:85px}.min-w-\[calc\(100\%-12px\)\]{min-width:calc(100% - 12px)}.min-w-\[var\(--dropdown-menu-width\)\]{min-width:var(--dropdown-menu-width)}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.max-w-0{max-width:0}.max-w-100{max-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[100\%\]{max-width:100%}.max-w-\[100px\]{max-width:100px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[10rem\]{max-width:10rem}.max-w-\[115px\]{max-width:115px}.max-w-\[11rem\]{max-width:11rem}.max-w-\[120px\]{max-width:120px}.max-w-\[12rem\]{max-width:12rem}.max-w-\[13rem\]{max-width:13rem}.max-w-\[140px\]{max-width:140px}.max-w-\[14rem\]{max-width:14rem}.max-w-\[150px\]{max-width:150px}.max-w-\[164px\]{max-width:164px}.max-w-\[200px\]{max-width:200px}.max-w-\[236px\]{max-width:236px}.max-w-\[240px\]{max-width:240px}.max-w-\[250px\]{max-width:250px}.max-w-\[26\.75rem\]{max-width:26.75rem}.max-w-\[268px\]{max-width:268px}.max-w-\[274px\]{max-width:274px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[324px\]{max-width:324px}.max-w-\[336px\]{max-width:336px}.max-w-\[343px\]{max-width:343px}.max-w-\[346px\]{max-width:346px}.max-w-\[350px\]{max-width:350px}.max-w-\[352px\]{max-width:352px}.max-w-\[360px\]{max-width:360px}.max-w-\[368px\]{max-width:368px}.max-w-\[370px\]{max-width:370px}.max-w-\[375px\]{max-width:375px}.max-w-\[380px\]{max-width:380px}.max-w-\[392px\]{max-width:392px}.max-w-\[400px\]{max-width:400px}.max-w-\[40px\]{max-width:40px}.max-w-\[432px\]{max-width:432px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[512px\]{max-width:512px}.max-w-\[532px\]{max-width:532px}.max-w-\[540px\]{max-width:540px}.max-w-\[550px\]{max-width:550px}.max-w-\[562px\]{max-width:562px}.max-w-\[570px\]{max-width:570px}.max-w-\[584px\]{max-width:584px}.max-w-\[61vw\]{max-width:61vw}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[72px\]{max-width:72px}.max-w-\[750px\]{max-width:750px}.max-w-\[756px\]{max-width:756px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-\[80vw\]{max-width:80vw}.max-w-\[840px\]{max-width:840px}.max-w-\[868px\]{max-width:868px}.max-w-\[90\%\]{max-width:90%}.max-w-\[90px\]{max-width:90px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[950px\]{max-width:950px}.max-w-\[96\%\]{max-width:96%}.max-w-\[973px\]{max-width:973px}.max-w-\[990px\]{max-width:990px}.max-w-\[calc\(100\%-12px\)\]{max-width:calc(100% - 12px)}.max-w-\[calc\(100\%-16px\)\]{max-width:calc(100% - 16px)}.max-w-\[calc\(100\%-60px\)\]{max-width:calc(100% - 60px)}.max-w-\[calc\(100\%_-_2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-var\(--size-2xl\)\)\]{max-width:calc(100vw - var(--size-2xl))}.max-w-\[calc\(100vw-var\(--size-xl\)\)\]{max-width:calc(100vw - var(--size-xl))}.max-w-\[min\(90\%\2c656px\)\]{max-width:min(90%,656px)}.max-w-\[unset\]{max-width:unset}.max-w-\[var\(--flair-max-width\)\]{max-width:var(--flair-max-width)}.max-w-container-m{max-width:1132px}.max-w-container-xl{max-width:1524px}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-screen-m{max-width:1200px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1\]{flex:1}.flex-\[1_1_9rem\]{flex:1 1 9rem}.flex-\[2\]{flex:2}.flex-\[3\]{flex:3}.flex-\[4\]{flex:4}.flex-\[5\]{flex:5}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-\[9999\]{flex-shrink:9999}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink-\[1000\]{flex-shrink:1000}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-1\/2{flex-basis:50%}.basis-100{flex-basis:100%}.basis-2xl{flex-basis:3rem}.basis-\[18\%\]{flex-basis:18%}.basis-\[20px\]{flex-basis:20px}.basis-\[232px\]{flex-basis:232px}.basis-\[28px\]{flex-basis:28px}.basis-\[300px\]{flex-basis:300px}.basis-\[38\%\]{flex-basis:38%}.basis-\[400px\]{flex-basis:400px}.basis-\[40px\]{flex-basis:40px}.basis-\[66\%\]{flex-basis:66%}.basis-\[70\%\]{flex-basis:70%}.basis-\[80\%\]{flex-basis:80%}.basis-\[80px\]{flex-basis:80px}.basis-\[calc\(33\.33\%-8px\)\]{flex-basis:calc(33.33% - 8px)}.basis-\[calc\(50\%\+44px\)\]{flex-basis:calc(50% + 44px)}.basis-\[fit-content\]{flex-basis:fit-content}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-separate{border-collapse:separate}.origin-bottom{transform-origin:bottom}.origin-bottom-right{transform-origin:bottom right}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.origin-top-left{transform-origin:top left}.-rotate-12,.-scale-x-100,.-translate-x-1\/2,.-translate-x-2\/4,.-translate-x-4xl,.-translate-x-\[4px\],.-translate-y-1\/2,.-translate-y-2\/4,.rotate-180,.rotate-45,.rotate-90,.scale-0,.scale-100,.scale-150,.scale-50,.scale-75,.scale-90,.scale-\[1\.2\],.scale-\[2\],.scale-\[4\],.scale-\[\.68\],.scale-x-100,.scale-x-\[-1\],.skew-x-0,.transform,.translate-x-0,.translate-x-1\/2,.translate-x-4xl,.translate-y-0,.translate-y-1\/2,.translate-y-1\/4,.translate-y-4xl,.translate-y-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate:-12deg}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.skew-x-0{--tw-skew-x:0deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.scale-50{--tw-scale-x:0.5;--tw-scale-y:0.5}.scale-75{--tw-scale-x:0.75;--tw-scale-y:0.75}.scale-90{--tw-scale-x:0.9;--tw-scale-y:0.9}.scale-\[\.68\]{--tw-scale-x:0.68;--tw-scale-y:0.68}.scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.scale-\[2\]{--tw-scale-x:2;--tw-scale-y:2}.scale-\[4\]{--tw-scale-x:4;--tw-scale-y:4}.-scale-x-100{--tw-scale-x:-1}.scale-x-100{--tw-scale-x:1}.scale-x-\[-1\]{--tw-scale-x:-1}.transform-none{transform:none}@keyframes spin{to{transform:rotate(360deg)}}.animate-\[spin_2s_linear_infinite\]{animation:spin 2s linear infinite}@keyframes typing-indicator-bounce{0%,40%{transform:translate(0,0)}20%{transform:translate(0,-3px)}}.animate-\[typing-indicator-bounce_2s_0\.0s_ease-in_infinite\]{animation:typing-indicator-bounce 2s 0s ease-in infinite}@keyframes typing-indicator-bounce{0%,40%{transform:translate(0,0)}20%{transform:translate(0,-3px)}}.animate-\[typing-indicator-bounce_2s_0\.2s_ease-in_infinite\]{animation:typing-indicator-bounce 2s .2s ease-in infinite}@keyframes typing-indicator-bounce{0%,40%{transform:translate(0,0)}20%{transform:translate(0,-3px)}}.animate-\[typing-indicator-bounce_2s_0\.4s_ease-in_infinite\]{animation:typing-indicator-bounce 2s .4s ease-in infinite}@keyframes blink{50%{border-color:var(--color-neutral-border-strong)}}.animate-blink{animation:blink .9s step-end infinite}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.-translate-x-1\/2,.-translate-x-2\/4,.-translate-x-4xl,.-translate-x-\[4px\],.-translate-y-1\/2,.-translate-y-2\/4,.translate-x-0,.translate-x-1\/2,.translate-x-4xl,.translate-y-0,.translate-y-1\/2,.translate-y-1\/4,.translate-y-4xl,.translate-y-px{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.\!cursor-auto{cursor:auto!important}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.select-none{user-select:none}.select-text{user-select:text}.select-auto{user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-m-\[60px\]{scroll-margin:60px}.appearance-none{appearance:none}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.auto-rows-\[minmax\(106px\2c_auto\)\]{grid-auto-rows:minmax(106px,auto)}.auto-rows-\[minmax\(140px\2c_auto\)\]{grid-auto-rows:minmax(140px,auto)}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_110px\]{grid-template-columns:1fr 110px}.grid-cols-\[1fr_2rem\]{grid-template-columns:1fr 2rem}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_min-content\]{grid-template-columns:1fr min-content}.grid-cols-\[24px_1fr\]{grid-template-columns:24px 1fr}.grid-cols-\[24px_minmax\(0\2c1fr\)\]{grid-template-columns:24px minmax(0,1fr)}.grid-cols-\[259px_1fr\]{grid-template-columns:259px 1fr}.grid-cols-\[2rem_1fr_2rem\]{grid-template-columns:2rem 1fr 2rem}.grid-cols-\[auto_auto_1fr\]{grid-template-columns:auto auto 1fr}.grid-cols-\[repeat\(6\2cminmax\(32px\2c1fr\)\)\]{grid-template-columns:repeat(6,minmax(32px,1fr))}.grid-cols-\[repeat\(auto-fill\2c_100px\)\]{grid-template-columns:repeat(auto-fill,100px)}.grid-cols-\[repeat\(auto-fill\2c_106px\)\]{grid-template-columns:repeat(auto-fill,106px)}.grid-cols-\[repeat\(auto-fill\2c_110px\)\]{grid-template-columns:repeat(auto-fill,110px)}.grid-cols-\[repeat\(auto-fit\2c_74px\)\]{grid-template-columns:repeat(auto-fit,74px)}.grid-cols-\[repeat\(auto-fit\2c_minmax\(106px\2c_auto\)\)\]{grid-template-columns:repeat(auto-fit,minmax(106px,auto))}.grid-cols-\[repeat\(auto-fit\2c_minmax\(8rem\2c_1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto}.grid-rows-\[2fr\2c1fr\]{grid-template-rows:2fr 1fr}.grid-rows-\[32px\]{grid-template-rows:32px}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.grid-rows-\[auto_auto_auto\]{grid-template-rows:auto auto auto}.grid-rows-\[auto_auto_auto_auto_auto\]{grid-template-rows:auto auto auto auto auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-evenly{place-content:space-evenly}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.gap-0{gap:0}.gap-2xl{gap:3rem}.gap-2xs{gap:.25rem}.gap-3xl{gap:4rem}.gap-\[0\.5rem\]{gap:.5rem}.gap-\[0\.75rem\]{gap:.75rem}.gap-\[16px\]{gap:16px}.gap-\[1rem\]{gap:1rem}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[2px\]{gap:2px}.gap-\[40px\]{gap:40px}.gap-\[48px\]{gap:48px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[6rem\]{gap:6rem}.gap-\[8px\]{gap:8px}.gap-\[var\(--rem12\)\]{gap:var(--rem12)}.gap-\[var\(--rem4\)\]{gap:var(--rem4)}.gap-lg{gap:1.5rem}.gap-md{gap:1rem}.gap-sm{gap:.75rem}.gap-xl{gap:2rem}.gap-xs{gap:.5rem}.gap-x-2xl{column-gap:3rem}.gap-x-2xs{column-gap:.25rem}.gap-x-\[12px\]{column-gap:12px}.gap-x-\[2px\]{column-gap:2px}.gap-x-\[4px\]{column-gap:4px}.gap-x-\[8px\]{column-gap:8px}.gap-x-lg{column-gap:1.5rem}.gap-x-md{column-gap:1rem}.gap-x-sm{column-gap:.75rem}.gap-x-xl{column-gap:2rem}.gap-x-xs{column-gap:.5rem}.gap-y-2xs{row-gap:.25rem}.gap-y-\[12px\]{row-gap:12px}.gap-y-\[20px\]{row-gap:20px}.gap-y-lg{row-gap:1.5rem}.gap-y-md{row-gap:1rem}.gap-y-sm{row-gap:.75rem}.gap-y-xl{row-gap:2rem}.gap-y-xs{row-gap:.5rem}.space-x-md>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.last-of-type\:mb-0:last-of-type,.last\:mb-0:last-child{margin-bottom:0}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.break-normal{overflow-wrap:normal;word-break:normal}.break-all{word-break:break-all}.\!rounded-full{border-radius:624.9375rem!important}.\!rounded-none{border-radius:0!important}.rounded-\[0\.5rem\],.rounded-\[\.5rem\]{border-radius:.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.6px\]{border-radius:1.6px}.rounded-\[100px\]{border-radius:100px}.rounded-\[128px\]{border-radius:128px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13\.4px\]{border-radius:13.4px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[16px\]{border-radius:16px}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3\.25rem\]{border-radius:3.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[40px\]{border-radius:40px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[52px\]{border-radius:52px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9\%\/6\.8\%\]{border-radius:9%/6.8%}.rounded-\[var\(--rem20\)\]{border-radius:var(--rem20)}.rounded-full{border-radius:624.9375rem}.rounded-lg{border-radius:2rem}.rounded-md{border-radius:1.25rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-b-\[0\.5rem\]{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-sm{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-\[6px\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.rounded-l-full{border-top-left-radius:624.9375rem;border-bottom-left-radius:624.9375rem}.rounded-r-\[6px\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.rounded-r-full{border-top-right-radius:624.9375rem;border-bottom-right-radius:624.9375rem}.rounded-t-\[0\.5rem\]{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-\[12px\]{border-top-left-radius:12px;border-top-right-radius:12px}.rounded-t-\[16px\]{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-t-\[1rem\]{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[6px\]{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-t-\[8px\]{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-t-lg{border-top-left-radius:2rem;border-top-right-radius:2rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-bl-\[12px\]{border-bottom-left-radius:12px}.rounded-br-\[0\.5rem\]{border-bottom-right-radius:.5rem}.rounded-br-\[8px\]{border-bottom-right-radius:8px}.rounded-tl-\[1\.25rem\]{border-top-left-radius:1.25rem}.rounded-tr-\[0\.5rem\]{border-top-right-radius:.5rem}.rounded-tr-\[1\.25rem\]{border-top-right-radius:1.25rem}.rounded-tr-\[8px\]{border-top-right-radius:8px}.\!border-0{border-width:0!important}.border{border-width:.0625rem}.border-0{border-width:0}.border-\[0\.125rem\]{border-width:.125rem}.border-\[0\.1rem\]{border-width:.1rem}.border-\[0\.5px\]{border-width:.5px}.border-\[1px\]{border-width:1px}.border-\[3px\]{border-width:3px}.border-\[5px\]{border-width:5px}.border-lg{border-width:.25rem}.border-md{border-width:.125rem}.border-sm{border-width:.0625rem}.border-x-0{border-left-width:0;border-right-width:0}.border-y-0{border-top-width:0;border-bottom-width:0}.border-y-\[1px\]{border-top-width:1px;border-bottom-width:1px}.border-t,.border-y-sm{border-top-width:.0625rem}.border-b,.border-y-sm{border-bottom-width:.0625rem}.border-b-0{border-bottom-width:0}.border-b-\[1px\]{border-bottom-width:1px}.border-b-sm{border-bottom-width:.0625rem}.border-l{border-left-width:.0625rem}.border-l-0{border-left-width:0}.border-l-\[1px\]{border-left-width:1px}.border-l-lg{border-left-width:.25rem}.border-l-md{border-left-width:.125rem}.border-l-sm{border-left-width:.0625rem}.border-r{border-right-width:.0625rem}.border-r-0{border-right-width:0}.border-r-md{border-right-width:.125rem}.border-r-sm{border-right-width:.0625rem}.border-t-0{border-top-width:0}.border-t-\[1px\]{border-top-width:1px}.border-t-sm{border-top-width:.0625rem}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.after\:border-solid::after,.before\:border-solid::before{border-style:solid;content:var(--tw-content)}.border-\[\#dadce0\]{--tw-border-opacity:1;border-color:rgb(218 220 224 / var(--tw-border-opacity))}.border-\[var\(--color-divider-default\)\]{border-color:var(--color-divider-default)}.border-\[var\(--color-neutral-border-weak\)\]{border-color:var(--color-neutral-border-weak)}.border-action-downvote{border-color:var(--color-action-downvote)}.border-action-secondary{border-color:var(--color-action-secondary)}.border-action-upvote{border-color:var(--color-action-upvote)}.border-alert-negative{border-color:var(--color-alert-negative)}.border-alienblue-300{--tw-border-opacity:1;border-color:rgb(144 169 253 / var(--tw-border-opacity))}.border-alienblue-600{--tw-border-opacity:1;border-color:rgb(17 91 202 / var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-caution-background{border-color:var(--color-caution-background)}.border-coolgray-100{--tw-border-opacity:1;border-color:rgb(219 228 233 / var(--tw-border-opacity))}.border-coolgray-300{--tw-border-opacity:1;border-color:rgb(151 175 188 / var(--tw-border-opacity))}.border-coolgray-350{--tw-border-opacity:1;border-color:rgb(139 162 173 / var(--tw-border-opacity))}.border-coolgray-450{--tw-border-opacity:1;border-color:rgb(116 135 145 / var(--tw-border-opacity))}.border-danger-background{border-color:var(--color-danger-background)}.border-danger-content{border-color:var(--color-danger-content)}.border-global-gold{border-color:var(--color-global-gold)}.border-global-orangered{border-color:var(--color-global-orangered)}.border-global-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-mintgreen-600{--tw-border-opacity:1;border-color:rgb(0 108 86 / var(--tw-border-opacity))}.border-neutral-background{border-color:var(--color-neutral-background)}.border-neutral-background-weak{border-color:var(--color-neutral-background-weak)}.border-neutral-background-weak-hover{border-color:var(--color-neutral-background-weak-hover)}.border-neutral-border{border-color:var(--color-neutral-border)}.border-neutral-border-medium{border-color:var(--color-neutral-border-medium)}.border-neutral-border-weak{border-color:var(--color-neutral-border-weak)}.border-neutral-content{border-color:var(--color-neutral-content)}.border-neutral-content-disabled{border-color:var(--color-neutral-content-disabled)}.border-neutral-content-weak{border-color:var(--color-neutral-content-weak)}.border-orangered-400{--tw-border-opacity:1;border-color:rgb(255 69 0 / var(--tw-border-opacity))}.border-primary{border-color:var(--color-primary)}.border-puregray-700{--tw-border-opacity:1;border-color:rgb(48 48 48 / var(--tw-border-opacity))}.border-puregray-900{--tw-border-opacity:1;border-color:rgb(19 19 19 / var(--tw-border-opacity))}.border-secondary-background{border-color:var(--color-secondary-background)}.border-secondary-background-hover{border-color:var(--color-secondary-background-hover)}.border-secondary-background-selected{border-color:var(--color-secondary-background-selected)}.\[\&\>\.threadline\>\*\]\:border-tone-2>.threadline>*,.border-tone-2{border-color:var(--color-tone-2)}.border-tone-3{border-color:var(--color-tone-3)}.border-tone-4{border-color:var(--color-tone-4)}.border-tone-5{border-color:var(--color-tone-5)}.border-transparent{border-color:transparent}.border-ui-modalbackground{border-color:var(--color-ui-modalbackground)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-b-neutral-border{border-bottom-color:var(--color-neutral-border)}.border-b-neutral-border-weak{border-bottom-color:var(--color-neutral-border-weak)}.border-l-alienblue-500{--tw-border-opacity:1;border-left-color:rgb(24 112 244 / var(--tw-border-opacity))}.border-l-neutral-border{border-left-color:var(--color-neutral-border)}.border-l-neutral-border-weak{border-left-color:var(--color-neutral-border-weak)}.border-l-tone-3{border-left-color:var(--color-tone-3)}.border-r-neutral-border{border-right-color:var(--color-neutral-border)}.border-r-neutral-border-weak{border-right-color:var(--color-neutral-border-weak)}.border-t-coolgray-100{--tw-border-opacity:1;border-top-color:rgb(219 228 233 / var(--tw-border-opacity))}.border-t-neutral-border-weak{border-top-color:var(--color-neutral-border-weak)}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-30{--tw-border-opacity:0.3}.\!bg-danger-background-weaker{background-color:var(--color-danger-background-weaker)!important}.\!bg-transparent{background-color:transparent!important}.\!bg-yellow-100{--tw-bg-opacity:1!important;background-color:rgb(255 226 132 / var(--tw-bg-opacity))!important}.bg-\[\#82959b\]{--tw-bg-opacity:1;background-color:rgb(130 149 155 / var(--tw-bg-opacity))}.bg-\[\#B6E9FF\]{--tw-bg-opacity:1;background-color:rgb(182 233 255 / var(--tw-bg-opacity))}.bg-\[\#BFEEB8\]{--tw-bg-opacity:1;background-color:rgb(191 238 184 / var(--tw-bg-opacity))}.bg-\[\#C5C5C5\]{--tw-bg-opacity:1;background-color:rgb(197 197 197 / var(--tw-bg-opacity))}.bg-\[\#C6DCFF\]{--tw-bg-opacity:1;background-color:rgb(198 220 255 / var(--tw-bg-opacity))}.bg-\[\#D2DADD\]{--tw-bg-opacity:1;background-color:rgb(210 218 221 / var(--tw-bg-opacity))}.bg-\[\#D8D4FF\]{--tw-bg-opacity:1;background-color:rgb(216 212 255 / var(--tw-bg-opacity))}.bg-\[\#F2C8FF\]{--tw-bg-opacity:1;background-color:rgb(242 200 255 / var(--tw-bg-opacity))}.bg-\[\#FF9C1A\]{--tw-bg-opacity:1;background-color:rgb(255 156 26 / var(--tw-bg-opacity))}.bg-\[\#FFC5EC\]{--tw-bg-opacity:1;background-color:rgb(255 197 236 / var(--tw-bg-opacity))}.bg-\[\#FFCCD2\]{--tw-bg-opacity:1;background-color:rgb(255 204 210 / var(--tw-bg-opacity))}.bg-\[\#FFCF24\]{--tw-bg-opacity:1;background-color:rgb(255 207 36 / var(--tw-bg-opacity))}.bg-\[\#FFD5C6\]{--tw-bg-opacity:1;background-color:rgb(255 213 198 / var(--tw-bg-opacity))}.bg-\[\#FFE88F\]{--tw-bg-opacity:1;background-color:rgb(255 232 143 / var(--tw-bg-opacity))}.bg-\[\#d7dfe2\]{--tw-bg-opacity:1;background-color:rgb(215 223 226 / var(--tw-bg-opacity))}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-\[--slider-bg\]{background-color:var(--slider-bg)}.bg-\[--slider-fill\]{background-color:var(--slider-fill)}.bg-\[color\:var\(--button-color-background-default\)\]{background-color:var(--button-color-background-default)}.bg-\[color\:var\(--color-button-plain-background-disabled\)\]{background-color:var(--color-button-plain-background-disabled)}.bg-\[color\:var\(--color-tone-6\)\]{background-color:var(--color-tone-6)}.bg-\[color\:var\(--shreddit-content-background\)\]{background-color:var(--shreddit-content-background)}.bg-\[rgba\(0\2c0\2c0\2c0\.6\)\]{background-color:rgba(0,0,0,.6)}.bg-action-downvote{background-color:var(--color-action-downvote)}.bg-action-upvote{background-color:var(--color-action-upvote)}.bg-alert-caution{background-color:var(--color-alert-caution)}.bg-alienblue-100{--tw-bg-opacity:1;background-color:rgb(220 226 251 / var(--tw-bg-opacity))}.bg-alienblue-200{--tw-bg-opacity:1;background-color:rgb(184 197 252 / var(--tw-bg-opacity))}.bg-alienblue-400{--tw-bg-opacity:1;background-color:rgb(100 142 252 / var(--tw-bg-opacity))}.bg-alienblue-50{--tw-bg-opacity:1;background-color:rgb(238 240 251 / var(--tw-bg-opacity))}.bg-alienblue-600{--tw-bg-opacity:1;background-color:rgb(17 91 202 / var(--tw-bg-opacity))}.bg-alienblue-700{--tw-bg-opacity:1;background-color:rgb(10 68 155 / var(--tw-bg-opacity))}.bg-alienblue-800{--tw-bg-opacity:1;background-color:rgb(10 47 108 / var(--tw-bg-opacity))}.bg-berrypurple-100{--tw-bg-opacity:1;background-color:rgb(243 218 251 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-brand-background{background-color:var(--color-brand-background)}.bg-category-spoiler{background-color:var(--color-category-spoiler)}.bg-caution-background{background-color:var(--color-caution-background)}.bg-coolgray-100{--tw-bg-opacity:1;background-color:rgb(219 228 233 / var(--tw-bg-opacity))}.bg-coolgray-150{--tw-bg-opacity:1;background-color:rgb(201 215 222 / var(--tw-bg-opacity))}.bg-coolgray-200{--tw-bg-opacity:1;background-color:rgb(183 202 212 / var(--tw-bg-opacity))}.bg-coolgray-25{--tw-bg-opacity:1;background-color:rgb(246 248 249 / var(--tw-bg-opacity))}.bg-coolgray-400{--tw-bg-opacity:1;background-color:rgb(127 148 159 / var(--tw-bg-opacity))}.bg-coolgray-500{--tw-bg-opacity:1;background-color:rgb(102 119 128 / var(--tw-bg-opacity))}.bg-danger-background{background-color:var(--color-danger-background)}.bg-global-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-global-brand-orangered{--tw-bg-opacity:1;background-color:rgb(255 69 0 / var(--tw-bg-opacity))}.bg-global-orangered{background-color:var(--color-global-orangered)}.bg-global-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-interactive-background-disabled{background-color:var(--color-interactive-background-disabled)}.bg-interactive-content-disabled{background-color:var(--color-interactive-content-disabled)}.bg-inverted-neutral-background{background-color:var(--color-inverted-neutral-background)}.bg-kiwigreen-100{--tw-bg-opacity:1;background-color:rgb(168 245 160 / var(--tw-bg-opacity))}.bg-kiwigreen-200{--tw-bg-opacity:1;background-color:rgb(88 225 91 / var(--tw-bg-opacity))}.bg-kiwigreen-400{--tw-bg-opacity:1;background-color:rgb(1 168 22 / var(--tw-bg-opacity))}.bg-kiwigreen-50{--tw-bg-opacity:1;background-color:rgb(221 248 215 / var(--tw-bg-opacity))}.bg-kiwigreen-600{--tw-bg-opacity:1;background-color:rgb(1 110 11 / var(--tw-bg-opacity))}.bg-media-background{background-color:var(--color-media-background)}.bg-mintgreen-500{--tw-bg-opacity:1;background-color:rgb(1 135 109 / var(--tw-bg-opacity))}.bg-mods-filtered-background{background-color:var(--shreddit-color-mods-filtered-background)}.bg-mods-reported-background{background-color:var(--shreddit-color-mods-reported-background)}.bg-neutral-background{background-color:var(--color-neutral-background)}.bg-neutral-background-container{background-color:var(--color-neutral-background-container)}.bg-neutral-background-hover{background-color:var(--color-neutral-background-hover)}.bg-neutral-background-medium{background-color:var(--color-neutral-background-medium)}.bg-neutral-background-selected{background-color:var(--color-neutral-background-selected)}.bg-neutral-background-strong{background-color:var(--color-neutral-background-strong)}.bg-neutral-background-weak{background-color:var(--color-neutral-background-weak)}.bg-neutral-background-weak-hover{background-color:var(--color-neutral-background-weak-hover)}.bg-neutral-border{background-color:var(--color-neutral-border)}.bg-neutral-border-weak{background-color:var(--color-neutral-border-weak)}.bg-neutral-content{background-color:var(--color-neutral-content)}.bg-neutral-content-disabled{background-color:var(--color-neutral-content-disabled)}.bg-neutral-content-strong{background-color:var(--color-neutral-content-strong)}.bg-online{background-color:var(--color-online)}.bg-opacity-50{background-color:var(--color-opacity-50);--tw-bg-opacity:0.5}.bg-orangered-100{--tw-bg-opacity:1;background-color:rgb(252 219 207 / var(--tw-bg-opacity))}.bg-orangered-200{--tw-bg-opacity:1;background-color:rgb(253 180 152 / var(--tw-bg-opacity))}.bg-orangered-300{--tw-bg-opacity:1;background-color:rgb(255 137 93 / var(--tw-bg-opacity))}.bg-orangered-50{--tw-bg-opacity:1;background-color:rgb(252 238 232 / var(--tw-bg-opacity))}.bg-orangered-500{--tw-bg-opacity:1;background-color:rgb(217 57 0 / var(--tw-bg-opacity))}.bg-periwinkle-100{--tw-bg-opacity:1;background-color:rgb(230 223 251 / var(--tw-bg-opacity))}.bg-periwinkle-700{--tw-bg-opacity:1;background-color:rgb(64 1 234 / var(--tw-bg-opacity))}.bg-poopbrown-100{--tw-bg-opacity:1;background-color:rgb(254 238 221 / var(--tw-bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-primary-background{background-color:var(--color-primary-background)}.bg-puregray-900{--tw-bg-opacity:1;background-color:rgb(19 19 19 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(251 219 212 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(253 179 164 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(235 0 31 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(188 1 23 / var(--tw-bg-opacity))}.bg-sakurapink-100{--tw-bg-opacity:1;background-color:rgb(251 217 235 / var(--tw-bg-opacity))}.bg-scrim{background-color:var(--color-scrim)}.bg-secondary-background{background-color:var(--color-secondary-background)}.bg-secondary-background-selected{background-color:var(--color-secondary-background-selected)}.bg-secondary-plain{background-color:var(--color-secondary-plain)}.bg-secondary-plain-weak{background-color:var(--color-secondary-plain-weak)}.bg-streak-not-reached-background{background-color:var(--shreddit-color-streak-not-reached-background)}.bg-streak-progress{background-color:var(--shreddit-color-streak-progress)}.bg-success-background{background-color:var(--color-success-background)}.bg-tone-1{background-color:var(--color-tone-1)}.bg-tone-2{background-color:var(--color-tone-2)}.bg-tone-3{background-color:var(--color-tone-3)}.bg-tone-4{background-color:var(--color-tone-4)}.bg-tone-5{background-color:var(--color-tone-5)}.bg-tone-6{background-color:var(--color-tone-6)}.bg-tone-7{background-color:var(--color-tone-7)}.bg-transparent{background-color:transparent}.bg-ui-canvas{background-color:var(--color-ui-canvas)}.bg-ui-modalbackground{background-color:var(--color-ui-modalbackground)}.bg-warning-background{background-color:var(--color-warning-background)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(255 226 132 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(255 191 11 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(216 161 0 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(183 136 0 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(255 243 192 / var(--tw-bg-opacity))}.bg-yelloworange-100{--tw-bg-opacity:1;background-color:rgb(252 220 200 / var(--tw-bg-opacity))}.bg-yelloworange-400{--tw-bg-opacity:1;background-color:rgb(228 108 0 / var(--tw-bg-opacity))}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-55{--tw-bg-opacity:0.55}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-\[0\.07\]{--tw-bg-opacity:0.07}.bg-\[image\:var\(--color-avatar-gradient\)\]{background-image:var(--color-avatar-gradient)}.bg-\[image\:var\(--original-banner\)\]{background-image:var(--original-banner)}.bg-\[image\:var\(--small-banner\)\]{background-image:var(--small-banner)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.active\:bg-none:active,.bg-none{background-image:none}.from-\[color\:\#FFD63670\]{--tw-gradient-from:#FFD63670 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255, 214, 54, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[color\:var\(--color-neutral-background\)\]{--tw-gradient-from:var(--color-neutral-background) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255, 255, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[color\:var\(--color-neutral-background-weak\)\]{--tw-gradient-from:var(--color-neutral-background-weak) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255, 255, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-berrypurple-900{--tw-gradient-from:#300643 var(--tw-gradient-from-position);--tw-gradient-to:rgba(48, 6, 67, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-tone-4{--tw-gradient-from:var(--color-tone-4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255, 255, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-lightblue-500{--tw-gradient-to:#007FAE var(--tw-gradient-to-position)}.to-tone-6{--tw-gradient-to:var(--color-tone-6) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-100\%{--tw-gradient-to-position:100%}.to-70\%{--tw-gradient-to-position:70%}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-clip-content{background-clip:content-box}.bg-center{background-position:center}.bg-left{background-position:left}.fill-\[color\:var\(--color-danger-content\)\]{fill:var(--color-danger-content)}.fill-\[color\:var\(--color-identity-coins\)\]{fill:var(--color-identity-coins)}.fill-\[color\:var\(--color-identity-moderator\)\]{fill:var(--color-identity-moderator)}.fill-\[color\:var\(--color-online\)\]{fill:var(--color-online)}.fill-action-primary{fill:var(--color-action-primary)}.fill-current{fill:currentColor}.fill-global-brand-orangered{fill:#FF4500}.fill-neutral-border-medium{fill:var(--color-neutral-border-medium)}.fill-neutral-content-weak{fill:var(--color-neutral-content-weak)}.fill-primary-background{fill:var(--color-primary-background)}.stroke-current{stroke:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-center{object-position:center}.object-top{object-position:top}.\!p-0{padding:0!important}.\!p-2xs{padding:.25rem!important}.\!p-lg{padding:1.5rem!important}.p-0{padding:0}.p-2xl{padding:3rem}.p-2xs{padding:.25rem}.p-\[10px\]{padding:10px}.p-\[12px\]{padding:12px}.p-\[16px\]{padding:16px}.p-\[18px\]{padding:18px}.p-\[1px\]{padding:1px}.p-\[1rem\]{padding:1rem}.p-\[2\.5rem\]{padding:2.5rem}.p-\[2\.75rem\]{padding:2.75rem}.p-\[20px\]{padding:20px}.p-\[2px\]{padding:2px}.p-\[40px\]{padding:40px}.p-\[4px\]{padding:4px}.p-\[56px\]{padding:56px}.p-\[5px\]{padding:5px}.p-\[6px\]{padding:6px}.p-\[72px\]{padding:72px}.p-\[8px\]{padding:8px}.p-lg{padding:1.5rem}.p-md{padding:1rem}.p-px{padding:1px}.p-sm{padding:.75rem}.p-xl{padding:2rem}.p-xs{padding:.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-2xs{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-sm{padding-left:.75rem!important;padding-right:.75rem!important}.px-0{padding-left:0;padding-right:0}.px-2xl{padding-left:3rem;padding-right:3rem}.px-2xs{padding-left:.25rem;padding-right:.25rem}.px-\[0\.375rem\]{padding-left:.375rem;padding-right:.375rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[11px\]{padding-left:11px;padding-right:11px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[1rem\]{padding-left:1rem;padding-right:1rem}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-\[2rem\]{padding-left:2rem;padding-right:2rem}.px-\[30\.5px\]{padding-left:30.5px;padding-right:30.5px}.px-\[3px\]{padding-left:3px;padding-right:3px}.px-\[4px\]{padding-left:4px;padding-right:4px}.px-\[4rem\]{padding-left:4rem;padding-right:4rem}.px-\[50px\]{padding-left:50px;padding-right:50px}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-\[8px\]{padding-left:8px;padding-right:8px}.px-\[var\(--horizontal-padding\)\]{padding-left:var(--horizontal-padding);padding-right:var(--horizontal-padding)}.px-\[var\(--list-padding\)\]{padding-left:var(--list-padding);padding-right:var(--list-padding)}.px-\[var\(--rem10\)\]{padding-left:var(--rem10);padding-right:var(--rem10)}.px-\[var\(--rem12\)\]{padding-left:var(--rem12);padding-right:var(--rem12)}.px-\[var\(--rem14\)\]{padding-left:var(--rem14);padding-right:var(--rem14)}.px-\[var\(--rem6\)\]{padding-left:var(--rem6);padding-right:var(--rem6)}.px-\[var\(--rem8\)\]{padding-left:var(--rem8);padding-right:var(--rem8)}.px-\[var\(--topbar-horizontal-padding\)\]{padding-left:var(--topbar-horizontal-padding);padding-right:var(--topbar-horizontal-padding)}.px-lg{padding-left:1.5rem;padding-right:1.5rem}.px-md{padding-left:1rem;padding-right:1rem}.px-sm{padding-left:.75rem;padding-right:.75rem}.px-xl{padding-left:2rem;padding-right:2rem}.px-xs{padding-left:.5rem;padding-right:.5rem}.py-0{padding-top:0;padding-bottom:0}.py-2xl{padding-top:3rem;padding-bottom:3rem}.py-2xs{padding-top:.25rem;padding-bottom:.25rem}.py-3xl{padding-top:4rem;padding-bottom:4rem}.py-\[0\.125rem\]{padding-top:.125rem;padding-bottom:.125rem}.py-\[0\.75rem\]{padding-top:.75rem;padding-bottom:.75rem}.py-\[1\.5rem\]{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[19px\]{padding-top:19px;padding-bottom:19px}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2\.875rem\]{padding-top:2.875rem;padding-bottom:2.875rem}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.py-\[27px\]{padding-top:27px;padding-bottom:27px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[36px\]{padding-top:36px;padding-bottom:36px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[80px\]{padding-top:80px;padding-bottom:80px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.py-\[var\(--rem10\)\]{padding-top:var(--rem10);padding-bottom:var(--rem10)}.py-\[var\(--rem14\)\]{padding-top:var(--rem14);padding-bottom:var(--rem14)}.py-\[var\(--rem2\)\]{padding-top:var(--rem2);padding-bottom:var(--rem2)}.py-\[var\(--rem6\)\]{padding-top:var(--rem6);padding-bottom:var(--rem6)}.py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.py-md{padding-top:1rem;padding-bottom:1rem}.py-px{padding-top:1px;padding-bottom:1px}.py-sm{padding-top:.75rem;padding-bottom:.75rem}.py-xl{padding-top:2rem;padding-bottom:2rem}.py-xs{padding-top:.5rem;padding-bottom:.5rem}.\!pb-0{padding-bottom:0!important}.pb-0{padding-bottom:0}.pb-2xl{padding-bottom:3rem}.pb-2xs{padding-bottom:.25rem}.pb-3xl{padding-bottom:4rem}.pb-4xl{padding-bottom:6rem}.pb-\[\.5rem\]{padding-bottom:.5rem}.pb-\[0\.4rem\]{padding-bottom:.4rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[16px\]{padding-bottom:16px}.pb-\[2px\]{padding-bottom:2px}.pb-\[30px\]{padding-bottom:30px}.pb-\[36px\]{padding-bottom:36px}.pb-\[4px\]{padding-bottom:4px}.pb-\[64px\]{padding-bottom:64px}.pb-\[6px\]{padding-bottom:6px}.pb-\[8px\]{padding-bottom:8px}.pb-\[calc\(var\(--spacer-xl\)\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(var(--spacer-xl) + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-lg{padding-bottom:1.5rem}.pb-md{padding-bottom:1rem}.pb-px{padding-bottom:1px}.pb-sm{padding-bottom:.75rem}.pb-xl{padding-bottom:2rem}.pb-xs{padding-bottom:.5rem}.pl-0{padding-left:0}.pl-2xl{padding-left:3rem}.pl-2xs{padding-left:.25rem}.pl-\[10px\]{padding-left:10px}.pl-\[110px\]{padding-left:110px}.pl-\[115px\]{padding-left:115px}.pl-\[15px\]{padding-left:15px}.pl-\[20px\]{padding-left:20px}.pl-\[26px\]{padding-left:26px}.pl-\[32px\]{padding-left:32px}.pl-\[3px\]{padding-left:3px}.pl-\[6px\]{padding-left:6px}.pl-\[8px\]{padding-left:8px}.pl-\[calc\(50\%-87px\)\]{padding-left:calc(50% - 87px)}.pl-\[var\(--rem10\)\]{padding-left:var(--rem10)}.pl-\[var\(--rem12\)\]{padding-left:var(--rem12)}.pl-\[var\(--rem14\)\]{padding-left:var(--rem14)}.pl-\[var\(--rem16\)\]{padding-left:var(--rem16)}.pl-lg{padding-left:1.5rem}.first\:pl-md:first-child,.pl-md{padding-left:1rem}.pl-sm{padding-left:.75rem}.pl-xs{padding-left:.5rem}.pr-0{padding-right:0}.pr-2xl{padding-right:3rem}.pr-2xs{padding-right:.25rem}.pr-3xl{padding-right:4rem}.pr-\[10px\]{padding-right:10px}.pr-\[12px\]{padding-right:12px}.pr-\[15px\]{padding-right:15px}.pr-\[40px\]{padding-right:40px}.pr-\[6px\]{padding-right:6px}.pr-\[var\(--rem10\)\]{padding-right:var(--rem10)}.pr-\[var\(--rem12\)\]{padding-right:var(--rem12)}.pr-\[var\(--rem14\)\]{padding-right:var(--rem14)}.pr-\[var\(--rem16\)\]{padding-right:var(--rem16)}.pr-\[var\(--rem6\)\]{padding-right:var(--rem6)}.pr-\[var\(--rem8\)\]{padding-right:var(--rem8)}.pr-lg{padding-right:1.5rem}.pr-md{padding-right:1rem}.pr-px{padding-right:1px}.pr-sm{padding-right:.75rem}.pr-xl{padding-right:2rem}.pr-xs{padding-right:.5rem}.pt-0{padding-top:0}.pt-2xl{padding-top:3rem}.pt-2xs{padding-top:.25rem}.pt-3xl{padding-top:4rem}.pt-\[0\.6rem\]{padding-top:.6rem}.pt-\[10px\]{padding-top:10px}.pt-\[12px\]{padding-top:12px}.pt-\[13px\]{padding-top:13px}.pt-\[200px\]{padding-top:200px}.pt-\[20px\]{padding-top:20px}.pt-\[2px\]{padding-top:2px}.pt-\[36px\]{padding-top:36px}.pt-\[40px\]{padding-top:40px}.pt-\[42px\]{padding-top:42px}.pt-\[50px\]{padding-top:50px}.pt-\[64px\]{padding-top:64px}.pt-\[6px\]{padding-top:6px}.pt-\[80px\]{padding-top:80px}.pt-\[8px\]{padding-top:8px}.pt-\[var\(--page-y-padding\)\]{padding-top:var(--page-y-padding)}.pt-lg{padding-top:1.5rem}.pt-md{padding-top:1rem}.pt-sm{padding-top:.75rem}.pt-xl{padding-top:2rem}.pt-xs{padding-top:.5rem}.\[\&\>svg\]\:text-center>svg,.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.indent-0{text-indent:0}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-bottom{vertical-align:text-bottom}.font-sans{font-family:var(--font-sans)}.text-10{font-size:.625rem;line-height:1rem}.text-12{font-size:.75rem;line-height:1rem}.text-14,.text-16{line-height:1.25rem}.text-14{font-size:.875rem}.text-16{font-size:1rem}.text-18{font-size:1.125rem;line-height:1.5rem}.text-20{font-size:1.25rem;line-height:1.25rem}.text-24{font-size:1.5rem;line-height:1.75rem}.text-32{font-size:2rem;line-height:2.25rem}.text-48{font-size:3rem;line-height:3rem}.text-64{font-size:4rem;line-height:4rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[1rem\]{font-size:1rem}.text-\[2\.25rem\]{font-size:2.25rem}.text-\[2\.5rem\]{font-size:2.5rem}.text-\[2\.625rem\]{font-size:2.625rem}.text-\[24px\]{font-size:24px}.text-\[27px\]{font-size:27px}.text-\[2rem\]{font-size:2rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[32px\]\/\[44\.52px\]{font-size:32px;line-height:44.52px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[4rem\]{font-size:4rem}.text-\[56px\]{font-size:56px}.text-\[5rem\]{font-size:5rem}.text-\[60px\]{font-size:60px}.text-\[72px\]\/\[80px\]{font-size:72px;line-height:80px}.text-\[88px\]{font-size:88px}.text-inherit{font-size:inherit;line-height:inherit}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-\[800\]{font-weight:800}.font-\[900\]{font-weight:900}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[--emote-line-height\]{line-height:var(--emote-line-height)}.leading-\[0\.85rem\]{line-height:.85rem}.leading-\[0\]{line-height:0}.leading-\[14px\]{line-height:14px}.leading-\[17px\]{line-height:17px}.leading-\[20px\]{line-height:20px}.leading-\[28px\]{line-height:28px}.leading-\[38px\]{line-height:38px}.leading-\[40px\]{line-height:40px}.leading-\[52px\]{line-height:52px}.leading-\[58px\]{line-height:58px}.leading-\[64px\]{line-height:64px}.leading-\[68px\]{line-height:68px}.leading-\[96px\]{line-height:96px}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.tracking-\[1\.2px\]{letter-spacing:1.2px}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.\!text-danger-content{color:var(--color-danger-content)!important}.\!text-neutral-content-strong{color:var(--color-neutral-content-strong)!important}.\!text-neutral-content-weak{color:var(--color-neutral-content-weak)!important}.\!text-tone-1{color:var(--color-tone-1)!important}.text-\[\#131313\]{--tw-text-opacity:1;color:rgb(19 19 19 / var(--tw-text-opacity))}.text-\[\#B06400\]{--tw-text-opacity:1;color:rgb(176 100 0 / var(--tw-text-opacity))}.text-\[\\w\\W\]{color:\w\W}.text-\[color\:inherit\],shreddit-comment .author{color:inherit}.text-\[color\:var\(--button-color-text-default\)\]{color:var(--button-color-text-default)}.text-\[color\:var\(--color-a-default\)\]{color:var(--color-a-default)}.text-\[color\:var\(--color-action-primary\)\]{color:var(--color-action-primary)}.text-\[color\:var\(--color-button-plain-text-disabled\)\]{color:var(--color-button-plain-text-disabled)}.text-\[color\:var\(--color-button-secondary-text-disabled\)\]{color:var(--color-button-secondary-text-disabled)}.text-\[color\:var\(--color-tone-2\)\]{color:var(--color-tone-2)}.text-\[var\(--color-identity-coins\)\]{color:var(--color-identity-coins)}.text-action-downvote{color:var(--color-action-downvote)}.text-action-secondary{color:var(--color-action-secondary)}.text-action-upvote{color:var(--color-action-upvote)}.text-ai-plain{color:var(--color-ai-plain)}.text-alert-caution{color:var(--color-alert-caution)}.removal-category .banner-icon,.text-alert-negative{color:var(--color-alert-negative)}.text-alienblue-600{--tw-text-opacity:1;color:rgb(17 91 202 / var(--tw-text-opacity))}.text-alienblue-700{--tw-text-opacity:1;color:rgb(10 68 155 / var(--tw-text-opacity))}.text-berrypurple-700{--tw-text-opacity:1;color:rgb(118 0 163 / var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-brand-background{color:var(--color-brand-background)}.text-brand-onBackground{color:var(--color-brand-onBackground)}.nsfw-avatar,.profile-header .profile-nsfw-avatar,.text-category-nsfw{color:var(--color-category-nsfw)}.text-category-spoiler{color:var(--color-category-spoiler)}.text-caution-onBackground{color:var(--color-caution-onBackground)}.text-coolgray-350{--tw-text-opacity:1;color:rgb(139 162 173 / var(--tw-text-opacity))}.text-coolgray-450{--tw-text-opacity:1;color:rgb(116 135 145 / var(--tw-text-opacity))}.text-coolgray-500{--tw-text-opacity:1;color:rgb(102 119 128 / var(--tw-text-opacity))}.text-coolgray-525{--tw-text-opacity:1;color:rgb(87 111 118 / var(--tw-text-opacity))}.text-coolgray-550{--tw-text-opacity:1;color:rgb(92 108 116 / var(--tw-text-opacity))}.text-coolgray-600{--tw-text-opacity:1;color:rgb(83 97 104 / var(--tw-text-opacity))}.text-coolgray-650{--tw-text-opacity:1;color:rgb(72 84 91 / var(--tw-text-opacity))}.text-coolgray-700{--tw-text-opacity:1;color:rgb(61 73 78 / var(--tw-text-opacity))}.text-coolgray-850{--tw-text-opacity:1;color:rgb(33 39 42 / var(--tw-text-opacity))}.text-coolgray-950{--tw-text-opacity:1;color:rgb(14 17 19 / var(--tw-text-opacity))}.text-current{color:currentColor}.text-danger-background{color:var(--color-danger-background)}.text-danger-content{color:var(--color-danger-content)}.text-downvote-background{color:var(--color-downvote-background)}.text-downvote-disabled{color:var(--color-downvote-disabled)}.text-global-admin{color:var(--color-global-admin)}.text-global-alienblue{color:var(--color-global-alienblue)}.text-global-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-global-brand-orangered{--tw-text-opacity:1;color:rgb(255 69 0 / var(--tw-text-opacity))}.text-global-gold{color:var(--color-global-gold)}.text-global-moderator{color:var(--color-global-moderator)}.text-global-nsfw{color:var(--color-global-nsfw)}.text-global-orangered{color:var(--color-global-orangered)}.text-global-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-identity-admin{color:var(--color-identity-admin)}.text-identity-moderator{color:var(--color-identity-moderator)}.text-interactive-content-disabled{color:var(--color-interactive-content-disabled)}.text-inverted-neutral-content{color:var(--color-inverted-neutral-content)}.text-inverted-secondary-onBackground{color:var(--color-inverted-secondary-onBackground)}.text-inverted-secondary-plain{color:var(--color-inverted-secondary-plain)}.text-kiwigreen-400{--tw-text-opacity:1;color:rgb(1 168 22 / var(--tw-text-opacity))}.text-kiwigreen-500{--tw-text-opacity:1;color:rgb(0 138 16 / var(--tw-text-opacity))}.text-kiwigreen-700{--tw-text-opacity:1;color:rgb(0 83 6 / var(--tw-text-opacity))}.text-lightblue-400{--tw-text-opacity:1;color:rgb(2 157 213 / var(--tw-text-opacity))}.text-media-onBackground{color:var(--color-media-onBackground)}.text-media-onbackground{color:var(--color-media-onbackground)}.text-media-onbackground-weak{color:var(--color-media-onbackground-weak)}.text-mintgreen-500{--tw-text-opacity:1;color:rgb(1 135 109 / var(--tw-text-opacity))}.text-mintgreen-600{--tw-text-opacity:1;color:rgb(0 108 86 / var(--tw-text-opacity))}.text-mods-filtered-onBackground{color:var(--shreddit-color-mods-filtered-onBackground)}.text-mods-reported-onBackground{color:var(--shreddit-color-mods-reported-onBackground)}.text-neutral-background{color:var(--color-neutral-background)}.text-neutral-border-medium{color:var(--color-neutral-border-medium)}.text-neutral-content{color:var(--color-neutral-content)}.text-neutral-content-disabled{color:var(--color-neutral-content-disabled)}.text-neutral-content-strong{color:var(--color-neutral-content-strong)}.text-neutral-content-weak{color:var(--color-neutral-content-weak)}.text-orangered-700{--tw-text-opacity:1;color:rgb(132 33 0 / var(--tw-text-opacity))}.text-periwinkle-500{--tw-text-opacity:1;color:rgb(106 92 255 / var(--tw-text-opacity))}.text-periwinkle-700{--tw-text-opacity:1;color:rgb(64 1 234 / var(--tw-text-opacity))}.text-primary{color:var(--color-primary)}.text-primary-background{color:var(--color-primary-background)}.text-primary-onBackground{color:var(--color-primary-onBackground)}.text-primary-plain{color:var(--color-primary-plain)}.text-primary-visited{color:var(--color-primary-visited)}.text-puregray-500{--tw-text-opacity:1;color:rgb(118 118 118 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(255 79 64 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(235 0 31 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(144 0 15 / var(--tw-text-opacity))}.text-sakurapink-500{--tw-text-opacity:1;color:rgb(222 1 159 / var(--tw-text-opacity))}.text-secondary{color:var(--color-secondary)}.text-secondary-onBackground{color:var(--color-secondary-onBackground)}.text-secondary-plain{color:var(--color-secondary-plain)}.text-secondary-plain-weak{color:var(--color-secondary-plain-weak)}.text-secondary-weak{color:var(--color-secondary-weak)}.text-streak-not-reached-text{color:var(--shreddit-color-streak-not-reached-text)}.text-success-content{color:var(--color-success-content)}.text-success-plain{color:var(--color-success-plain)}.text-tone-1{color:var(--color-tone-1)}.text-tone-2{color:var(--color-tone-2)}.text-tone-3{color:var(--color-tone-3)}.text-tone-7{color:var(--color-tone-7)}.text-upvote-content{color:var(--color-upvote-content)}.text-upvote-content-weak{color:var(--color-upvote-content-weak)}.text-upvote-disabled{color:var(--color-upvote-disabled)}.text-warning-content{color:var(--color-warning-content)}.text-warning-onBackground{color:var(--color-warning-onBackground)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/70{color:rgba(255,255,255,.7)}.text-yellow-200{--tw-text-opacity:1;color:rgb(255 191 11 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(91 66 0 / var(--tw-text-opacity))}.text-yelloworange-500{--tw-text-opacity:1;color:rgb(189 88 0 / var(--tw-text-opacity))}.text-yelloworange-700{--tw-text-opacity:1;color:rgb(115 51 0 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through,shreddit-ad-post del{text-decoration-line:line-through}.\!no-underline{text-decoration-line:none!important}.no-underline,.visited\:no-underline:visited{text-decoration-line:none}.decoration-neutral-content-weak{text-decoration-color:var(--color-neutral-content-weak)}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.caret-transparent{caret-color:transparent}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-\[--slider-opacity\]{opacity:var(--slider-opacity)}.focus-within\:opacity-100:focus-within,.focus\:opacity-100:focus{opacity:1}.shadow-\[0_0_0_4px_var\(--color-primary-background\)\]{--tw-shadow:0 0 0 4px var(--color-primary-background);--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_0_0_var\(--color-secondary-background-selected\)\]{--tw-shadow:0 2px 0 0 var(--color-secondary-background-selected);--tw-shadow-colored:0 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_-40px_21px_var\(--color-neutral-background\)\]{--tw-shadow:0px -40px 21px var(--color-neutral-background);--tw-shadow-colored:0px -40px 21px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--elevation-md);--tw-shadow-colored:var(--elevation-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--elevation-sm);--tw-shadow-colored:var(--elevation-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--elevation-xs);--tw-shadow-colored:var(--elevation-xs);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:transparent solid 2px;outline-offset:2px}.focus-within\:outline:focus-within,.outline{outline-style:solid}.outline-0{outline-width:0}.outline-1{outline-width:1px}.aria-pressed\:outline-2[aria-pressed=true],.outline-2{outline-width:2px}.outline-\[3px\]{outline-width:3px}.-outline-offset-1{outline-offset:-1px}.outline-offset-0{outline-offset:0}.aria-pressed\:outline-offset-2[aria-pressed=true],.outline-offset-2,.outline-offset-\[2px\]{outline-offset:2px}.outline-\[\#FF9C1A\]{outline-color:#FF9C1A}.outline-\[var\(--color-brand-background\)\]{outline-color:var(--color-brand-background)}.outline-danger-content{outline-color:var(--color-danger-content)}.outline-global-brand-orangered{outline-color:#FF4500}.outline-neutral-background-medium{outline-color:var(--color-neutral-background-medium)}.outline-neutral-border-weak{outline-color:var(--color-neutral-border-weak)}.outline-transparent{outline-color:transparent}.ring{--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(0.25rem);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-\[max-width\]{transition-property:max-width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-\[transform\]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:150ms}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.duration-\[1500ms\]{transition-duration:1.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}.\@container{container-type:inline-size}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none;width:0!important}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-4xl{--tw-translate-x:-6rem}.-translate-x-\[4px\]{--tw-translate-x:-4px}.-translate-y-1\/2,.-translate-y-2\/4{--tw-translate-y:-50%}.translate-x-0{--tw-translate-x:0px}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-4xl{--tw-translate-x:6rem}.translate-y-0{--tw-translate-y:0px}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-1\/4{--tw-translate-y:25%}.translate-y-4xl{--tw-translate-y:6rem}.translate-y-px{--tw-translate-y:1px}.\[--marketplace-tile-grid-content-columns\:1\]{--marketplace-tile-grid-content-columns:1}.\[--marketplace-tile-grid-content-columns\:4\]{--marketplace-tile-grid-content-columns:4}.\[--marketplace-tile-grid-content-gap\:var\(--rem16\)\]{--marketplace-tile-grid-content-gap:var(--rem16)}.\[--marketplace-tile-grid-content-gap\:var\(--rem8\)\]{--marketplace-tile-grid-content-gap:var(--rem8)}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[box-shadow\:0_-6px_8px_var\(--color-tone-5\)\]{box-shadow:0 -6px 8px var(--color-tone-5)}.\[caret-color\:var\(--color-tone-1\)\]{caret-color:var(--color-tone-1)}.\[color\:transparent\]{color:transparent}.\[font-size\:var\(--emote-size\)\]{font-size:var(--emote-size)}.\[perspective\:1000px\]{perspective:1000px}.\[q\:foo\]{q:foo}.\[scope\:community-\/r\/bar\/\]{scope:community-/r/bar/}.\[sort\:comments\]{sort:comments}.\[text-shadow\:1px_0_0_var\(--color-media-background\)\2c-1px_0_0_var\(--color-media-background\)\2c0_1px_0_var\(--color-media-background\)\2c0_-1px_0_var\(--color-media-background\)\]{text-shadow:1px 0 0 var(--color-media-background),-1px 0 0 var(--color-media-background),0 1px 0 var(--color-media-background),0 -1px 0 var(--color-media-background)}.\[time\:all\]{time:all}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.\[transform\:rotateY\(180deg\)\]{transform:rotateY(180deg)}.\[transform\:translate3d\(0\2c0\2c0\)\]{transform:translate3d(0,0,0)}.\[type\:comment\]{type:comment}@media (min-width:1024px){.lg\:full-snoo-lg{--full-snoo-lg-size:var(--rem144);height:var(--full-snoo-lg-size);width:var(--full-snoo-lg-size);margin-top:.375rem}.lg\:full-snoo-lg>img{width:6.625rem;bottom:calc(-1 * var(--rem10))}}@media (min-width:960px){.s\:button-medium{--button-height:var(--size-button-md-h);--button-padding:var(--spacer-xs);--button-font:var(--font-button-md);--button-border-width-default:var(--line-button-md-border)}}.first-letter\:capitalize::first-letter{text-transform:capitalize}.selection\:text-transparent ::selection{color:transparent}.selection\:text-transparent::selection{color:transparent}.placeholder\:text-neutral-content-weak::placeholder{color:var(--color-neutral-content-weak)}.before\:absolute::before{content:var(--tw-content);position:absolute}.before\:left-\[-16\.5px\]::before{content:var(--tw-content);left:-16.5px}.before\:left-\[-1rem\]::before{content:var(--tw-content);left:-1rem}.before\:top-0::before,.before\:top-\[0\]::before{content:var(--tw-content);top:0}.before\:top-lg::before{content:var(--tw-content);top:1.5rem}.before\:ml-sm::before{content:var(--tw-content);margin-left:.75rem}.before\:h-\[--emote-size\]::before{content:var(--tw-content);height:var(--emote-size)}.before\:h-\[calc\(100\%\+7px\)\]::before{content:var(--tw-content);height:calc(100% + 7px)}.before\:h-full::before{content:var(--tw-content);height:100%}.before\:w-\[--emote-size\]::before{content:var(--tw-content);width:var(--emote-size)}.before\:origin-top-left::before{content:var(--tw-content);transform-origin:top left}.before\:scale-\[--emote-scale\]::before,.first\:rotate-\[-8deg\]:first-child,.last\:rotate-\[8deg\]:last-child{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:scale-\[--emote-scale\]::before{content:var(--tw-content);--tw-scale-x:var(--emote-scale);--tw-scale-y:var(--emote-scale)}.before\:border-y-0::before{content:var(--tw-content);border-top-width:0;border-bottom-width:0}.before\:border-l-\[1px\]::before{content:var(--tw-content);border-left-width:1px}.before\:border-r-\[0px\]::before{content:var(--tw-content);border-right-width:0}.before\:border-tone-4::before{content:var(--tw-content);border-color:var(--color-tone-4)}.before\:bg-\[size\:--emote-size\]::before{content:var(--tw-content);background-size:var(--emote-size)}.before\:text-12::before{content:var(--tw-content);font-size:.75rem;line-height:1rem}.before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)}.before\:content-\[\'\2022\'\]::before{--tw-content:'•';content:var(--tw-content)}.before\:content-\[attr\(priority\)\]::before{--tw-content:attr(priority);content:var(--tw-content)}.after\:absolute::after{content:var(--tw-content);position:absolute}.after\:left-0::after{content:var(--tw-content);left:0}.after\:left-\[-1rem\]::after{content:var(--tw-content);left:-1rem}.after\:top-0::after,.after\:top-\[0\]::after{content:var(--tw-content);top:0}.after\:clear-both::after{content:var(--tw-content);clear:both}.after\:ml-\[0\.375rem\]::after{content:var(--tw-content);margin-left:.375rem}.after\:box-border::after{content:var(--tw-content);box-sizing:border-box}.after\:table::after{content:var(--tw-content);display:table}.after\:h-\[20px\]::after{content:var(--tw-content);height:20px}.after\:h-full::after{content:var(--tw-content);height:100%}.after\:w-\[24px\]::after{content:var(--tw-content);width:24px}.after\:w-full::after{content:var(--tw-content);width:100%}.after\:rounded-l-\[6px\]::after{content:var(--tw-content);border-top-left-radius:6px;border-bottom-left-radius:6px}.after\:rounded-bl-\[12px\]::after{content:var(--tw-content);border-bottom-left-radius:12px}.after\:border-sm::after{content:var(--tw-content);border-width:.0625rem}.after\:border-y-0::after{content:var(--tw-content);border-top-width:0;border-bottom-width:0}.after\:border-b-\[1px\]::after{content:var(--tw-content);border-bottom-width:1px}.after\:border-l-\[1px\]::after{content:var(--tw-content);border-left-width:1px}.after\:border-r-0::after,.after\:border-r-\[0px\]::after{content:var(--tw-content);border-right-width:0}.after\:border-neutral-border-weak::after{content:var(--tw-content);border-color:var(--color-neutral-border-weak)}.after\:border-tone-4::after{content:var(--tw-content);border-color:var(--color-tone-4)}.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}.after\:content-\[\'\2c\'\]::after{--tw-content:',';content:var(--tw-content)}.first\:left-\[21px\]:first-child{left:21px}.first\:left-\[34px\]:first-child{left:34px}.first\:ml-0:first-child{margin-left:0}.first\:mt-0:first-child{margin-top:0}.first\:rotate-\[-8deg\]:first-child{--tw-rotate:-8deg}.first\:border-0:first-child{border-width:0}.first\:pt-0:first-child{padding-top:0}.last\:right-\[21px\]:last-child{right:21px}.last\:right-\[34px\]:last-child{right:34px}.last\:mr-0:last-child{margin-right:0}.last\:hidden:last-child{display:none}.last\:rotate-\[8deg\]:last-child{--tw-rotate:8deg}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:border-none:last-child{border-style:none}.last\:pr-md:last-child{padding-right:1rem}.last\:after\:content-\[\'\'\]:last-child::after{--tw-content:'';content:var(--tw-content)}.odd\:top-\[26\%\]:nth-child(odd){top:26%}.odd\:top-\[48px\]:nth-child(odd){top:48px}.odd\:top-\[77px\]:nth-child(odd){top:77px}.odd\:aspect-\[78\/105\]:nth-child(odd){aspect-ratio:78/105}.odd\:h-\[105px\]:nth-child(odd){height:105px}.odd\:h-\[168px\]:nth-child(odd){height:168px}.odd\:w-\[125px\]:nth-child(odd){width:125px}.odd\:w-\[32\%\]:nth-child(odd){width:32%}.odd\:w-\[78px\]:nth-child(odd){width:78px}.even\:z-\[1\]:nth-child(even){z-index:1}.even\:aspect-\[86\/115\]:nth-child(even){aspect-ratio:86/115}.even\:h-\[115px\]:nth-child(even){height:115px}.even\:h-\[184px\]:nth-child(even){height:184px}.even\:w-\[137px\]:nth-child(even){width:137px}.even\:w-\[35\%\]:nth-child(even){width:35%}.even\:w-\[86px\]:nth-child(even){width:86px}.visited\:bg-transparent:visited{background-color:transparent}.visited\:text-inherit:visited{font-size:inherit;line-height:inherit}.visited\:\!text-secondary-plain:visited{color:var(--color-secondary-plain)!important}.visited\:text-media-onbackground:visited{color:var(--color-media-onbackground)}.visited\:text-neutral-background-weak:visited{color:var(--color-neutral-background-weak)}.visited\:text-neutral-content-strong:visited{color:var(--color-neutral-content-strong)}.visited\:text-neutral-content-weak:visited{color:var(--color-neutral-content-weak)}.visited\:text-secondary-plain:visited{color:var(--color-secondary-plain)}.visited\:text-secondary-plain-weak:visited{color:var(--color-secondary-plain-weak)}.empty\:pr-0:empty{padding-right:0}.focus-within\:border-neutral-border-medium:focus-within{border-color:var(--color-neutral-border-medium)}.focus-within\:border-neutral-border-strong:focus-within{border-color:var(--color-neutral-border-strong)}.focus-within\:bg-neutral-background-hover:focus-within{background-color:var(--color-neutral-background-hover)}.focus-within\:bg-neutral-background-strong-hover:focus-within{background-color:var(--color-neutral-background-strong-hover)}.focus-within\:outline-1:focus-within{outline-width:1px}@media (hover:hover) and (pointer:fine){.hover\:scale-110:hover,.hover\:scale-\[2\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-\[2\]:hover{--tw-scale-x:2;--tw-scale-y:2}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-caution-background-hover:hover{border-color:var(--color-caution-background-hover)}.hover\:border-global-brand-orangered:hover{--tw-border-opacity:1;border-color:rgb(255 69 0 / var(--tw-border-opacity))}.hover\:border-global-orangered:hover{border-color:var(--color-global-orangered)}.hover\:border-neutral-content-weak:hover{border-color:var(--color-neutral-content-weak)}.hover\:border-primary-hover:hover{border-color:var(--color-primary-hover)}.hover\:border-secondary-background-hover:hover{border-color:var(--color-secondary-background-hover)}.hover\:border-secondary-background-selected:hover{border-color:var(--color-secondary-background-selected)}.hover\:border-tone-3:hover{border-color:var(--color-tone-3)}.hover\:border-l-neutral-border:hover{border-left-color:var(--color-neutral-border)}.hover\:\!bg-\[var\(--notification-banner-prim-hover\)\]:hover{background-color:var(--notification-banner-prim-hover)!important}.hover\:\!bg-\[var\(--notification-banner-sec-hover\)\]:hover{background-color:var(--notification-banner-sec-hover)!important}.hover\:\!bg-transparent:hover{background-color:transparent!important}.hover\:bg-black\/80:hover{background-color:rgba(0,0,0,.8)}.hover\:bg-caution-background-hover:hover{background-color:var(--color-caution-background-hover)}.hover\:bg-coolgray-50:hover{--tw-bg-opacity:1;background-color:rgb(238 241 243 / var(--tw-bg-opacity))}.hover\:bg-downvote-background-hover:hover{background-color:var(--color-downvote-background-hover)}.hover\:bg-global-brand-orangered:hover{--tw-bg-opacity:1;background-color:rgb(255 69 0 / var(--tw-bg-opacity))}.hover\:bg-interactive-pressed:hover{background-color:var(--color-interactive-pressed)}.hover\:bg-mods-filtered-background-hover:hover{background-color:var(--shreddit-color-mods-filtered-background-hover)}.hover\:bg-mods-reported-background-hover:hover{background-color:var(--shreddit-color-mods-reported-background-hover)}.hover\:bg-neutral-background-hover:hover{background-color:var(--color-neutral-background-hover)}.hover\:bg-neutral-background-selected:hover{background-color:var(--color-neutral-background-selected)}.hover\:bg-neutral-background-strong-hover:hover{background-color:var(--color-neutral-background-strong-hover)}.hover\:bg-neutral-background-weak-hover:hover{background-color:var(--color-neutral-background-weak-hover)}.hover\:bg-secondary-background-hover:hover{background-color:var(--color-secondary-background-hover)}.hover\:bg-secondary-background-selected:hover{background-color:var(--color-secondary-background-selected)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-transparent-background-hover:hover{background-color:var(--color-transparent-background-hover)}.hover\:bg-upvote-background-hover:hover{background-color:var(--color-upvote-background-hover)}.hover\:text-action-downvote:hover{color:var(--color-action-downvote)}.hover\:text-action-upvote:hover{color:var(--color-action-upvote)}.hover\:text-brand-background-hover:hover{color:var(--color-brand-background-hover)}.hover\:text-danger-content-hover:hover{color:var(--color-danger-content-hover)}.hover\:text-global-focus:hover{color:var(--color-global-focus)}.hover\:text-global-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-inverted-secondary-plain-hover:hover{color:var(--color-inverted-secondary-plain-hover)}.hover\:text-neutral-content:hover{color:var(--color-neutral-content)}.hover\:text-neutral-content-strong:hover{color:var(--color-neutral-content-strong)}.hover\:text-neutral-content-weak:hover{color:var(--color-neutral-content-weak)}.hover\:text-primary-hover:hover{color:var(--color-primary-hover)}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-secondary-hover:hover{color:var(--color-secondary-hover)}.hover\:text-secondary-onBackground:hover{color:var(--color-secondary-onBackground)}.hover\:text-secondary-plain:hover{color:var(--color-secondary-plain)}.hover\:text-secondary-plain-hover:hover{color:var(--color-secondary-plain-hover)}.hover\:text-secondary-weak:hover{color:var(--color-secondary-weak)}.hover\:text-success-content:hover{color:var(--color-success-content)}.hover\:text-success-hover:hover{color:var(--color-success-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:decoration-solid:hover{text-decoration-style:solid}.hover\:shadow-\[0_0_0_2px_var\(--color-primary-background\)\]:hover{--tw-shadow:0 0 0 2px var(--color-primary-background);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:rounded-sm:focus{border-radius:.25rem}.focus\:border-global-brand-orangered:focus{--tw-border-opacity:1;border-color:rgb(255 69 0 / var(--tw-border-opacity))}.focus\:border-global-focus:focus{border-color:var(--color-global-focus)}.focus\:bg-interactive-pressed:focus{background-color:var(--color-interactive-pressed)}.focus\:bg-neutral-background-hover:focus{background-color:var(--color-neutral-background-hover)}.focus\:bg-transparent:focus{background-color:transparent}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\:decoration-solid:focus{text-decoration-style:solid}.focus\:outline-none:focus{outline:transparent solid 2px;outline-offset:2px}.focus\:outline-neutral-content-weak:focus{outline-color:var(--color-neutral-content-weak)}.focus-visible\:text-action-downvote:focus-visible{color:var(--color-action-downvote)}.focus-visible\:text-action-upvote:focus-visible{color:var(--color-action-upvote)}.focus-visible\:no-underline:focus-visible{text-decoration-line:none}.\[\&_a\]\:underline a,.active\:underline:active{text-decoration-line:underline}.focus-visible\:outline-none:focus-visible{outline:transparent solid 2px;outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.active\:\!bg-\[var\(--notification-banner-prim-active\)\]:active{background-color:var(--notification-banner-prim-active)!important}.active\:\!bg-\[var\(--notification-banner-sec-active\)\]:active{background-color:var(--notification-banner-sec-active)!important}.active\:\!bg-transparent:active{background-color:transparent!important}.active\:bg-interactive-pressed:active{background-color:var(--color-interactive-pressed)}.active\:bg-neutral-background-selected:active{background-color:var(--color-neutral-background-selected)}.active\:bg-orangered-50:active{--tw-bg-opacity:1;background-color:rgb(252 238 232 / var(--tw-bg-opacity))}.active\:bg-secondary-background:active{background-color:var(--color-secondary-background)}.active\:bg-transparent:active{background-color:transparent}.active\:text-neutral-content-strong:active{color:var(--color-neutral-content-strong)}.active\:no-underline:active,.disabled\:no-underline:disabled{text-decoration-line:none}.enabled\:cursor-pointer:enabled{cursor:pointer}@media (hover:hover) and (pointer:fine){.enabled\:hover\:scale-\[1\.2\]:hover:enabled{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-interactive-background-disabled:disabled{background-color:var(--color-interactive-background-disabled)}.disabled\:bg-neutral-background:disabled{background-color:var(--color-neutral-background)}.disabled\:bg-primary-background:disabled{background-color:var(--color-primary-background)}.disabled\:text-global-white:disabled{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.disabled\:text-interactive-content-disabled:disabled{color:var(--color-interactive-content-disabled)}.disabled\:text-opacity-25:disabled{--tw-text-opacity:0.25}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:focus-within .group-focus-within\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.group:focus-within .group-focus-within\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:focus-within .group-focus-within\:hidden{display:none}.group:focus-within .group-focus-within\:bg-neutral-background-hover{background-color:var(--color-neutral-background-hover)}@media (hover:hover) and (pointer:fine){.group\/award:hover .group-hover\/award\:-translate-y-\[10px\],.group\/award:hover .group-hover\/award\:scale-\[1\.4\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.group:hover .group-hover\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.group:hover .group-hover\:visible{visibility:visible}.group\/tablerow:hover .group-hover\/tablerow\:invisible{visibility:hidden}.group:hover .group-hover\:z-\[1\]{z-index:1}.group:hover .group-hover\:block,.group\/tablerow:hover .group-hover\/tablerow\:block{display:block}.group:hover .group-hover\:flex,.group\/tablerow:hover .group-hover\/tablerow\:flex{display:flex}.group:hover .group-hover\:hidden,.group\/tablerow:hover .group-hover\/tablerow\:hidden{display:none}.group:hover .group-hover\:w-auto{width:auto}.group\/award:hover .group-hover\/award\:scale-\[1\.4\]{--tw-scale-x:1.4;--tw-scale-y:1.4}.group:hover .group-hover\:bg-neutral-background-hover{background-color:var(--color-neutral-background-hover)}.group:hover .group-hover\:bg-secondary-plain-weak{background-color:var(--color-secondary-plain-weak)}.group:hover .group-hover\:bg-tone-2{background-color:var(--color-tone-2)}.group:hover .group-hover\:from-\[color\:var\(--color-neutral-background-hover\)\]{--tw-gradient-from:var(--color-neutral-background-hover) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255, 255, 255, 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group\/award:hover .group-hover\/award\:-translate-y-\[10px\]{--tw-translate-y:-10px;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.nd\:visible:not(:defined),.peer:checked~.peer-checked\:visible{visibility:visible}.group.tab-bottom-border.tab-selected .group-\[\.tab-bottom-border\.tab-selected\]\:block{display:block}.group\/verdict[show-removal-reason-cta] .group-\[\[show-removal-reason-cta\]\]\/verdict\:hidden{display:none}.peer:checked~.peer-checked\:border-alienblue-600{--tw-border-opacity:1;border-color:rgb(17 91 202 / var(--tw-border-opacity))}.peer:checked~.peer-checked\:bg-\[\#D2DADD\]{--tw-bg-opacity:1;background-color:rgb(210 218 221 / var(--tw-bg-opacity))}.peer:checked~.peer-checked\:text-alienblue-600{--tw-text-opacity:1;color:rgb(17 91 202 / var(--tw-text-opacity))}.peer:checked~.group .peer-checked\:group-\[\]\:border-global-brand-orangered{--tw-border-opacity:1;border-color:rgb(255 69 0 / var(--tw-border-opacity))}.peer:checked~.group .peer-checked\:group-\[\]\:bg-orangered-100{--tw-bg-opacity:1;background-color:rgb(252 219 207 / var(--tw-bg-opacity))}.aria-checked\:bg-neutral-background-selected[aria-checked=true]{background-color:var(--color-neutral-background-selected)}.aria-pressed\:border-caution-background[aria-pressed=true]{border-color:var(--color-caution-background)}.aria-pressed\:bg-neutral-background-gilded[aria-pressed=true]{background-color:var(--color-neutral-background-gilded)}.aria-pressed\:bg-neutral-background-selected[aria-pressed=true],.nd\:bg-neutral-background-selected:not(:defined){background-color:var(--color-neutral-background-selected)}.aria-pressed\:outline[aria-pressed=true]{outline-style:solid}.aria-pressed\:outline-global-brand-orangered[aria-pressed=true]{outline-color:#FF4500}.group\/award[aria-pressed=true] .group-aria-pressed\/award\:scale-\[1\.4\]{--tw-scale-x:1.4;--tw-scale-y:1.4;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/award[aria-pressed=true] .group-aria-pressed\/award\:-translate-y-\[10px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:-10px;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@container (min-width:64rem){.\@5xl\:flex{display:flex}.\@5xl\:hidden{display:none}}.nd\:invisible:not(:defined){visibility:hidden}.nd\:mb-md:not(:defined){margin-bottom:1rem}.nd\:mt-lg:not(:defined){margin-top:1.5rem}.nd\:block:not(:defined){display:block}.nd\:flex:not(:defined){display:flex}.nd\:hidden:not(:defined){display:none}.nd\:h-2xl:not(:defined){height:3rem}.nd\:h-\[110px\]:not(:defined){height:110px}.nd\:h-\[32px\]:not(:defined){height:32px}.nd\:h-\[64px\]:not(:defined){height:64px}.nd\:h-\[var\(--gallery-initial-height\)\]:not(:defined){height:var(--gallery-initial-height)}.nd\:h-lg:not(:defined){height:1.5rem}.nd\:h-sm:not(:defined){height:.75rem}.nd\:h-xl:not(:defined){height:2rem}.nd\:max-h-\[32px\]:not(:defined){max-height:32px}.nd\:max-h-xl:not(:defined){max-height:2rem}.nd\:w-\[380px\]:not(:defined){width:380px}.nd\:w-\[54px\]:not(:defined){width:54px}.nd\:w-lg:not(:defined){width:1.5rem}.nd\:w-sm:not(:defined){width:.75rem}.nd\:w-xl:not(:defined){width:2rem}@keyframes pulse{50%{opacity:.5}}.nd\:animate-pulse:not(:defined){animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nd\:overflow-hidden:not(:defined){overflow:hidden}.nd\:bg-secondary-background:not(:defined){background-color:var(--color-secondary-background)}.nd\:pb-2xl:not(:defined){padding-bottom:3rem}.nd\:pt-xs:not(:defined){padding-top:.5rem}@media (display-mode:standalone),(display-mode:minimal-ui),(display:window-controls-overlay){.pwa\:block{display:block}.pwa\:hidden{display:none}}@media (prefers-reduced-motion:no-preference){@keyframes spin{to{transform:rotate(360deg)}}.motion-safe\:animate-\[spin_13s_linear_infinite\]{animation:spin 13s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.motion-safe\:animate-\[spin_7s_linear_infinite\]{animation:spin 7s linear infinite}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}:is([class~=theme-dark] .dark\:block){display:block}:is([class~=theme-dark] .dark\:hidden){display:none}:is([class~=theme-dark] .dark\:\!bg-yellow-800){--tw-bg-opacity:1!important;background-color:rgb(63 45 0 / var(--tw-bg-opacity))!important}:is([class~=theme-dark] .dark\:bg-\[\#090F11\]){--tw-bg-opacity:1;background-color:rgb(9 15 17 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#95DCFB\]){--tw-bg-opacity:1;background-color:rgb(149 220 251 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#A0B0B5\]){--tw-bg-opacity:1;background-color:rgb(160 176 181 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#A3E398\]){--tw-bg-opacity:1;background-color:rgb(163 227 152 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#A7CCFF\]){--tw-bg-opacity:1;background-color:rgb(167 204 255 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#A8A8A8\]){--tw-bg-opacity:1;background-color:rgb(168 168 168 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#C3BDFF\]){--tw-bg-opacity:1;background-color:rgb(195 189 255 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#EEA7FF\]){--tw-bg-opacity:1;background-color:rgb(238 167 255 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#FADB61\]){--tw-bg-opacity:1;background-color:rgb(250 219 97 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#FFA5E3\]){--tw-bg-opacity:1;background-color:rgb(255 165 227 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#FFADB8\]){--tw-bg-opacity:1;background-color:rgb(255 173 184 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-\[\#FFBEA6\]){--tw-bg-opacity:1;background-color:rgb(255 190 166 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-alienblue-900){--tw-bg-opacity:1;background-color:rgb(10 26 63 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-berrypurple-900){--tw-bg-opacity:1;background-color:rgb(48 6 67 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-coolgray-600){--tw-bg-opacity:1;background-color:rgb(83 97 104 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-coolgray-750){--tw-bg-opacity:1;background-color:rgb(51 61 66 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-coolgray-800){--tw-bg-opacity:1;background-color:rgb(42 50 54 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-coolgray-850){--tw-bg-opacity:1;background-color:rgb(33 39 42 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-global-black){--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-kiwigreen-900){--tw-bg-opacity:1;background-color:rgb(13 32 5 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-orangered-900){--tw-bg-opacity:1;background-color:rgb(47 20 5 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-periwinkle-900){--tw-bg-opacity:1;background-color:rgb(22 14 91 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-red-900){--tw-bg-opacity:1;background-color:rgb(52 15 5 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-red-950){--tw-bg-opacity:1;background-color:rgb(31 11 4 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-success-background){background-color:var(--color-success-background)}:is([class~=theme-dark] .dark\:bg-yellow-900){--tw-bg-opacity:1;background-color:rgb(35 26 3 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:bg-yelloworange-900){--tw-bg-opacity:1;background-color:rgb(42 23 5 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:text-\[var\(--color-global-stars\)\]){color:var(--color-global-stars)}:is([class~=theme-dark] .dark\:text-alienblue-300){--tw-text-opacity:1;color:rgb(144 169 253 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-alienblue-400){--tw-text-opacity:1;color:rgb(100 142 252 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-berrypurple-200){--tw-text-opacity:1;color:rgb(234 179 253 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-coolgray-300){--tw-text-opacity:1;color:rgb(151 175 188 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-kiwigreen-300){--tw-text-opacity:1;color:rgb(0 198 28 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-neutral-content-strong){color:var(--color-neutral-content-strong)}:is([class~=theme-dark] .dark\:text-orangered-300){--tw-text-opacity:1;color:rgb(255 137 93 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-periwinkle-200){--tw-text-opacity:1;color:rgb(205 190 253 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-puregray-400){--tw-text-opacity:1;color:rgb(172 172 172 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-red-200){--tw-text-opacity:1;color:rgb(253 179 164 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-yellow-300){--tw-text-opacity:1;color:rgb(216 161 0 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:text-yelloworange-300){--tw-text-opacity:1;color:rgb(255 138 53 / var(--tw-text-opacity))}:is([class~=theme-dark] .dark\:shadow-none){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (hover:hover) and (pointer:fine){:is([class~=theme-dark] .dark\:hover\:bg-coolgray-800:hover){--tw-bg-opacity:1;background-color:rgb(42 50 54 / var(--tw-bg-opacity))}:is([class~=theme-dark] .dark\:hover\:text-neutral-content-strong:hover){color:var(--color-neutral-content-strong)}}:is([class~=theme-dark] .peer:checked~.group .dark\:peer-checked\:group-\[\]\:bg-orangered-900){--tw-bg-opacity:1;background-color:rgb(47 20 5 / var(--tw-bg-opacity))}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-auto{grid-row-end:auto}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mb-lg{margin-bottom:1.5rem}.lg\:mr-2xs{margin-right:.25rem}.lg\:mt-sm{margin-top:.75rem}.lg\:mt-xs{margin-top:.5rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-5\/12{width:41.666667%}.lg\:w-7\/12{width:58.333333%}.lg\:justify-start{justify-content:flex-start}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:px-0{padding-left:0;padding-right:0}}@media (min-width:768px){.xs\:border-l-sm,.xs\:border-x-sm{border-left-width:.0625rem}.xs\:visible{visibility:visible}.xs\:sticky{position:sticky}.xs\:-left-\[2rem\]{left:-2rem}.xs\:-top-\[2\.25rem\]{top:-2.25rem}.xs\:left-\[-16\.5px\]{left:-16.5px}.xs\:top-\[-2px\]{top:-2px}.xs\:top-\[56px\]{top:56px}.xs\:top-md{top:1rem}.xs\:z-10{z-index:10}.xs\:col-span-1{grid-column:span 1/span 1}.xs\:col-span-5{grid-column:span 5/span 5}.xs\:col-span-8{grid-column:span 8/span 8}.xs\:col-start-1{grid-column-start:1}.xs\:col-start-2{grid-column-start:2}.xs\:col-start-3{grid-column-start:3}.xs\:col-end-15{grid-column-end:15}.xs\:col-end-2{grid-column-end:2}.xs\:col-end-3{grid-column-end:3}.xs\:col-end-6{grid-column-end:6}.xs\:row-start-1{grid-row-start:1}.xs\:row-start-2{grid-row-start:2}.xs\:row-start-3{grid-row-start:3}.xs\:row-start-4{grid-row-start:4}.xs\:row-end-2{grid-row-end:2}.xs\:row-end-3{grid-row-end:3}.xs\:row-end-4{grid-row-end:4}.xs\:row-end-5{grid-row-end:5}.xs\:m-0{margin:0}.xs\:-mx-xs{margin-left:-.5rem;margin-right:-.5rem}.xs\:mx-0{margin-left:0;margin-right:0}.xs\:mx-auto{margin-left:auto;margin-right:auto}.xs\:mx-md{margin-left:1rem;margin-right:1rem}.xs\:mx-xs{margin-left:.5rem;margin-right:.5rem}.xs\:my-0{margin-top:0;margin-bottom:0}.xs\:my-2xs{margin-top:.25rem;margin-bottom:.25rem}.xs\:my-lg{margin-top:1.5rem;margin-bottom:1.5rem}.xs\:my-md{margin-top:1rem;margin-bottom:1rem}.xs\:my-xs{margin-top:.5rem;margin-bottom:.5rem}.xs\:-mb-\[2\.25rem\]{margin-bottom:-2.25rem}.xs\:mb-0{margin-bottom:0}.xs\:mb-5xl{margin-bottom:8rem}.xs\:mb-\[12px\]{margin-bottom:12px}.xs\:mb-md{margin-bottom:1rem}.xs\:mb-sm{margin-bottom:.75rem}.xs\:mb-xl{margin-bottom:2rem}.xs\:mb-xs{margin-bottom:.5rem}.xs\:ml-0{margin-left:0}.xs\:ml-md{margin-left:1rem}.xs\:ml-sm{margin-left:.75rem}.xs\:ml-xl{margin-left:2rem}.xs\:mr-0{margin-right:0}.xs\:mr-lg{margin-right:1.5rem}.xs\:mr-md{margin-right:1rem}.xs\:mr-sm{margin-right:.75rem}.xs\:mt-0{margin-top:0}.xs\:mt-2xs{margin-top:.25rem}.xs\:mt-\[2px\]{margin-top:2px}.xs\:mt-\[36px\]{margin-top:36px}.xs\:mt-\[4\.7rem\]{margin-top:4.7rem}.xs\:mt-\[80px\]{margin-top:80px}.xs\:mt-lg{margin-top:1.5rem}.xs\:mt-md{margin-top:1rem}.xs\:mt-xl{margin-top:2rem}.xs\:mt-xs{margin-top:.5rem}.xs\:line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.xs\:line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.xs\:block{display:block}.xs\:inline-block{display:inline-block}.xs\:inline{display:inline}.xs\:flex{display:flex}.xs\:grid{display:grid}.xs\:contents{display:contents}.xs\:hidden{display:none}.xs\:h-2xl{height:3rem}.xs\:h-3xl{height:4rem}.xs\:h-4xl{height:6rem}.xs\:h-\[100px\]{height:100px}.xs\:h-\[22px\]{height:22px}.xs\:h-\[330px\]{height:330px}.xs\:h-\[40px\]{height:40px}.xs\:h-\[48px\]{height:48px}.xs\:h-\[56px\]{height:56px}.xs\:h-\[78px\]{height:78px}.xs\:h-\[80px\]{height:80px}.xs\:h-\[88px\]{height:88px}.xs\:h-\[90px\]{height:90px}.xs\:h-\[calc\(100vh-var\(--shreddit-header-height\)-1px\)\]{height:calc(100vh - var(--shreddit-header-height) - 1px)}.xs\:h-full{height:100%}.xs\:h-xl{height:2rem}.xs\:max-h-\[calc\(100vh-var\(--shreddit-header-height\)-1px\)\]{max-height:calc(100vh - var(--shreddit-header-height) - 1px)}.xs\:max-h-\[calc\(100vh-var\(--shreddit-header-height\)-57px\)\]{max-height:calc(100vh - var(--shreddit-header-height) - 57px)}.xs\:min-h-\[120px\]{min-height:120px}.xs\:min-h-\[20rem\]{min-height:20rem}.xs\:w-1\/2{width:50%}.xs\:w-100{width:100%}.xs\:w-2xl{width:3rem}.xs\:w-\[100px\]{width:100px}.xs\:w-\[104px\]{width:104px}.xs\:w-\[120px\]{width:120px}.xs\:w-\[130px\]{width:130px}.xs\:w-\[15\.5px\]{width:15.5px}.xs\:w-\[180px\]{width:180px}.xs\:w-\[182px\]{width:182px}.xs\:w-\[316px\]{width:316px}.xs\:w-\[343px\]{width:343px}.xs\:w-\[400px\]{width:400px}.xs\:w-\[440px\]{width:440px}.xs\:w-\[470px\]{width:470px}.xs\:w-\[48px\]{width:48px}.xs\:w-\[500px\]{width:500px}.xs\:w-\[532px\]{width:532px}.xs\:w-\[56px\]{width:56px}.xs\:w-\[68px\]{width:68px}.xs\:w-\[70px\]{width:70px}.xs\:w-\[752px\]{width:752px}.xs\:w-\[768px\]{width:768px}.xs\:w-\[80px\]{width:80px}.xs\:w-\[88px\]{width:88px}.xs\:w-\[96\%\]{width:96%}.xs\:w-auto{width:auto}.xs\:w-fit{width:fit-content}.xs\:w-full{width:100%}.xs\:w-xl{width:2rem}.xs\:min-w-\[316px\]{min-width:316px}.xs\:min-w-\[33\.333\%\]{min-width:33.333%}.xs\:min-w-\[400px\]{min-width:400px}.xs\:min-w-\[500px\]{min-width:500px}.xs\:min-w-\[513px\]{min-width:513px}.xs\:max-w-\[180px\]{max-width:180px}.xs\:max-w-\[492px\]{max-width:492px}.xs\:max-w-\[500px\]{max-width:500px}.xs\:max-w-\[513px\]{max-width:513px}.xs\:max-w-\[620px\]{max-width:620px}.xs\:max-w-\[625px\]{max-width:625px}.xs\:max-w-\[800px\]{max-width:800px}.xs\:max-w-\[90\%\]{max-width:90%}.xs\:max-w-\[min\(756px\2ccalc\(100\%-\(16px\+316px\)\)\)\]{max-width:756px}.xs\:max-w-none{max-width:none}.xs\:shrink-0{flex-shrink:0}.xs\:grow-0{flex-grow:0}.xs\:basis-\[calc\(50\%-6px\)\]{flex-basis:calc(50% - 6px)}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xs\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xs\:grid-cols-\[15rem_1fr\]{grid-template-columns:15rem 1fr}.xs\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.xs\:grid-cols-\[32px_1fr\]{grid-template-columns:32px 1fr}.xs\:grid-cols-\[32px_minmax\(0\2c1fr\)\]{grid-template-columns:32px minmax(0,1fr)}.xs\:grid-cols-\[min-content_1fr\]{grid-template-columns:min-content 1fr}.xs\:grid-cols-\[repeat\(auto-fit\2c_114px\)\]{grid-template-columns:repeat(auto-fit,114px)}.xs\:grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.xs\:grid-rows-\[auto_auto_auto_auto\]{grid-template-rows:auto auto auto auto}.xs\:flex-row{flex-direction:row}.xs\:flex-nowrap{flex-wrap:nowrap}.xs\:items-start{align-items:flex-start}.xs\:items-end{align-items:flex-end}.xs\:items-center{align-items:center}.xs\:justify-start{justify-content:flex-start}.xs\:justify-center{justify-content:center}.xs\:justify-around{justify-content:space-around}.xs\:gap-0{gap:0}.xs\:gap-\[24px\]{gap:24px}.xs\:gap-md{gap:1rem}.xs\:gap-sm{gap:.75rem}.xs\:gap-xl{gap:2rem}.xs\:gap-xs{gap:.5rem}.xs\:gap-x-3xl{column-gap:4rem}.xs\:gap-x-lg{column-gap:1.5rem}.xs\:gap-x-xs{column-gap:.5rem}.xs\:gap-y-xl{row-gap:2rem}.xs\:overflow-y-auto{overflow-y:auto}.xs\:overflow-x-hidden{overflow-x:hidden}.xs\:whitespace-nowrap{white-space:nowrap}.xs\:rounded-\[16px\]{border-radius:16px}.xs\:rounded-\[34px\]{border-radius:34px}.xs\:rounded-\[36px\]{border-radius:36px}.xs\:rounded-\[8px\]{border-radius:8px}.xs\:rounded-b-\[16px\]{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.xs\:rounded-t-\[16px\]{border-top-left-radius:16px;border-top-right-radius:16px}.xs\:border-x-sm{border-right-width:.0625rem}.xs\:border-t-0{border-top-width:0}.xs\:bg-neutral-background-weak{background-color:var(--color-neutral-background-weak)}.xs\:bg-\[image\:var\(--medium-banner\)\]{background-image:var(--medium-banner)}.xs\:p-2xs{padding:.25rem}.xs\:p-\[16px\]{padding:16px}.xs\:p-\[2px\]{padding:2px}.xs\:p-lg{padding:1.5rem}.xs\:px-0{padding-left:0;padding-right:0}.xs\:px-2xs{padding-left:.25rem;padding-right:.25rem}.xs\:px-3xl{padding-left:4rem;padding-right:4rem}.xs\:px-\[8px\]{padding-left:8px;padding-right:8px}.xs\:px-lg{padding-left:1.5rem;padding-right:1.5rem}.xs\:px-md{padding-left:1rem;padding-right:1rem}.xs\:px-xl{padding-left:2rem;padding-right:2rem}.xs\:px-xs{padding-left:.5rem;padding-right:.5rem}.xs\:py-0{padding-top:0;padding-bottom:0}.xs\:py-2xl{padding-top:3rem;padding-bottom:3rem}.xs\:py-\[64px\]{padding-top:64px;padding-bottom:64px}.xs\:py-\[96px\]{padding-top:96px;padding-bottom:96px}.xs\:py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.xs\:py-md{padding-top:1rem;padding-bottom:1rem}.xs\:pb-0{padding-bottom:0}.xs\:pb-4xl{padding-bottom:6rem}.xs\:pb-\[10px\]{padding-bottom:10px}.xs\:pb-\[36px\]{padding-bottom:36px}.xs\:pb-\[40px\]{padding-bottom:40px}.xs\:pb-lg{padding-bottom:1.5rem}.xs\:pb-md{padding-bottom:1rem}.xs\:pb-xs{padding-bottom:.5rem}.xs\:pl-2xs{padding-left:.25rem}.xs\:pl-sm{padding-left:.75rem}.xs\:pl-xl{padding-left:2rem}.xs\:pr-2xs{padding-right:.25rem}.xs\:pr-md{padding-right:1rem}.xs\:pt-0{padding-top:0}.xs\:pt-2xl{padding-top:3rem}.xs\:pt-4xl{padding-top:6rem}.xs\:pt-5xl{padding-top:8rem}.xs\:pt-lg{padding-top:1.5rem}.xs\:pt-md{padding-top:1rem}.xs\:pt-xs{padding-top:.5rem}.xs\:text-left{text-align:left}.xs\:text-start{text-align:start}.xs\:text-12{font-size:.75rem;line-height:1rem}.xs\:text-14{font-size:.875rem;line-height:1.25rem}.xs\:text-16{font-size:1rem;line-height:1.25rem}.xs\:text-18{font-size:1.125rem;line-height:1.5rem}.xs\:text-20{font-size:1.25rem;line-height:1.25rem}.xs\:text-24{font-size:1.5rem;line-height:1.75rem}.xs\:text-32{font-size:2rem;line-height:2.25rem}.xs\:text-48{font-size:3rem;line-height:3rem}.xs\:text-\[14px\]{font-size:14px}.xs\:font-semibold{font-weight:600}.xs\:uppercase{text-transform:uppercase}.xs\:leading-9{line-height:2.25rem}.xs\:text-neutral-content{color:var(--color-neutral-content)}.xs\:text-neutral-content-weak,:is([class~=theme-dark] .xs\:dark\:text-neutral-content-weak){color:var(--color-neutral-content-weak)}.xs\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.xs\:\[--marketplace-tile-grid-content-columns\:2\]{--marketplace-tile-grid-content-columns:2}.xs\:\[--marketplace-tile-grid-content-columns\:4\]{--marketplace-tile-grid-content-columns:4}.xs\:\[--marketplace-tile-grid-content-columns\:6\]{--marketplace-tile-grid-content-columns:6}.xs\:\[--marketplace-tile-grid-content-gap\:var\(--rem16\)\]{--marketplace-tile-grid-content-gap:var(--rem16)}.xs\:\[--marketplace-tile-grid-content-gap\:var\(--rem24\)\]{--marketplace-tile-grid-content-gap:var(--rem24)}.xs\:before\:left-\[-15\.5px\]::before{content:var(--tw-content);left:-15.5px}.first\:xs\:pl-2xs:first-child{padding-left:.25rem}.last\:xs\:block:last-child{display:block}.last\:xs\:pr-2xs:last-child{padding-right:.25rem}}@media (min-width:768px) and (hover:hover) and (pointer:fine){:is([class~=theme-dark] .xs\:dark\:hover\:text-neutral-content-weak:hover){color:var(--color-neutral-content-weak)}}@media (min-width:960px){.s\:text-14,.s\:text-16,.s\:text-20{line-height:1.25rem}.s\:invisible{visibility:hidden}.s\:static{position:static}.s\:fixed{position:fixed}.s\:relative{position:relative}.s\:bottom-auto{bottom:auto}.s\:left-auto{left:auto}.s\:right-auto{right:auto}.s\:top-auto{top:auto}.s\:col-span-2{grid-column:span 2/span 2}.s\:col-span-3{grid-column:span 3/span 3}.s\:col-span-6{grid-column:span 6/span 6}.s\:col-span-9{grid-column:span 9/span 9}.s\:col-start-4{grid-column-start:4}.s\:col-end-10{grid-column-end:10}.s\:col-end-15{grid-column-end:15}.s\:mb-0{margin-bottom:0}.s\:ml-0{margin-left:0}.s\:ml-\[381px\]{margin-left:381px}.s\:ml-\[384px\]{margin-left:384px}.s\:mr-0{margin-right:0}.s\:mr-md{margin-right:1rem}.s\:mt-md{margin-top:1rem}.s\:mt-xl{margin-top:2rem}.s\:block{display:block}.s\:flex{display:flex}.s\:contents{display:contents}.s\:hidden{display:none}.s\:h-100{height:100%}.s\:h-5xl{height:8rem}.s\:h-\[128px\]{height:128px}.s\:h-\[24px\]{height:24px}.s\:h-\[478px\]{height:478px}.s\:h-\[75px\]{height:75px}.s\:h-\[785px\]{height:785px}.s\:h-\[88px\]{height:88px}.s\:h-\[calc\(100vh-var\(--shreddit-header-height\)-240px\)\]{height:calc(100vh - var(--shreddit-header-height) - 240px)}.s\:h-full{height:100%}.s\:h-lg{height:1.5rem}.s\:max-h-\[318px\]{max-height:318px}.s\:max-h-\[432px\]{max-height:432px}.s\:max-h-\[48px\]{max-height:48px}.s\:max-h-\[492px\]{max-height:492px}.s\:max-h-\[640px\]{max-height:640px}.s\:max-h-\[64px\]{max-height:64px}.s\:min-h-\[22px\]{min-height:22px}.s\:min-h-\[38px\]{min-height:38px}.s\:min-h-\[48px\]{min-height:48px}.s\:w-4\/5{width:80%}.s\:w-\[128px\]{width:128px}.s\:w-\[144px\]{width:144px}.s\:w-\[24px\]{width:24px}.s\:w-\[250px\]{width:250px}.s\:w-\[360px\]{width:360px}.s\:w-\[454px\]{width:454px}.s\:w-\[558px\]{width:558px}.s\:w-\[730px\]{width:730px}.s\:w-\[768px\]{width:768px}.s\:w-\[88px\]{width:88px}.s\:w-auto{width:auto}.s\:w-full{width:100%}.s\:w-lg{width:1.5rem}.s\:min-w-\[25\%\]{min-width:25%}.s\:min-w-\[48px\]{min-width:48px}.s\:min-w-\[500px\]{min-width:500px}.s\:max-w-\[100\%\]{max-width:100%}.s\:max-w-\[360px\]{max-width:360px}.s\:max-w-\[480px\]{max-width:480px}.s\:max-w-\[48px\]{max-width:48px}.s\:max-w-\[590px\]{max-width:590px}.s\:max-w-\[800px\]{max-width:800px}.s\:max-w-container-s{max-width:994px}.s\:shrink{flex-shrink:1}.s\:auto-rows-\[minmax\(144px\2c_auto\)\]{grid-auto-rows:minmax(144px,auto)}.s\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.s\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.s\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.s\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.s\:grid-cols-\[auto_400px\]{grid-template-columns:auto 400px}.s\:grid-cols-\[repeat\(auto-fit\2c_144px\)\]{grid-template-columns:repeat(auto-fit,144px)}.s\:flex-row{flex-direction:row}.s\:flex-row-reverse{flex-direction:row-reverse}.s\:flex-col{flex-direction:column}.s\:items-end{align-items:flex-end}.s\:items-center{align-items:center}.s\:items-stretch{align-items:stretch}.s\:justify-start{justify-content:flex-start}.s\:justify-end{justify-content:flex-end}.s\:justify-between{justify-content:space-between}.s\:gap-lg{gap:1.5rem}.s\:gap-md{gap:1rem}.s\:gap-sm{gap:.75rem}.s\:gap-xl{gap:2rem}.s\:gap-xs{gap:.5rem}.s\:gap-x-\[20px\]{column-gap:20px}.s\:gap-x-md{column-gap:1rem}.s\:gap-y-lg{row-gap:1.5rem}.s\:overflow-auto{overflow:auto}.s\:rounded-\[16px\]{border-radius:16px}.s\:rounded-\[8px\]{border-radius:8px}.s\:rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.s\:border-l-sm{border-left-width:.0625rem}.s\:border-r-sm{border-right-width:.0625rem}.s\:bg-transparent{background-color:transparent}.s\:bg-\[image\:var\(--large-banner\)\]{background-image:var(--large-banner)}.s\:bg-center{background-position:center}.s\:p-0{padding:0}.s\:p-lg{padding:1.5rem}.s\:p-md{padding:1rem}.s\:p-xl{padding:2rem}.s\:px-0{padding-left:0;padding-right:0}.s\:px-\[144px\]{padding-left:144px;padding-right:144px}.s\:px-lg{padding-left:1.5rem;padding-right:1.5rem}.s\:py-0{padding-top:0;padding-bottom:0}.s\:py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.s\:pb-0{padding-bottom:0}.s\:pb-3xl{padding-bottom:4rem}.s\:pb-\[20px\]{padding-bottom:20px}.s\:pb-\[4xl\]{padding-bottom:4xl}.s\:pb-lg{padding-bottom:1.5rem}.s\:pb-md{padding-bottom:1rem}.s\:pb-sm{padding-bottom:.75rem}.s\:pl-0{padding-left:0}.s\:pr-0{padding-right:0}.s\:pr-md{padding-right:1rem}.s\:pr-xs{padding-right:.5rem}.s\:pt-2xl{padding-top:3rem}.s\:pt-\[56px\]{padding-top:56px}.s\:pt-lg{padding-top:1.5rem}.s\:pt-sm{padding-top:.75rem}.s\:text-left{text-align:left}.s\:text-center{text-align:center}.s\:text-14{font-size:.875rem}.s\:text-16{font-size:1rem}.s\:text-20{font-size:1.25rem}.s\:text-24{font-size:1.5rem;line-height:1.75rem}.s\:text-32{font-size:2rem;line-height:2.25rem}.s\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.s\:\[--marketplace-tile-grid-content-columns\:4\]{--marketplace-tile-grid-content-columns:4}.s\:\[--marketplace-tile-grid-content-columns\:5\]{--marketplace-tile-grid-content-columns:5}.s\:\[--marketplace-tile-grid-content-columns\:7\]{--marketplace-tile-grid-content-columns:7}@container (min-width:80rem){.s\:\@7xl\:h-\[12rem\]{height:12rem}.s\:\@7xl\:bg-\[image\:var\(--x-large-banner\)\]{background-image:var(--x-large-banner)}}}@media (min-width:1200px){.m\:pointer-events-auto{pointer-events:auto}.m\:col-span-11{grid-column:span 11/span 11}.m\:col-span-7{grid-column:span 7/span 7}.m\:col-start-2{grid-column-start:2}.m\:col-start-3{grid-column-start:3}.m\:col-start-4{grid-column-start:4}.m\:col-end-11{grid-column-end:11}.m\:col-end-13{grid-column-end:13}.m\:col-end-15{grid-column-end:15}.m\:col-end-4{grid-column-end:4}.m\:col-end-5{grid-column-end:5}.m\:mx-auto{margin-left:auto;margin-right:auto}.m\:mx-lg{margin-left:1.5rem;margin-right:1.5rem}.m\:ml-sm{margin-left:.75rem}.m\:mt-3xl{margin-top:4rem}.m\:mt-xl{margin-top:2rem}.m\:block{display:block}.m\:inline-block{display:inline-block}.m\:flex{display:flex}.m\:grid{display:grid}.m\:contents{display:contents}.m\:hidden{display:none}.m\:h-\[520px\]{height:520px}.m\:h-\[600px\]{height:600px}.m\:max-h-\[337px\]{max-height:337px}.m\:max-h-\[60vh\]{max-height:60vh}.m\:max-h-\[calc\(50vh-70px\)\]{max-height:calc(50vh - 70px)}.m\:w-\[1120px\]{width:1120px}.m\:w-\[1200px\]{width:1200px}.m\:w-\[200px\]{width:200px}.m\:w-\[288px\]{width:288px}.m\:w-\[400px\]{width:400px}.m\:w-\[455px\]{width:455px}.m\:w-\[560px\]{width:560px}.m\:w-\[640px\]{width:640px}.m\:w-fit{width:fit-content}.m\:max-w-\[768px\]{max-width:768px}.m\:max-w-\[calc\(100vw-272px\)\]{max-width:calc(100vw - 272px)}.m\:max-w-container-m{max-width:1132px}.m\:max-w-none{max-width:none}.m\:basis-\[calc\(33\.33\%-8px\)\]{flex-basis:calc(33.33% - 8px)}.m\:grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.m\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m\:grid-cols-\[272px_1fr\]{grid-template-columns:272px 1fr}.m\:items-end{align-items:flex-end}.m\:justify-center{justify-content:center}.m\:gap-x-4xl{column-gap:6rem}.m\:gap-x-\[16px\]{column-gap:16px}.m\:rounded-lg{border-radius:2rem}.m\:bg-\[\#FFCF24\]{--tw-bg-opacity:1;background-color:rgb(255 207 36 / var(--tw-bg-opacity))}.m\:bg-neutral-background{background-color:var(--color-neutral-background)}.m\:p-xl{padding:2rem}.m\:px-4xl{padding-left:6rem;padding-right:6rem}.m\:px-\[144px\]{padding-left:144px;padding-right:144px}.m\:px-\[24px\]{padding-left:24px;padding-right:24px}.m\:px-lg{padding-left:1.5rem;padding-right:1.5rem}.m\:px-xs{padding-left:.5rem;padding-right:.5rem}.m\:py-0{padding-top:0;padding-bottom:0}.m\:py-\[36px\]{padding-top:36px;padding-bottom:36px}.m\:py-\[64px\]{padding-top:64px;padding-bottom:64px}.m\:\!pl-0{padding-left:0!important}.m\:pb-0{padding-bottom:0}.m\:pb-5xl{padding-bottom:8rem}.m\:pt-4xl{padding-top:6rem}.m\:text-left{text-align:left}.m\:text-18{font-size:1.125rem;line-height:1.5rem}.m\:text-24{font-size:1.5rem;line-height:1.75rem}.m\:text-32{font-size:2rem;line-height:2.25rem}.m\:font-bold{font-weight:700}.m\:text-neutral-content{color:var(--color-neutral-content)}.m\:text-neutral-content-strong{color:var(--color-neutral-content-strong)}.m\:shadow-md{--tw-shadow:var(--elevation-md);--tw-shadow-colored:var(--elevation-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.m\:\[--marketplace-tile-grid-content-columns\:4\]{--marketplace-tile-grid-content-columns:4}.m\:\[--marketplace-tile-grid-content-columns\:6\]{--marketplace-tile-grid-content-columns:6}.m\:\[--marketplace-tile-grid-content-columns\:8\]{--marketplace-tile-grid-content-columns:8}}@media (min-width:1416px){.l\:pointer-events-none{pointer-events:none}.l\:absolute{position:absolute}.l\:left-0{left:0}.l\:right-0{right:0}.l\:top-xs{top:.5rem}.l\:col-span-13{grid-column:span 13/span 13}.l\:col-span-9{grid-column:span 9/span 9}.l\:col-start-4{grid-column-start:4}.l\:col-end-13{grid-column-end:13}.l\:col-end-14{grid-column-end:14}.l\:col-end-15{grid-column-end:15}.l\:col-end-17{grid-column-end:17}.l\:col-end-19{grid-column-end:19}.l\:col-end-4{grid-column-end:4}.l\:mx-auto{margin-left:auto;margin-right:auto}.l\:mb-\[-136px\]{margin-bottom:-136px}.l\:mt-md{margin-top:1rem}.l\:block{display:block}.l\:flex{display:flex}.l\:contents{display:contents}.l\:hidden{display:none}.l\:h-\[40px\]{height:40px}.l\:max-h-\[352px\]{max-height:352px}.l\:w-\[144px\]{width:144px}.l\:max-w-\[1352px\]{max-width:1352px}.l\:max-w-\[590px\]{max-width:590px}.l\:max-w-container-l{max-width:1352px}.l\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.l\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.l\:gap-2xl{gap:3rem}.l\:gap-x-lg{column-gap:1.5rem}.l\:rounded-\[0\.75rem\]{border-radius:.75rem}.l\:p-4xl{padding:6rem}.l\:p-lg{padding:1.5rem}.l\:px-lg{padding-left:1.5rem;padding-right:1.5rem}.l\:pt-5xl{padding-top:8rem}.l\:text-left{text-align:left}}.\[\&\>\:first-child\]\:mb-0>:first-child,.\[\&\>p\]\:my-0>p,.\[\&\[faceplate-validity\=invalid\]\[faceplate-dirty\]\]\:mb-0[faceplate-validity=invalid][faceplate-dirty]{margin-bottom:0}@media (min-width:1920px){.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-start-4{grid-column-start:4}.xl\:col-start-5{grid-column-start:5}.xl\:col-end-14{grid-column-end:14}.xl\:col-end-15{grid-column-end:15}.xl\:mt-4xl{margin-top:6rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:contents{display:contents}.xl\:hidden{display:none}.xl\:max-h-\[452px\]{max-height:452px}.xl\:max-w-\[1524px\],.xl\:max-w-container-xl{max-width:1524px}.xl\:grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xl\:gap-y-2xl{row-gap:3rem}.xl\:gap-y-xl{row-gap:2rem}.xl\:rounded-\[0\.75rem\]{border-radius:.75rem}.xl\:text-left{text-align:left}}.removal-category,shreddit-ad-post .post-content,shreddit-flair,shreddit-post .post-content{grid-column:1/4}@media (max-width:500px){.embed-m\:right-xs{right:.5rem}.embed-m\:top-xs{top:.5rem}.embed-m\:mr-0{margin-right:0}.embed-m\:mt-md{margin-top:1rem}.embed-m\:hidden{display:none}.embed-m\:w-\[180px\]{width:180px}.embed-m\:flex-1{flex:1 1 0%}.embed-m\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:325px){.embed-s\:absolute{position:absolute}.embed-s\:right-md{right:1rem}.embed-s\:top-\[10px\]{top:10px}.embed-s\:ml-0{margin-left:0}.embed-s\:mt-xs{margin-top:.5rem}.embed-s\:block{display:block}.embed-s\:hidden{display:none}.embed-s\:flex-col{flex-direction:column}.embed-s\:items-start{align-items:flex-start}.embed-s\:justify-between{justify-content:space-between}}@media (max-width:260px){.embed-xs\:absolute{position:absolute}.embed-xs\:z-10{z-index:10}.embed-xs\:mx-0{margin-left:0;margin-right:0}.embed-xs\:ml-md{margin-left:1rem}.embed-xs\:mt-2xs{margin-top:.25rem}.embed-xs\:hidden{display:none}.embed-xs\:h-\[2px\]{height:2px}.embed-xs\:h-\[40px\]{height:40px}.embed-xs\:h-\[80px\]{height:80px}.embed-xs\:h-lg{height:1.5rem}.embed-xs\:max-h-\[540px\]{max-height:540px}.embed-xs\:w-\[80px\]{width:80px}.embed-xs\:w-lg{width:1.5rem}.embed-xs\:\!min-w-\[40px\]{min-width:40px!important}.embed-xs\:\!min-w-\[43px\]{min-width:43px!important}.embed-xs\:gap-lg{gap:1.5rem}.embed-xs\:px-\[5px\]{padding-left:5px;padding-right:5px}.embed-xs\:text-12{font-size:.75rem;line-height:1rem}.embed-xs\:leading-4{line-height:1rem}}@media (min-width:1472px){.pdp-float-back-btn\:absolute{position:absolute}.pdp-float-back-btn\:-left-\[2\.5rem\]{left:-2.5rem}.pdp-float-back-btn\:top-md{top:1rem}}shreddit-app #menu-screen,shreddit-app:not(:defined)::before{position:fixed;top:0;left:0;content:'';right:0}.\[\&\.hidden\~\*\]\:block.hidden~*{display:block}.\[\&\:not\(\:defined\)\>\[slot\]\]\:hidden:not(:defined)>[slot],.\[\&\:not\(\:defined\)_\.directory-link\]\:hidden:not(:defined) .directory-link{display:none}.\[\&\>\*\]\:invisible>*{visibility:hidden}.\[\&\>\.threadline\>\*\]\:border-tone-4>.threadline>*{border-color:var(--color-tone-4)}.\[\&\>\:first-child\]\:rounded-full>:first-child{border-radius:624.9375rem}.\[\&\>\:not\(\.pointer-events-none\)\]\:pointer-events-auto>:not(.pointer-events-none){pointer-events:auto}.\[\&\>div\]\:\!pr-0>div{padding-right:0!important}.\[\&\>div\]\:pl-xs>div{padding-left:.5rem}.\[\&\>li\>div\]\:px-0>li>div{padding-left:0;padding-right:0}.\[\&\>p\]\:my-0>p{margin-top:0}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:h-\[1\.25rem\]>svg{height:1.25rem}.\[\&\>svg\]\:h-lg>svg{height:1.5rem}.\[\&\>svg\]\:h-md>svg{height:1rem}.\[\&\>svg\]\:h-sm>svg{height:.75rem}.\[\&\>svg\]\:w-\[1\.25rem\]>svg{width:1.25rem}.\[\&\>svg\]\:w-lg>svg{width:1.5rem}.\[\&\>svg\]\:w-md>svg{width:1rem}.\[\&\>svg\]\:w-sm>svg{width:.75rem}.\[\&\>svg\]\:align-middle>svg{vertical-align:middle}.\[\&_\.flair-image\]\:align-bottom .flair-image,.\[\&_faceplate-img\.flair-image\]\:align-bottom faceplate-img.flair-image{vertical-align:bottom}.\[\&_\.emote\]\:whitespace-pre .emote{white-space:pre}.\[\&_\.emote\]\:leading-\[1\.25rem\] .emote{line-height:1.25rem}.\[\&_a\]\:\!text-current a{color:currentColor!important}.\[\&_div\]\:inline-flex div{display:inline-flex}.\[\&\~\*\]\:hidden~*,shreddit-ad-post:not(:defined) [slot=desktop-cta-row],shreddit-app #menu-screen,shreddit-post:not(:defined) [slot=desktop-cta-row]{display:none}.\[\&_div\]\:items-center div{align-items:center}.\[\&_faceplate-img\]\:leading-normal faceplate-img{line-height:1.5}.\[\&_strong\]\:font-\[800\] strong{font-weight:800}:root{--dx-text-color-light:inherit;--dx-text-color-dark:inherit;--dx-bg-color-light:initial;--dx-bg-color-dark:initial;--dx-border-color-light:initial;--dx-border-color-dark:initial;background:var(--color-ui-canvas);--shreddit-content-background:var(--color-tone-7)}:root,:root.theme-light{--shreddit-color-mods-reported-background:#fff2bd;--shreddit-color-mods-reported-background-hover:#ffe88f;--shreddit-color-mods-reported-onBackground:#665505;--shreddit-color-mods-filtered-background:#FBDBD4;--shreddit-color-mods-filtered-background-hover:#FDB3A4;--shreddit-color-mods-filtered-onBackground:#BC0117;--shreddit-color-wordmark:var(--color-global-brand-orangered);--shreddit-color-streak-progress:#ffdda8;--shreddit-color-streak-not-reached-background:#f9fafa;--shreddit-color-streak-not-reached-text:#576f76}@media (prefers-color-scheme:dark){:root:not(.theme-light){--shreddit-color-mods-reported-background:#251e02;--shreddit-color-mods-reported-background-hover:#382d03;--shreddit-color-mods-reported-onBackground:#dbaf00;--shreddit-color-mods-filtered-background:#1F0B04;--shreddit-color-mods-filtered-background-hover:#650405;--shreddit-color-mods-filtered-onBackground:#FF4F40;--shreddit-color-wordmark:var(--color-global-white);--shreddit-color-streak-progress:#623a00;--shreddit-color-streak-not-reached-background:#131f23;--shreddit-color-streak-not-reached-text:#82959b}}:root.theme-dark{--shreddit-color-mods-reported-background:#251e02;--shreddit-color-mods-reported-background-hover:#382d03;--shreddit-color-mods-reported-onBackground:#dbaf00;--shreddit-color-mods-filtered-background:#1F0B04;--shreddit-color-mods-filtered-background-hover:#650405;--shreddit-color-mods-filtered-onBackground:#FF4F40;--shreddit-color-wordmark:var(--color-global-white);--shreddit-color-streak-progress:#623a00;--shreddit-color-streak-not-reached-background:#131f23;--shreddit-color-streak-not-reached-text:#82959b}:root.theme-beta,:root.theme-rpl{background-color:var(--color-neutral-background);--shreddit-content-background:var(--color-neutral-background);--styled-scrollbar-background:var(--color-neutral-background)}:root.theme-beta.iframe,:root.theme-rpl.iframe{background-color:transparent}:root.theme-beta.theme-embed,:root.theme-rpl.theme-embed{background:0 0}body{--faceplate-body-padding:0px!important;-webkit-font-smoothing:antialiased}.search-input{border-radius:0;-webkit-appearance:none}.search-input::-webkit-search-cancel-button{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.styled-scrollbars{scrollbar-color:transparent transparent;scrollbar-width:thin;--scrollbar-background:var(--styled-scrollbar-background, var(--shreddit-content-background))}.styled-scrollbars::-webkit-scrollbar{width:16px;height:16px}.styled-scrollbars::-webkit-scrollbar-track{background:var(--scrollbar-background)}.styled-scrollbars.visible,.styled-scrollbars:hover{scrollbar-color:var(--color-neutral-border) transparent}.styled-scrollbars.visible::-webkit-scrollbar-thumb,.styled-scrollbars:hover::-webkit-scrollbar-thumb{background:var(--color-neutral-border);border:6px solid var(--scrollbar-background);border-radius:8px}shreddit-app{--shreddit-header-height:56px;--shreddit-header-large-height:56px;--shreddit-bottom-padding:52px;--page-y-padding:var(--shreddit-header-height);display:block}shreddit-app activate-feature:not(:defined),shreddit-app shreddit-devvit-ui-loader:not(:defined),shreddit-app shreddit-dynamic-ad-link:not(:defined),shreddit-app:not(:defined){visibility:visible}shreddit-app:not(:defined)::before{background-color:var(--color-global-darkblue);color:var(--color-global-white);z-index:3;height:var(--shreddit-header-height);box-sizing:border-box}shreddit-app #menu-screen{bottom:0;z-index:1}shreddit-app nav details summary::-webkit-details-marker{display:none}shreddit-app.no-top-bar{--shreddit-header-height:0px;--shreddit-header-large-height:0px;--shreddit-bottom-padding:0px}.sidebar-grid.control{grid-template-columns:15rem 100vw;position:relative;left:-15rem}@media (min-width:64em){.sidebar-grid.control{grid-template-columns:minmax(12rem,1fr) minmax(0,3fr) minmax(12rem,1fr);left:0}}@media (min-width:64em){.sidebar-grid.control.no-right-sidebar{left:0}}.sidebar-open .sidebar-grid.pdp{left:0}.sidebar-open .sidebar-grid.pdp .left-sidebar{visibility:visible}shreddit-ad-post,shreddit-post{grid-template-columns:auto 1fr auto}shreddit-ad-post:not(:defined)::after,shreddit-post:not(:defined)::after{content:'';display:block;height:32px}@media (min-width:64em){shreddit-ad-post:not(:defined)::after,shreddit-post:not(:defined)::after{height:40px}}shreddit-ad-post.focus-within\:bg-neutral-background-hover:focus-within .read-more-overflow-cover,shreddit-ad-post.hover\:bg-neutral-background-hover:hover .read-more-overflow-cover,shreddit-post.focus-within\:bg-neutral-background-hover:focus-within .read-more-overflow-cover,shreddit-post.hover\:bg-neutral-background-hover:hover .read-more-overflow-cover{--tw-gradient-from:var(--color-neutral-background-hover)}shreddit-ad-post iframe,shreddit-post iframe{width:100%;max-width:100%;margin:0 auto}shreddit-ad-post .gallery .nav-button.next,shreddit-post .gallery .nav-button.next{right:0}shreddit-ad-post .gallery .nav-button,shreddit-post .gallery .nav-button{background:0 0;border:none;box-shadow:none;cursor:pointer;outline:0;padding:16px;position:absolute;top:calc(50% - 12px / 2 - (5px + 16px))}shreddit-ad-post .gallery .icon,shreddit-post .gallery .icon{background:var(--color-tone-7);border-radius:999px;border:none;box-shadow:var(--boxshadow-navigation);display:block;font-size:12px;height:12px;padding:5px;width:12px}shreddit-ad-post .gallery .page-indicator,shreddit-post .gallery .page-indicator{position:absolute;right:16px;top:16px}shreddit-ad-post .gallery .gallery-img,shreddit-post .gallery .gallery-img{height:100%;width:100%;position:absolute;overflow:hidden}shreddit-ad-post table,shreddit-post table{display:inline-block;max-width:100%;overflow-x:scroll;width:100%;table-layout:fixed}shreddit-ad-post[view-type=compactView]:not(:defined),shreddit-post[view-type=compactView]:not(:defined){display:flex;flex-wrap:wrap}shreddit-ad-post[view-type=compactView]:not(:defined) [slot=credit-bar],shreddit-ad-post[view-type=compactView]:not(:defined) [slot=post-media-container],shreddit-ad-post[view-type=compactView]:not(:defined) [slot=call-to-action],shreddit-post[view-type=compactView]:not(:defined) [slot=credit-bar],shreddit-post[view-type=compactView]:not(:defined) [slot=post-media-container],shreddit-post[view-type=compactView]:not(:defined) [slot=call-to-action]{flex-basis:100%}shreddit-ad-post[view-type=compactView]:not(:defined) [slot=title],shreddit-post[view-type=compactView]:not(:defined) [slot=title]{flex:1}shreddit-ad-post[view-type=compactView]:not(:defined) [slot=title],shreddit-ad-post[view-type=compactView]:not(:defined) [slot=thumbnail],shreddit-post[view-type=compactView]:not(:defined) [slot=title],shreddit-post[view-type=compactView]:not(:defined) [slot=thumbnail]{margin-bottom:40px}shreddit-ad-post[view-type=compactView]:not(:defined) [slot=post-media-container],shreddit-post[view-type=compactView]:not(:defined) [slot=post-media-container]{margin-top:-32px}@media (min-width:767px){shreddit-ad-post[view-type=compactView]:not(:defined)::after,shreddit-post[view-type=compactView]:not(:defined)::after{display:none}shreddit-ad-post[view-type=compactView]:not(:defined) [slot=thumbnail],shreddit-post[view-type=compactView]:not(:defined) [slot=thumbnail]{margin-bottom:0}}shreddit-ad-post .feed-card-text-preview blockquote:not(:first-child)::before,shreddit-ad-post .feed-card-text-preview blockquote:not(:last-child)::after,shreddit-ad-post .feed-card-text-preview pre:not(:first-child)::before,shreddit-ad-post .feed-card-text-preview pre:not(:last-child)::after,shreddit-ad-post .feed-card-text-preview table:not(:first-child)::before,shreddit-ad-post .feed-card-text-preview table:not(:last-child)::after,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview blockquote:not(:first-child)::before,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview blockquote:not(:last-child)::after,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview pre:not(:first-child)::before,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview pre:not(:last-child)::after,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview table:not(:first-child)::before,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview table:not(:last-child)::after{content:'\a';white-space:pre}shreddit-ad-post .feed-card-text-preview shreddit-spoiler,shreddit-post .feed-card-text-preview shreddit-spoiler{background:var(--color-category-spoiler);border-radius:var(--radius-sm);color:var(--color-category-spoiler);display:inline-block!important;height:var(--size-md);overflow:hidden;vertical-align:middle;width:var(--size-2xl)}shreddit-ad-post .feed-card-text-preview *,shreddit-post:not([view-context=BrandPostPerformanceFeed]) .feed-card-text-preview :not(ol,ul,li,h1){all:revert;display:inline!important;font-size:inherit;font-style:inherit;font-weight:inherit;margin:0;margin-block:unset;margin-inline:unset;padding:0}.md :first-child{margin-top:0}.md :last-child{margin-bottom:0}.md code{white-space:pre-wrap}.align-center{text-align:center}.align-right{text-align:right}.rte-media{margin:0 0 1rem}.rte-media a{display:block}.rte-media img{display:block;width:auto}.rte-media-caption{font-size:.8em;margin-top:.4em;text-align:center}.rte-video-placeholder{background:var(--color-global-black)}.continue{margin-top:.5rem}.shreddit-pagination{display:grid;grid-gap:1rem;margin-bottom:1rem;grid-template-columns:repeat(2,minmax(0,50%));padding:1rem}.shreddit-pagination *{grid-column:1/span 1}.shreddit-pagination * button{display:block;width:100%}.shreddit-pagination .right{grid-column:2/span 1}truncated-comment-tree:not(:defined){display:none}shreddit-comment:not(:defined){height:70px}faceplate-partial[loading=eager]{visibility:visible;background:var(--color-tone-7);height:300px;display:block}shreddit-ad-post del{text-decoration-color:inherit}shreddit-comment .load-more::before{content:'';position:absolute;top:0;left:-1.5em;height:calc(100% + 12px);width:6px;background-color:var(--color-tone-7)}shreddit-comment .load-more::after{content:'';position:absolute;left:-1.5em;top:50%;transform:translateY(-50%);border-radius:50%;height:6px;width:6px;background-color:var(--color-tone-6)}shreddit-comment .admin{color:var(--color-identity-admin)}shreddit-comment .moderator{color:var(--color-identity-moderator)}shreddit-ad-post .join-btn,shreddit-comment .op{color:var(--color-action-secondary)}shreddit-comment .self{color:var(--color-identity-self)}shreddit-comment .flair-with-emoji{display:flex;align-items:center}shreddit-comment .flair-with-emoji .md{padding:0;font-size:.75rem;line-height:.75rem;display:flex;align-items:center}shreddit-comment .flair-with-emoji .flair-image{width:.875rem;margin-right:.25rem}shreddit-comment .avatar{border-radius:50%;overflow:hidden;margin-right:.5rem;flex-shrink:0;height:20px;width:20px;font-size:20px;text-align:center}shreddit-comment .author-flair{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline;border-radius:20px;margin-bottom:-2px}shreddit-comment .summary-flex,shreddit-comment [slot=commentMeta]{display:flex;margin-right:0;flex-direction:row;align-items:center;max-width:100%;font-size:.875rem}alert-controller,banner-controller,faceplate-toaster,toaster-lite{z-index:9999;pointer-events:all}reddit-debug-panel{z-index:999;width:500px}@media (max-width:400px){reddit-debug-panel{width:100%;right:0;border:0}reddit-debug-panel faceplate-tablist button{display:block;border-radius:999px!important;margin-bottom:.25rem;width:100%}}reddit-debug-panel:not(:defined){display:none}reddit-debug-panel faceplate-tablist{margin-bottom:.5rem}reddit-debug-panel details{margin:0}reddit-debug-panel .debug-extra{overflow-x:auto}reddit-debug-panel faceplate-json{white-space:nowrap;overflow:auto;font-size:var(--font-small)}shreddit-flair:not(:defined){visibility:visible;display:inline-block;font-size:var(--font-small);padding:1px 8px;background:var(--color-tone-4);border-radius:20px;margin:0 0 8px 16px}blockquote{margin:.5rem 0 1rem .5rem;padding:.5rem 1rem;background:0 0}blockquote+blockquote{margin-top:-1.5rem}shreddit-comment-tree .top-level{padding:1rem 1rem 0}shreddit-aspect-ratio:not(:defined){--default-aspect-ratio:2;--configured-aspect-ratio:var(--aspect-ratio, var(--default-aspect-ratio));--computed-aspect-ratio:calc(100% / var(--configured-aspect-ratio));--default-min-height:150px;--configured-min-height:var(--min-height, var(--default-min-height));--default-max-height:100vh;--configured-max-height:var(--max-height, var(--default-max-height));--aspect-ratio-padding:min(max(var(--configured-min-height), var(--computed-aspect-ratio)), var(--configured-max-height));padding-bottom:var(--aspect-ratio-padding);position:relative}shreddit-aspect-ratio:not(:defined):not(.visible){display:block;height:0}.link-text{color:var(--color-global-white)}.removal-category{margin:8px;border:1px solid var(--color-tone-3);border-left:8px solid var(--color-tone-3);border-radius:4px;font-size:16px;display:flex;flex-direction:row;align-items:center}.removal-category .banner-icon{flex:none;padding-right:13px;padding-left:15px;font-size:20px}.removal-category .removal-message{padding:8px 15px 8px 0;flex:auto;font-size:14px;line-height:18px;font-weight:500;display:flex;flex-direction:column;justify-content:center}noscript *{visibility:visible}.lb-header{margin-top:.5rem;padding:.625rem .625rem 0}.lb-footer{margin:.5rem 0;padding:.625rem}.lb-footer,.lb-header{align-items:center;display:flex;flex-flow:row nowrap;min-height:50px}.lb-footer__icon,.lb-header__icon{font-size:40px;height:40px;line-height:40px;margin-right:9px;width:40px}.lb-footer h5,.lb-footer__text>h2.top-weekly,.lb-header h5,.lb-header__text>h2.top-weekly{font-size:14px;font-weight:600;line-height:16px;margin:0}.lb-footer__text>h2.linked,.lb-header__text>h2.linked{font-size:16px;font-weight:600;line-height:20px;margin:0 0 0 6px}.lb-footer__text a,.lb-header__text a{color:var(--color-action-primary);text-decoration:none}.lb-footer__text>p,.lb-header__text>p{color:var(--color-tone-2);font:var(--font-body);font-size:12px;line-height:16px;margin:0}.profile-header .description,.profile-header .profile-info,.profile-header .subheader,.profile-header h2,.topics-links-block{margin-bottom:.5rem}.lb-lazy-preload{margin-top:-1000px;padding-top:1000px}.user-profile-tabs{background-color:var(--color-tone-7);overflow:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0}.user-profile-tabs::-webkit-scrollbar{display:none}.user-profile-tabs>faceplate-tablist{width:100%}.user-profile-tabs>faceplate-tablist a{font-weight:600}.profile-header{background-color:var(--color-global-darkblue);background-position:top center;background-size:auto 6.8em;overflow:hidden;padding-top:3.5em;position:relative}.profile-header .meta-container{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--color-tone-7);padding:0 1rem 1rem;position:relative}.profile-header .avatar{overflow:hidden;border:2px solid var(--color-tone-7);border-radius:50%;display:inline-block;font-size:75px;height:64px;margin-top:-32px;width:64px;background-color:var(--color-tone-2)}.profile-header .profile-nsfw-avatar{font-size:64px;background-color:var(--color-tone-1)}.profile-header .delimeter{font-weight:900;padding:4px}.profile-header .description,.profile-header .subheader{color:var(--color-tone-3)}.related-topics-links-text,.topic-link-item{color:var(--color-tone-1);font-style:normal;font-size:14px;line-height:18px}.topics-list{align-items:center;display:flex;flex-direction:row;overflow-x:auto;padding:14px 0;scroll-behavior:smooth}a.topic-wrapper:hover{background:var(--color-tone-4);text-decoration:none}.topic-wrapper{background:var(--color-tone-5);border-radius:999px;cursor:pointer;overflow:hidden;padding:8px 16px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.topic-link-item{flex:none;flex-grow:0;font-weight:700;order:0}.related-topics-links-text{font-weight:600;padding-bottom:14px}.topics-links-block{background-color:var(--color-tone-7);padding:12px 16px}shreddit-ad-post [slot=subredditFeedPagePostDescriptor],shreddit-ad-post [slot=aggregateFeedPostDescriptor]{grid-column:1/2;min-width:0}shreddit-ad-post [slot=subredditFeedIcon]{grid-column:2/3}shreddit-ad-post [slot=title],shreddit-ad-post [slot=title-link]{grid-column:1/2}shreddit-ad-post [slot=title-link]{color:inherit;text-decoration:none}shreddit-ad-post [slot=title-link] h3{display:inline}shreddit-ad-post [slot=transcript]{border-top:.5rem solid var(--color-ui-canvas)}shreddit-ad-post [slot=transcript] .transcript-header{display:grid;grid-column:1/2;grid-template-columns:1fr auto;align-items:center}shreddit-ad-post [slot=transcript] .transcript-header .transcript-header-text{font-size:var(--font-body);font-weight:600}shreddit-ad-post [slot=transcript] .transcript-header .transcript-header-button{background-color:inherit;border:none;border-radius:unset;color:inherit;font-size:20px;height:20px;line-height:20px;color:var(--color-tone-1)}shreddit-ad-post [slot=transcript] .transcript-body{background-color:var(--color-tone-6)}shreddit-ad-post .group{align-items:center;display:flex}shreddit-ad-post .post-descriptor-overflow{min-width:0;flex:1}shreddit-ad-post .separator::after{content:'•';display:inline-block;margin:0 .25em;position:relative}shreddit-ad-post .separator.flair-separator:after{margin-right:0;margin-left:.375rem}shreddit-ad-post .author-flair{flex-shrink:9999}shreddit-ad-post .post-img{height:100%;width:100%}shreddit-ad-post .post-img--deferred{background-color:var(--color-global-black)}shreddit-ad-post .post-descriptor-overflow a{align-items:center;color:inherit;display:flex;text-decoration:none}shreddit-ad-post .join-btn{background-color:inherit;border-width:0;font:inherit;line-height:inherit;padding:0 .25rem;margin-left:.25rem}shreddit-ad-post .author-flair{margin:0 .375rem -2px;display:inline-block;overflow:hidden;text-overflow:ellipsis}shreddit-ad-post .flair-with-emoji{display:flex;align-items:center}shreddit-ad-post .flair-with-emoji .md{padding:0;font-size:.75rem;line-height:.75rem;display:flex;align-items:center}shreddit-ad-post .flair-with-emoji .flair-image{width:.875rem;margin-right:.25rem}.shreddit-subreddit-icon__default-icon{border-radius:50%;height:100%;margin-bottom:1rem;overflow:hidden;width:100%;background:var(--color-tone-7);text-align:center}.shreddit-snoovatar__snoovatarHeadshot{width:100%;transform-origin:bottom center;display:block;transform:scale(1.3);clip-path:polygon(0 68.22%,12.12% 68.22%,12.85% 71.49%,13.86% 74.69%,15.14% 77.79%,16.69% 80.77%,18.49% 83.6%,20.54% 86.26%,22.8% 88.73%,25.28% 91%,27.94% 93.04%,30.77% 94.85%,33.75% 96.4%,36.85% 97.68%,40.05% 98.69%,43.32% 99.42%,46.65% 99.85%,50% 100%,53.35% 99.85%,56.68% 99.42%,59.95% 98.69%,63.15% 97.68%,66.25% 96.4%,69.23% 94.85%,72.06% 93.04%,74.72% 91%,77.2% 88.73%,79.46% 86.26%,81.51% 83.6%,83.31% 80.77%,84.86% 77.79%,86.14% 74.69%,87.15% 71.49%,87.88% 68.22%,100% 68.22%,100% 0,0 0)}.profile-feed-empty-content{margin-top:2.5rem;font-size:1rem;display:flex;flex-direction:column;align-items:center;width:100%;flex:1;justify-content:center;min-height:270px}.profile-feed-empty-content .profile-feed-empty-content-icon{font-size:2rem;margin-bottom:1rem}.nsfw-avatar{background-color:var(--color-tone-1);text-align:center}.moderation-list-item{display:flex;align-items:center}.edit-profile{--avatar-height:calc(1rem * 6);display:flex;flex-direction:column;padding:0 1rem}.edit-profile input[type=file]{display:none}.edit-profile__header__actions{display:flex;justify-content:space-between;height:calc(2rem + .5rem)}.edit-profile__banner{height:calc(1rem * 10);position:relative}.edit-profile__banner__img{display:block;height:100%}.edit-profile__banner__add{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:100%;text-align:center}.edit-profile__options{display:flex;flex-direction:column}.edit-profile__options__row{display:flex;justify-content:space-between;margin:1.125rem 0}.edit-profile__options__label_desc{display:flex;flex-direction:column}.edit-profile__avatar{position:relative;align-self:center;top:calc((var(--avatar-height)/ 2) * -1)}.edit-profile__avatar__img{height:var(--avatar-height);width:var(--avatar-height);border:.125rem solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.community-list{background:linear-gradient(var(--color-tone-4) 0 .125rem,transparent 0 4.75rem);background-size:4.75rem 4.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-template-rows:4.75rem;margin-bottom:1.5rem}@media (max-width:607px){.community-list>div:first-child{background:linear-gradient(var(--color-tone-5) 0 .125rem,transparent 0 4.75rem)}}@media (max-width:607px) and (prefers-color-scheme:dark){.community-list>div:first-child{background:linear-gradient(var(--color-ui-canvas) 0 .125rem,transparent 0 4.75rem)}}@media (min-width:608px){.community-list{background:linear-gradient(transparent 0 4.75rem,var(--color-tone-7) 0 9.5rem);background-size:4.75rem 9.5rem}}.page-number{display:flex;font-weight:700;justify-content:center;padding:.25rem 0;position:relative;width:4rem}#right-sidebar-container faceplate-partial[name=pdp-right-rail-content][loading=programmatic]:not([is-loading]),faceplate-hovercard a[aria-expanded=false]+div[hidden],faceplate-tooltip:not(:defined)>:not([slot=trigger]){display:none}.page-number:hover::after{content:'';border-bottom:.125rem solid;position:absolute;top:85%;width:30%}.post-background-image-filter{filter:blur(24px)}.theme-dark .embed-background-cta:active{background-color:#591B02}.thumbnail-shadow{box-shadow:inset 0 0 6px rgba(255,255,255,.2)}@media (prefers-color-scheme:dark){.thumbnail-shadow{box-shadow:inset 0 0 6px rgba(0,0,0,.2)}}faceplate-screen-reader-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flair-with-emoji .flair-image{vertical-align:text-bottom}main#main-content{scroll-margin-top:var(--shreddit-header-height)}#shreddit-skip-link{height:auto;width:auto;overflow:auto;transform:scale(1);z-index:9999;left:8px;top:-100vh;display:inline-block;position:fixed}#shreddit-skip-link:focus{top:8px}shreddit-gallery-carousel a:focus-visible .carousel-item-cover{outline:-webkit-focus-ring-color auto 1px;outline-offset:-1px}.flex-grid--main-container-card{width:100%}@media (min-width:768px){.flex-grid--main-container-card.right-sidebar-xs{max-width:calc(100% - (16px + 316px))}}@media (min-width:960px){.flex-grid--main-container-card.right-sidebar-s{max-width:calc(100% - (16px + 316px))}}@media (min-width:1120){.flex-grid--main-container-card.right-sidebar-s,.flex-grid--main-container-card.right-sidebar-xs{max-width:756px}}@media (min-width:1200px){.flex-grid--main-container-card.right-sidebar-m,.flex-grid--main-container-card.right-sidebar-s,.flex-grid--main-container-card.right-sidebar-xs{max-width:calc(100% - (16px + 316px))}}@media (min-width:1392px){.flex-grid--main-container-card.right-sidebar-m,.flex-grid--main-container-card.right-sidebar-s,.flex-grid--main-container-card.right-sidebar-xs{max-width:756px}}@media (min-width:1416px){.flex-grid--main-container-card.right-sidebar-l{max-width:756px}}@media (min-width:1920px){.flex-grid--main-container-card.right-sidebar-xl{max-width:756px}}
    </style>
   
    <script type="module" nonce="">
      !function(){function e(){function e(e,t,o=[]){return new Promise((function(n){var r=document.createElement("script");function l(){r.parentElement&&r.parentElement.removeChild(r),n()}r.src=e,r.onload=l,o.forEach((e=>{r.setAttribute(e.name,e.value)})),r.onerror=function(){console.error("[polyfills-loader] failed to load: "+e+" check the network tab for HTTP status."),l()},t&&(r.type=t),document.head.appendChild(r)}))}var t=[];function o(){}"noModule"in HTMLScriptElement.prototype||t.push(e("https://www.redditstatic.com/shreddit/polyfills/regenerator-runtime.8710f32f34292d0b9a2da4993cb85d94.js")),"fetch"in window||t.push(e("https://www.redditstatic.com/shreddit/polyfills/fetch.a1ad5fb96dc0cb61b9454244c9bd7fe6.js")),"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||t.push(e("https://www.redditstatic.com/shreddit/polyfills/intersection-observer.e09cbb4189f6808e65aaf9f27b007c02.js")),(!("attachShadow"in Element.prototype)||!("getRootNode"in Element.prototype)||window.ShadyDOM&&window.ShadyDOM.force)&&t.push(e("https://www.redditstatic.com/shreddit/polyfills/webcomponents.ed846db3e7c3b1354dcb129b8858e4d4.js")),!("noModule"in HTMLScriptElement.prototype)&&"getRootNode"in Element.prototype&&t.push(e("https://www.redditstatic.com/shreddit/polyfills/custom-elements-es5-adapter.3342b468203af1a14ca005e80d14148f.js")),"attachShadow"in Element.prototype||t.push(e("https://www.redditstatic.com/shreddit/polyfills/lit-polyfill-support.2e7548e448acb656e34764769ec320e0.js")),t.length&&Promise.all(t).then(o)}if("noModule"in HTMLScriptElement.prototype)e();else{var t=document.createElement("script");function o(){document.head.removeChild(t),e()}t.src="https://www.redditstatic.com/shreddit/polyfills/core-js.1c7aca84f142889ea448de106c19e2ec.js",t.onload=o,t.onerror=function(){console.error("[polyfills-loader] failed to load: "+t.src+" check the network tab for HTTP status."),o()},document.head.appendChild(t)}}(),"object"!=typeof globalThis&&(Object.defineProperty(Object.prototype,"__magic__",{get:function(){return this},configurable:!0}),__magic__.globalThis=__magic__,delete Object.prototype.__magic__);
;
    </script>
  

    <script nonce="">
      // Setting this provides Lit a CSP nonce to use when dyamically creating style elements in
      // browsers that don't support constructed stylesheets. See https://lit.dev/docs/api/LitElement/#LitElement.styles
      window.litNonce = 'jlLBH3zvp4Mv9hawhUbI5w==';

      var CLIENT_CONFIG = {"USE_DEBUG":false,"ACCOUNT_MANAGER_ORIGIN":"https://www.reddit.com","APPLE_SSO_CLIENT_ID":"com.reddit.RedditAppleSSO","MANIFEST_FILE":"client-manifest.json","ORIGIN":"https://www.reddit.com","MWEB_ORIGIN":"https://www.reddit.com","GOOGLE_SSO_CLIENT_ID":"705819728788-b2c1kcs7tst3b7ghv7at0hkqmtc68ckl.apps.googleusercontent.com","MEDIA_BASE_URL":"https://www.redditstatic.com/","PRECONNECT_ORIGINS":["https://www.redditstatic.com/"],"STATIC_BASE_URL":"https://www.redditstatic.com/shreddit/","IN_CLUSTER_STATIC_BASE_URL":"https://www.redditstatic.com/shreddit/","TRACKING_KEY":"ShredditFrontend-v1","TRACKING_ENDPOINT":"https://events.redditmedia.com/v2j","TRACKING_SECRET":"eW9vM3lhZW00VW9naDVleGFlZm9lcGhlZTZQaG9o","W3_REPORTING_WEB_VITAL_REPORTS_URL":"https://w3-reporting.reddit.com/reports","IS_GKE":false,"DEVVIT_GATEWAY_ORIGIN":"https://devvit-gateway.reddit.com"};
    </script>
   
        
    <script type="module" nonce="">
      class e extends HTMLElement{constructor(){super(...arguments),this.marked=!1}connectedCallback(){if(this.marked)return;const e=this.getAttribute("name");if(!e)throw new Error("No name attribute specified on faceplate-perfmark element.");window.performance.mark(e),this.marked=!0}}customElements.define("faceplate-perfmark",e);
;
    </script>
   
    <script type="module" nonce="">
      function e(e,t,n=!0){return new CustomEvent(e,{composed:!0,bubbles:n,cancelable:!0,detail:t})}let t=!0;const n=[];function o(e){t&&n.push(e)}window.addEventListener("faceplate-alert",o),window.setTimeout((()=>{if(t=!1,window.removeEventListener("faceplate-alert",o),n.length)for(const t of n)t.target&&window.navigator.onLine&&t.target.dispatchEvent(e("faceplate-alert",t.detail))}),5e3),window.addEventListener("no-resolve",(function(e){console.error("Request resolution halted due to issue with GVS event",e.detail)}));
;
    </script>
  
        <script nonce="">
          var SENTRY_CONFIG = {"dsn":"https://[email protected]/o418887/5810803","enabled":true,"environment":"production"};
        </script>
       
    <script type="module" importance="high" fetchpriority="high" nonce="" src="https://www.redditstatic.com/shreddit/en-US/shell-72de8e66.js"></script>
  
        <script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/pdp-right-rail-content-client-js-fe902b69.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/header-action-item-user-drawer-client-js-efd483dd.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/user-drawer-client-js-b49e4c8a.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/hui-translation-button-client-js-ac3c4220.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/header-large-client-js-15fe8040.js"></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-large-client-css-64f76952.css">
      <script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-00a30475.js"></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-client-css-28ebcb96.css">
      <script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-6167d7e3.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-219d1650.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-56e03b51.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/comment-forest-client-js-06f7f98a.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/pdp-ad-client-js-e28a661c.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/pdp-post-client-js-1398a126.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/mod-content-state-indicators-client-js-023930b2.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/mod-inline-actions-client-js-e119e874.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/mod-removal-reason-form-client-js-6009fe6e.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/subreddit-header-client-js-60fa1252.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/dsa-transparency-modal-provider-client-js-37f493a2.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/media-lightbox-client-js-0bbd54a0.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/team-flair-selection-client-js-29e0d3b8.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/auth-overlay-client-js-dd163ba7.js"></script><script type="module" nonce="" src="https://www.redditstatic.com/shreddit/en-US/pdp-client-js-51f01224.js"></script>
        
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/64x64.png" rel="icon shortcut" sizes="64x64">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/128x128.png" rel="icon shortcut" sizes="128x128">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/192x192.png" rel="icon shortcut" sizes="192x192">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/76x76.png" rel="apple-touch-icon" sizes="76x76">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/120x120.png" rel="apple-touch-icon" sizes="120x120">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/152x152.png" rel="apple-touch-icon" sizes="152x152">
  <link href="https://www.redditstatic.com/shreddit/assets/favicon/180x180.png" rel="apple-touch-icon" sizes="180x180">

        
        <link rel="manifest" href="https://www.redditstatic.com/shreddit/assets/favicon/manifest.json">
      
        
    <link rel="preload" href="/svc/shreddit/comments/r/sixwordstories/t3_1g0fkqu/t1_lr8nupq?render-mode=partial&amp;is_lit_ssr=false" as="fetch" crossorigin="anonymous">
    
    <link rel="preload" href="/svc/shreddit/pdp-right-rail/related/sixwordstories/t3_1g0fkqu?render-mode=partial" as="fetch" crossorigin="anonymous">
  
  
        
    <script nonce="" data-src="https://www.google.com/recaptcha/enterprise.js?render=6LfirrMoAAAAAHZOipvza4kpp_VtTwLNuXVwURNQ"></script>
    <script nonce="" data-src="https://www.google.com/recaptcha/enterprise.js?render=6LfRNvoUAAAAAKgEWIXbpPkMWcboc1n1gAeXq7lP"></script>
    <style>.rpl-scroll-lock{overflow:hidden!important}</style><style>#shreddit-media-lightbox .media-lightbox-img{max-height:none}#shreddit-media-lightbox .zoomable-img-wrapper{display:block}#shreddit-media-lightbox::part(panel){max-width:100svw;max-height:100svh;width:100svw;height:100svh;border-radius:0}</style></head><body><shreddit-async-loader bundlename="reputation_recaptcha">
      <reputation-recaptcha site-key="6LfirrMoAAAAAHZOipvza4kpp_VtTwLNuXVwURNQ" safety-site-key="6LfRNvoUAAAAAKgEWIXbpPkMWcboc1n1gAeXq7lP"></reputation-recaptcha>
    </shreddit-async-loader>
  
      
      
        <a rpl="" class="
button-medium px-[var(--rem14)]
button-primary



items-center justify-center
button inline-flex " href="#main-content" id="shreddit-skip-link"><span class="flex items-center justify-center">
      
      <span class="flex items-center gap-xs">Skip to main content</span>
    </span>
    </a>
        <shreddit-app class="overflow-visible pt-[var(--page-y-padding)] " loid="000000001akc5vtb1n.2.1728577481146.Z0FBQUFBQm5CX19KTUsyRGU1Y2NZeFRRMEtBQl85SUVucDVTRF9aOTBNT05WckpRWENGZmFTMXctZ1A4MVhDdVdnVTk1X0VBLWk3a0FrVDI5QUVvbXRlcU5LTXVBanJWSU9vSFZmTGJGRXVucThhc2lIX2VkQUZma2g1eGh2QWw5OWtBZjVldGJteW8" correlation-id="b3de5251-1077-4a91-8b27-e9d73bfbc122" serverrenderid="288ced0b-6c4d-4f1e-bd6d-5414e1afee5c" update-recaptcha="true" routename="comments_page" pagetype="single_comment_thread" devicetype="desktop" ctn="CSRF" devvit-allow-navigation="true" referrer="" referrer-type="other" country="ES" browser="chrome" disable-send-beacon="true" use-local-storage-events-caching="true" app-name="web3x" microapp-name="pdp" microapp-pool="first-time-user" microapp-deployment="production" clienthash="7CMaXB3wmWeHltEU" comments-partial-ssr="false" user-language="en-US" data-faceplate-tracking-context="{&quot;correlation_id&quot;:&quot;b3de5251-1077-4a91-8b27-e9d73bfbc122&quot;}" feed-correlation-id="">
        <faceplate-server-session timestamp="1728577481165"></faceplate-server-session>
        <slot name="use-app" slot="use-app"></slot>
        <shreddit-good-visit-tracker referrertype="other" pagetype="single_comment_thread"></shreddit-good-visit-tracker>
        <shreddit-async-loader bundlename="screen_reader_alerts">
          <screen-reader-alert-outlet><faceplate-screen-reader-content aria-live="assertive" aria-atomic="true"><span>I said no, now fuck off.  : r/sixwordstories</span></faceplate-screen-reader-content></screen-reader-alert-outlet>
        </shreddit-async-loader>
        
        
        
  <shreddit-async-loader bundlename="reddit_cookie_banner">
    <reddit-cookie-banner class="nd:visible nd:pb-2xl z-[2] block relative bg-ui-modalbackground
    rounded-sm my-md mx-0 opacity-100 p-md pt-0 transition-opacity duration-300
    shadow-md border border-solid border-tone-4 pointer-events-auto">
      <div slot="cookie-banner-text">
        <p>
          Reddit and its partners use cookies and similar technologies to provide you with a better experience.
        </p>
        <p>
          By accepting all cookies, you agree to our use of cookies to deliver and maintain our services and site, improve the quality of Reddit, personalize Reddit content and advertising, and measure the effectiveness of advertising.
        </p>
        <p>
          By rejecting non-essential cookies, Reddit may still use certain cookies to ensure the proper functionality of our platform.
        </p>
        <p>
          For more information, please see our
              <a class="text-action-secondary no-underline" target="_blank" href="https://reddit.com/en-us/policies/cookies">Cookie Notice</a>
              and our
              <a class="text-action-secondary no-underline" target="_blank" href="https://reddit.com/en-us/policies/privacy-policy">Privacy Policy</a>.
        </p>
      </div>
    </reddit-cookie-banner>
  </shreddit-async-loader><!-- routable page start --><shreddit-page-meta>
  <template>
      <shreddit-app-attrs serverrenderid="288ced0b-6c4d-4f1e-bd6d-5414e1afee5c" routename="comments_page" pagetype="single_comment_thread" referrer-type="other" app-name="web3x" microapp-name="pdp" microapp-pool="first-time-user" microapp-deployment="production" correlation-id="b3de5251-1077-4a91-8b27-e9d73bfbc122">
      </shreddit-app-attrs>
      <shreddit-good-visit-tracker-attrs pagetype="single_comment_thread" referrertype="other">
      </shreddit-good-visit-tracker-attrs>
    </template>
  </shreddit-page-meta><reddit-header-large class="nd:visible top-0 left-0 right-0 fixed z-[4] theme-beta" is-hamburger-menu-included="" show-accountmanager-modal="true">
  <shreddit-async-loader bundlename="reddit_header_action_items"></shreddit-async-loader>
  <shreddit-async-loader bundlename="faceplate_tooltip"></shreddit-async-loader>
  <reddit-header-action-items class="contents nd:visible">
  <header class="v2 bg-neutral-background pointer-events-auto border-solid border-0 border-b border-neutral-border px-md">
    <nav class="h-header-large
      flex items-center">
      <div class="pr-lg flex gap-xs items-center justify-start"><faceplate-tooltip id="hamburger-button-tooltip" style="--faceplate-tooltip-z-index: 1001;" class="nd:visible contents" position="right" appearance="inverted">
    <faceplate-tracker source="nav" action="open" noun="hamburger_menu" class="nd:visible" slot="trigger">
      <activate-feature name="HamburgerMenu_nwYSWB" activation="intent"><button rpl="" class="m:hidden
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex " id="navbar-menu-button" type="button">
      <span class="flex items-center justify-center">
      <span class="flex"><svg rpl="" fill="currentColor" height="20" icon-name="menu-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 10.625H1v-1.25h18v1.25Zm0-7.875H1V4h18V2.75ZM19 16H1v1.25h18V16Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content>Open menu</faceplate-screen-reader-content>
    </button><!----></activate-feature>
    <!----></faceplate-tracker><span>Open navigation</span>
  </faceplate-tooltip><faceplate-tracker class="nd:visible flex items-center" source="nav" action="click" noun="reddit_logo">
    <faceplate-tooltip style="--faceplate-tooltip-z-index: 1001;" class="nd:visible contents" position="right" appearance="inverted">
    <a id="reddit-logo" class="no-underline flex items-center" href="/" aria-label="Home" slot="trigger">
    <span class="pr-0 s:pr-xs flex items-center"><svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 216" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
<style>
  .snoo-cls-1 {
    fill: url(#snoo-radial-gragient);
  }

  .snoo-cls-1, .snoo-cls-2, .snoo-cls-3, .snoo-cls-4, .snoo-cls-5, .snoo-cls-6, .snoo-cls-7, .snoo-cls-8, .snoo-cls-9, .snoo-cls-10, .snoo-cls-11 {
    stroke-width: 0px;
  }

  .snoo-cls-2 {
    fill: url(#snoo-radial-gragient-2);
  }

  .snoo-cls-3 {
    fill: url(#snoo-radial-gragient-3);
  }

  .snoo-cls-4 {
    fill: url(#snoo-radial-gragient-4);
  }

  .snoo-cls-5 {
    fill: url(#snoo-radial-gragient-6);
  }

  .snoo-cls-6 {
    fill: url(#snoo-radial-gragient-8);
  }

  .snoo-cls-7 {
    fill: url(#snoo-radial-gragient-5);
  }

  .snoo-cls-8 {
    fill: url(#snoo-radial-gragient-7);
  }

  .snoo-cls-9 {
    fill: #842123;
  }

  .snoo-cls-10 {
    fill: #ff4500;
  }

  .snoo-cls-11 {
    fill: #ffc49c;
  }
</style>
<radialGradient id="snoo-radial-gragient" cx="169.75" cy="92.19" fx="169.75" fy="92.19" r="50.98" gradientTransform="translate(0 11.64) scale(1 .87)" gradientUnits="userSpaceOnUse">
  <stop offset="0" stop-color="#feffff"></stop>
  <stop offset=".4" stop-color="#feffff"></stop>
  <stop offset=".51" stop-color="#f9fcfc"></stop>
  <stop offset=".62" stop-color="#edf3f5"></stop>
  <stop offset=".7" stop-color="#dee9ec"></stop>
  <stop offset=".72" stop-color="#d8e4e8"></stop>
  <stop offset=".76" stop-color="#ccd8df"></stop>
  <stop offset=".8" stop-color="#c8d5dd"></stop>
  <stop offset=".83" stop-color="#ccd6de"></stop>
  <stop offset=".85" stop-color="#d8dbe2"></stop>
  <stop offset=".88" stop-color="#ede3e9"></stop>
  <stop offset=".9" stop-color="#ffebef"></stop>
</radialGradient>
<radialGradient id="snoo-radial-gragient-2" cx="47.31" fx="47.31" r="50.98" xlink:href="#snoo-radial-gragient"></radialGradient>
<radialGradient id="snoo-radial-gragient-3" cx="109.61" cy="85.59" fx="109.61" fy="85.59" r="153.78" gradientTransform="translate(0 25.56) scale(1 .7)" xlink:href="#snoo-radial-gragient"></radialGradient>
<radialGradient id="snoo-radial-gragient-4" cx="-6.01" cy="64.68" fx="-6.01" fy="64.68" r="12.85" gradientTransform="translate(81.08 27.26) scale(1.07 1.55)" gradientUnits="userSpaceOnUse">
  <stop offset="0" stop-color="#f60"></stop>
  <stop offset=".5" stop-color="#ff4500"></stop>
  <stop offset=".7" stop-color="#fc4301"></stop>
  <stop offset=".82" stop-color="#f43f07"></stop>
  <stop offset=".92" stop-color="#e53812"></stop>
  <stop offset="1" stop-color="#d4301f"></stop>
</radialGradient>
<radialGradient id="snoo-radial-gragient-5" cx="-73.55" cy="64.68" fx="-73.55" fy="64.68" r="12.85" gradientTransform="translate(62.87 27.26) rotate(-180) scale(1.07 -1.55)" xlink:href="#snoo-radial-gragient-4"></radialGradient>
<radialGradient id="snoo-radial-gragient-6" cx="107.93" cy="166.96" fx="107.93" fy="166.96" r="45.3" gradientTransform="translate(0 57.4) scale(1 .66)" gradientUnits="userSpaceOnUse">
  <stop offset="0" stop-color="#172e35"></stop>
  <stop offset=".29" stop-color="#0e1c21"></stop>
  <stop offset=".73" stop-color="#030708"></stop>
  <stop offset="1" stop-color="#000"></stop>
</radialGradient>
<radialGradient id="snoo-radial-gragient-7" cx="147.88" cy="32.94" fx="147.88" fy="32.94" r="39.77" gradientTransform="translate(0 .54) scale(1 .98)" xlink:href="#snoo-radial-gragient"></radialGradient>
<radialGradient id="snoo-radial-gragient-8" cx="131.31" cy="73.08" fx="131.31" fy="73.08" r="32.6" gradientUnits="userSpaceOnUse">
  <stop offset=".48" stop-color="#7a9299"></stop>
  <stop offset=".67" stop-color="#172e35"></stop>
  <stop offset=".75" stop-color="#000"></stop>
  <stop offset=".82" stop-color="#172e35"></stop>
</radialGradient>
</defs>
<path class="snoo-cls-10" d="m108,0h0C48.35,0,0,48.35,0,108h0c0,29.82,12.09,56.82,31.63,76.37l-20.57,20.57c-4.08,4.08-1.19,11.06,4.58,11.06h92.36s0,0,0,0c59.65,0,108-48.35,108-108h0C216,48.35,167.65,0,108,0Z"></path>
<circle class="snoo-cls-1" cx="169.22" cy="106.98" r="25.22"></circle>
<circle class="snoo-cls-2" cx="46.78" cy="106.98" r="25.22"></circle>
<ellipse class="snoo-cls-3" cx="108.06" cy="128.64" rx="72" ry="54"></ellipse>
<path class="snoo-cls-4" d="m86.78,123.48c-.42,9.08-6.49,12.38-13.56,12.38s-12.46-4.93-12.04-14.01c.42-9.08,6.49-15.02,13.56-15.02s12.46,7.58,12.04,16.66Z"></path>
<path class="snoo-cls-7" d="m129.35,123.48c.42,9.08,6.49,12.38,13.56,12.38s12.46-4.93,12.04-14.01c-.42-9.08-6.49-15.02-13.56-15.02s-12.46,7.58-12.04,16.66Z"></path>
<ellipse class="snoo-cls-11" cx="79.63" cy="116.37" rx="2.8" ry="3.05"></ellipse>
<ellipse class="snoo-cls-11" cx="146.21" cy="116.37" rx="2.8" ry="3.05"></ellipse>
<path class="snoo-cls-5" d="m108.06,142.92c-8.76,0-17.16.43-24.92,1.22-1.33.13-2.17,1.51-1.65,2.74,4.35,10.39,14.61,17.69,26.57,17.69s22.23-7.3,26.57-17.69c.52-1.23-.33-2.61-1.65-2.74-7.77-.79-16.16-1.22-24.92-1.22Z"></path>
<circle class="snoo-cls-8" cx="147.49" cy="49.43" r="17.87"></circle>
<path class="snoo-cls-6" d="m107.8,76.92c-2.14,0-3.87-.89-3.87-2.27,0-16.01,13.03-29.04,29.04-29.04,2.14,0,3.87,1.73,3.87,3.87s-1.73,3.87-3.87,3.87c-11.74,0-21.29,9.55-21.29,21.29,0,1.38-1.73,2.27-3.87,2.27Z"></path>
<path class="snoo-cls-9" d="m62.82,122.65c.39-8.56,6.08-14.16,12.69-14.16,6.26,0,11.1,6.39,11.28,14.33.17-8.88-5.13-15.99-12.05-15.99s-13.14,6.05-13.56,15.2c-.42,9.15,4.97,13.83,12.04,13.83.17,0,.35,0,.52,0-6.44-.16-11.3-4.79-10.91-13.2Z"></path>
<path class="snoo-cls-9" d="m153.3,122.65c-.39-8.56-6.08-14.16-12.69-14.16-6.26,0-11.1,6.39-11.28,14.33-.17-8.88,5.13-15.99,12.05-15.99,7.07,0,13.14,6.05,13.56,15.2.42,9.15-4.97,13.83-12.04,13.83-.17,0-.35,0-.52,0,6.44-.16,11.3-4.79,10.91-13.2Z"></path>
  </svg></span><span class="hidden s:flex items-center"><svg class="h-[22px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 514 149" style="color: var(--shreddit-color-wordmark)">
    <g style="fill: currentColor">
      <path d="m71.62,45.92l-12.01,28.56c-1.51-.76-5.11-1.61-8.51-1.61s-6.81.85-10.12,2.46c-6.53,3.31-11.35,9.93-11.35,19.48v52.3H-.26V45.35h29.04v14.28h.57c6.81-9.08,17.21-15.79,30.74-15.79,4.92,0,9.65.95,11.54,2.08Z"></path>
      <path d="m65.84,96.52c0-29.41,20.15-52.68,50.32-52.68,27.33,0,46.91,19.96,46.91,48.05,0,4.92-.47,9.55-1.51,14h-68.48c3.12,10.69,12.39,19.01,26.29,19.01,7.66,0,18.54-2.74,24.4-7.28l9.27,22.32c-8.61,5.86-21.75,8.7-33.29,8.7-32.25,0-53.91-20.81-53.91-52.11Zm26.67-9.36h43.03c0-13.05-8.89-19.96-19.77-19.96-12.3,0-20.62,7.94-23.27,19.96Z"></path>
      <path d="m419.53-.37c10.03,0,18.25,8.23,18.25,18.25s-8.23,18.25-18.25,18.25-18.25-8.23-18.25-18.25S409.51-.37,419.53-.37Zm14.94,147.49h-29.89V45.35h29.89v101.77Z"></path>
      <path d="m246,1.47l-.09,53.53h-.57c-8.23-7.85-17.12-11.07-28.75-11.07-28.66,0-47.67,23.08-47.67,52.3s17.78,52.4,46.72,52.4c12.11,0,23.55-4.16,30.93-13.62h.85v12.11h28.47V1.47h-29.89Zm1.42,121.39h-.99l-6.67-6.93c-4.34,4.33-10.28,6.93-17.22,6.93-14.64,0-24.88-11.58-24.88-26.6s10.24-26.6,24.88-26.6,24.88,11.58,24.88,26.6v26.6Z"></path>
      <path d="m360.15,1.47l-.09,53.53h-.57c-8.23-7.85-17.12-11.07-28.75-11.07-28.66,0-47.67,23.08-47.67,52.3s17.78,52.4,46.72,52.4c12.11,0,23.55-4.16,30.93-13.62h.85v12.11h28.47V1.47h-29.89Zm1.28,121.39h-.99l-6.67-6.93c-4.34,4.33-10.28,6.93-17.22,6.93-14.64,0-24.88-11.58-24.88-26.6s10.24-26.6,24.88-26.6,24.88,11.58,24.88,26.6v26.6Z"></path>
      <path d="m492.44,45.35h21.85v25.44h-21.85v76.33h-29.89v-76.33h-21.75v-25.44h21.75v-27.66h29.89v27.66Z"></path>
    </g>
  </svg> </span>
  </a><span>Go to Reddit Home</span>
  </faceplate-tooltip>
  <!----></faceplate-tracker></div>
    <div class="h-[40px] flex-1 py-xs flex justify-stretch">
        <div class="flex justify-stretch w-full l:absolute l:top-xs l:h-[40px] l:pointer-events-none l:left-0 l:right-0 l:flex">
          <div class="flex justify-stretch w-full m:block m:pointer-events-auto m:w-[560px] m:mx-auto"><search-dynamic-id-cache-controller class="contents" search-telemetry-source="qf">
    <reddit-search-large class="nd:visible w-[inherit] translate-x-0 max-w-[750px] w-full" initial-query="" scope="{&quot;type&quot;:&quot;community&quot;,&quot;path&quot;:&quot;/r/sixwordstories/&quot;}">
      <form autocomplete="off" action="/r/sixwordstories/search/?q=&amp;type=link" class="reddit-search-bar flex relative items-center text-neutral-content-strong w-100 m-0 bg-secondary-background rounded-[1.25rem]">
        <faceplate-search-input class="search-input border-none bg-transparent m-0 flex items-center w-full outline-none text-14 p-0 placeholder:text-neutral-content-weak" name="q" type="search" placeholder="Search in r/sixwordstories" maxlength="25" value="" aria-disabled="false" helper-text-aria-live="polite" faceplate-validity="valid">
          
    <span class="inline-flex relative max-w-full" slot="chips">
      <button rpl="" rpl-selected="" class="
button-small px-[var(--rem10)]

button-activated


items-center justify-center
button inline-flex " id="search-input-chip" slot="chips">
      <span class="flex items-center justify-center overflow-hidden">
      
      <span class="flex items-center gap-xs overflow-hidden"><span class="inline-block mr-[calc(var(--size-button-sm-h)-var(--rem10)-var(--button-border-width-default))] overflow-hidden text-ellipsis"><span class="flex items-center justify-center gap-xs">
                  <svg rpl="" aria-hidden="true" class="flex items-center justify-center h-100 mt-[1px] ml-[2px] mr-[2px]" fill="currentColor" height="16" icon-name="community-fill" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0ZM8.016 8.633a1.616 1.616 0 0 0-.2.806V13.5H5.931V6.172h1.8v.9h.039a3.009 3.009 0 0 1 1.018-.732 3.45 3.45 0 0 1 1.449-.284c.246-.003.491.02.732.068.158.024.309.08.444.164l-.759 1.832a2.09 2.09 0 0 0-1.093-.26c-.33-.01-.658.062-.954.208a1.422 1.422 0 0 0-.591.565Zm2.9 6.918H9.355L14.7 2.633c.426.272.828.58 1.2.922l-4.984 11.996Z"></path>
    </svg>r/sixwordstories
                </span></span></span>
    </span>
    <faceplate-screen-reader-content>A chip</faceplate-screen-reader-content>
    </button>
       <span style="transform: translateY(-50%);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
">
            <button rpl="" class="
button-small px-[var(--rem6)]
button-plain


icon
items-center justify-center
button inline-flex ">
      <span class="flex items-center justify-center">
      <span class="flex"><svg rpl="" fill="currentColor" height="16" icon-name="clear-fill" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm3.832 12.418-1.414 1.414L10 11.414l-2.418 2.418-1.414-1.414L8.586 10 6.168 7.582l1.414-1.414L10 8.586l2.418-2.418 1.414 1.414L11.414 10l2.418 2.418Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content>A close button</faceplate-screen-reader-content>
    </button>
          </span>
    </span>
  
        </faceplate-search-input>
      </form>
    </reddit-search-large>
  </search-dynamic-id-cache-controller><faceplate-perfmark name="first-contentful-paint"></faceplate-perfmark></div></div></div><div class="pl-lg gap-xs flex items-center justify-end"><span data-part="campaign" class="contents"></span><span data-part="secondary" class="contents"><span class="hidden m:block"><faceplate-tooltip style="--faceplate-tooltip-z-index: 1001;" class="nd:visible contents" position="bottom" appearance="inverted">
    
    <faceplate-tracker class="nd:visible" source="xpromo" action="click" noun="top_button" slot="trigger">
      <button rpl="" class="
button-medium pl-[var(--rem10)] pr-[var(--rem14)]
button-secondary



items-center justify-center
button inline-flex " id="get-app">
      <span class="flex items-center justify-center">
      <span class="flex mr-xs"><svg rpl="" fill="currentColor" height="20" icon-name="qr-code-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M14.8 16h-3.7v-1.2h3.7v-3.7H16v3.7c0 .7-.5 1.2-1.2 1.2ZM9 7.8V5.2C9 4.5 8.5 4 7.8 4H5.2C4.5 4 4 4.5 4 5.2v2.5C4 8.5 4.5 9 5.2 9h2.5C8.5 9 9 8.5 9 7.8Zm-1.2 0H5.3V5.3h2.5v2.5Zm8.2 0V5.2c0-.7-.5-1.2-1.2-1.2h-2.5c-.8 0-1.3.5-1.3 1.2v2.5c0 .8.5 1.3 1.2 1.3h2.5c.8 0 1.3-.5 1.3-1.2Zm-1.2 0h-2.5V5.3h2.5v2.5Zm-5.8 7v-2.5c0-.8-.5-1.3-1.2-1.3H5.2c-.7 0-1.2.5-1.2 1.2v2.5c0 .8.5 1.3 1.2 1.3h2.5c.8 0 1.3-.5 1.3-1.2Zm-1.2 0H5.3v-2.5h2.5v2.5Zm-.8 3H2.6c-.2 0-.4-.2-.4-.4V13H1v4.4c0 .9.7 1.6 1.6 1.6H7v-1.2Zm12-.4V13h-1.2v4.4c0 .2-.2.4-.4.4H13V19h4.4c.9 0 1.6-.7 1.6-1.6Zm0-14.8c0-.9-.7-1.6-1.6-1.6H13v1.2h4.4c.2 0 .4.2.4.4V7H19V2.6Zm-16.8 0c0-.2.2-.4.4-.4H7V1H2.6C1.7 1 1 1.7 1 2.6V7h1.2V2.6Z"></path>
    </svg></span>
      <span class="flex items-center gap-xs">Get app</span>
    </span>
    
    </button>
    <!----></faceplate-tracker>
  <span>Get the Reddit app</span>
  </faceplate-tooltip></span></span><span data-part="primary" class="contents"><faceplate-tracker class="nd:visible flex items-center" source="nav" action="click" noun="login">
  <faceplate-tooltip style="--faceplate-tooltip-z-index: 1001;" class="nd:visible contents" position="bottom" appearance="inverted">
    <a rpl="" class="px-sm hover:no-underline
button-medium px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex " href="https://www.reddit.com/login/" id="login-button" slot="trigger"><span class="flex items-center justify-center">
      
      <span class="flex items-center gap-xs">Log In</span>
    </span>
    </a><span>Log in to Reddit</span>
  </faceplate-tooltip>
<!----></faceplate-tracker></span><div class="flex items-center justify-center w-[40px] h-[40px]">
  <shreddit-async-loader class="nd:visible" bundlename="faceplate_dropdown_menu"><faceplate-dropdown-menu class="nd:visible connected"><faceplate-tooltip style="--faceplate-tooltip-z-index: 1001;" position="bottom-end" appearance="inverted">
    <button rpl="" class=" min-w-[40px]
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex " id="expand-user-drawer-button" slot="trigger" type="button" aria-haspopup="true" aria-expanded="false">
      <span class="flex items-center justify-center">
      <span class="flex"><svg rpl="" fill="currentColor" height="20" icon-name="overflow-horizontal-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M5.5 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM10 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content>Expand user menu</faceplate-screen-reader-content>
    </button><span>Open settings menu</span>
  </faceplate-tooltip><div slot="menu" id="user-drawer-content" class="min-w-[256px] bg-neutral-background-strong" hidden="">
    <ul class="w-100 p-0 m-0 list-none my-xs">
      <faceplate-tracker role="none" source="user_drawer" action="click" noun="login" class="contents"><li rpl="" class="relative list-none mt-0 " id="login-list-item" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1  no-underline" href="https://www.reddit.com/login/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="logout-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M11.991 10.625H1v-1.25h10.991l-1.933-1.933.884-.884 3 3a.624.624 0 0 1 0 .884l-3 3-.884-.884 1.933-1.933ZM15.375 1h-9.75A2.629 2.629 0 0 0 3 3.625v.792h1.25v-.792A1.377 1.377 0 0 1 5.625 2.25h9.75a1.377 1.377 0 0 1 1.375 1.375v12.75a1.377 1.377 0 0 1-1.375 1.375h-9.75a1.377 1.377 0 0 1-1.375-1.375v-.792H3v.792A2.63 2.63 0 0 0 5.625 19h9.75A2.63 2.63 0 0 0 18 16.375V3.625A2.63 2.63 0 0 0 15.375 1Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Log In / Sign Up</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li><!----></faceplate-tracker><faceplate-tracker role="none" source="user_drawer" action="click" noun="advertise" class="contents"><li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1  no-underline" href="https://accounts.reddit.com/adsregister?utm_source=web3x_consumer&amp;utm_name=user_menu_cta" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="conversion" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M6.75799 11.0341L7.34299 12.4641C6.50628 12.3459 5.71928 11.9962 5.07089 11.4543C4.4225 10.9124 3.93855 10.2001 3.67371 9.39764C3.40887 8.59521 3.3737 7.73471 3.57217 6.91334C3.77063 6.09198 4.19483 5.34248 4.79684 4.74951C5.39885 4.15653 6.15468 3.74372 6.97895 3.5577C7.80323 3.37168 8.66309 3.41986 9.46142 3.69681C10.2598 3.97375 10.9647 4.46842 11.4967 5.12494C12.0287 5.78145 12.3665 6.57366 12.472 7.41205L11.054 6.81805C10.8579 6.31223 10.5393 5.863 10.1267 5.51068C9.7142 5.15836 9.22065 4.91397 8.69037 4.79945C8.16009 4.68492 7.60967 4.70383 7.0885 4.8545C6.56733 5.00516 6.09172 5.28285 5.70435 5.66266C5.31697 6.04247 5.02995 6.51251 4.86904 7.0306C4.70813 7.5487 4.67836 8.09864 4.7824 8.63107C4.88645 9.16351 5.12105 9.66179 5.46516 10.0812C5.80928 10.5006 6.25213 10.828 6.75399 11.0341H6.75799ZM3.22699 12.7721C2.60032 12.1453 2.10325 11.4012 1.76415 10.5823C1.42505 9.76335 1.25056 8.88568 1.25066 7.99934C1.25084 6.20931 1.96211 4.49266 3.22799 3.22705C4.49387 1.96144 6.21066 1.25053 8.0007 1.25072C9.79073 1.2509 11.5074 1.96217 12.773 3.22805C13.4019 3.85308 13.9005 4.59672 14.2398 5.41587C14.5792 6.23502 14.7526 7.11339 14.75 8.00005C14.75 8.12105 14.739 8.24005 14.732 8.36005L15.95 8.87005C15.9823 8.58116 15.9989 8.29074 16 8.00005C16 6.41776 15.5309 4.87098 14.6518 3.55534C13.7728 2.23969 12.5233 1.21426 11.0615 0.60874C9.59965 0.00321448 7.99107 -0.155213 6.43919 0.153493C4.8873 0.462199 3.46181 1.22417 2.34299 2.34305C1.22411 3.46187 0.462138 4.88736 0.153432 6.43925C-0.155274 7.99113 0.00315344 9.59971 0.608679 11.0616C1.2142 12.5234 2.23963 13.7729 3.55528 14.6519C4.87092 15.5309 6.4177 16.0001 7.99999 16.0001C8.25799 16.0001 8.51566 15.9877 8.77299 15.9631L8.27299 14.7381C7.34155 14.7782 6.41195 14.6241 5.54325 14.2857C4.67455 13.9472 3.88576 13.4318 3.22699 12.7721ZM12.851 19.9131L14.051 17.0391L16.072 19.0501C16.2032 19.181 16.3811 19.2546 16.5665 19.2546C16.7519 19.2546 16.9298 19.181 17.061 19.0501L18.947 17.1801C19.0789 17.0497 19.1537 16.8724 19.155 16.687C19.1564 16.5016 19.0841 16.3232 18.954 16.1911L16.96 14.1531L19.46 13.1291C19.5877 13.0759 19.6969 12.986 19.7736 12.8709C19.8503 12.7557 19.8911 12.6204 19.891 12.4821L19.852 12.0001L8.71099 7.26205C8.51114 7.17944 8.29138 7.15756 8.07916 7.19915C7.86695 7.24075 7.6717 7.34398 7.51783 7.49593C7.36396 7.64788 7.25829 7.84181 7.21404 8.05348C7.16978 8.26516 7.18889 8.48518 7.26899 8.68605L11.717 19.5251C11.7696 19.6532 11.8591 19.7628 11.9741 19.8401C12.0891 19.9174 12.2245 19.9588 12.363 19.9591L12.851 19.9131ZM17.764 12.4771L14.772 13.7001L17.684 16.6771L16.572 17.7771L13.621 14.8391L12.371 17.8201L8.61299 8.64205L17.764 12.4771Z" fill="currentColor"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Advertise on Reddit</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li><!----></faceplate-tracker><faceplate-tracker role="none" source="user_drawer" action="click" noun="avatar_shop" class="contents"><li rpl="" class="relative list-none mt-0 " id="avatar-shop-list-item" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-xs  -outline-offset-1  no-underline" href="/avatar/shop" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-marketplace-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 7.627v9.777A2.617 2.617 0 0 1 16.307 20H3.745a2.675 2.675 0 0 1-2.719-2.62L1 7.627a.627.627 0 0 1 .625-.626h2.187v1.25H2.251l.025 9.124a1.423 1.423 0 0 0 1.469 1.373h12.562a1.385 1.385 0 0 0 1.443-1.345V8.251h-1.563v-1.25h2.188a.625.625 0 0 1 .625.626ZM8.013 7.002v1.25h3.974v-1.25H8.013ZM15 4.627a4.828 4.828 0 0 0-5-4.624 4.83 4.83 0 0 0-5 4.624v5.3h1.25v-5.3A3.58 3.58 0 0 1 10 1.253a3.581 3.581 0 0 1 3.75 3.374v5.3H15v-5.3Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Shop Collectible Avatars</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li><!----></faceplate-tracker>
    </ul></div></faceplate-dropdown-menu></shreddit-async-loader></div></div></nav></header><!----></reddit-header-action-items>
    <faceplate-dialog id="get-app-dialog">
      <section class="flex justify-between items-center p-16 text-[32px] xs:min-w-[500px]">
        <h3 class="m-0 font-bold mr-xs">
          Get the Reddit app
        </h3>
        <div slot="action">
          <button aria-label="Close dialog" id="close-dialog" type="button" class="button-medium px-[var(--rem8)] button flex items-center justify-center">
            <span class="flex items-center justify-center">
              <span class="flex text-20">
                <svg rpl="" aria-hidden="true" class="mt-[2px]" fill="currentColor" height="20" icon-name="close-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="m18.442 2.442-.884-.884L10 9.116 2.442 1.558l-.884.884L9.116 10l-7.558 7.558.884.884L10 10.884l7.558 7.558.884-.884L10.884 10l7.558-7.558Z"></path>
    </svg>
              </span>
            </span>
          </button>
        </div>
      </section>
      <section class="px-8 text-center text-[1rem]">
        <div class="text-center font-bold p-[1rem] py-8 my-0 mx-auto max-w-[12rem]">
          <span>Scan this QR code to download the app now</span>
        </div>
        <faceplate-img class="border-solid border-2 border-white" aria-label="Shreddit QR" width="200" height="200" src="https://www.redditstatic.com/shreddit/assets/shreddit-qr-code.svg" alt="Shreddit QR Code"></faceplate-img>
        <div class="text-center p-md py-8">
          Or check it out in the app stores 
        </div>
        <div class="flex justify-center gap-x-md">
          <a href="https://play.google.com/store/apps/details?id=com.reddit.frontpage" target="_blank">
            <faceplate-img aria-label="Google play" src="https://www.redditstatic.com/shreddit/assets/google-play.svg" alt="Get it on Google Play"></faceplate-img>
          </a>
          <a href="https://apps.apple.com/US/app/id1064216828" target="_blank">
            <faceplate-img aria-label="App store" src="https://www.redditstatic.com/shreddit/assets/app-store.svg" alt="Download on the App Store"></faceplate-img>
          </a>
        </div>
      </section>
    </faceplate-dialog>
  
    <faceplate-loader name="HamburgerMenu_nwYSWB" src="https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-6167d7e3.js,https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-219d1650.js,https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-56e03b51.js,https://www.redditstatic.com/shreddit/en-US/hamburger-menu-client-js-2545bdd5.js,https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-00a30475.js,https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-6167d7e3.js,https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-219d1650.js,https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-56e03b51.js,https://www.redditstatic.com/shreddit/en-US/hamburger-menu-client-js-2545bdd5.js,https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-00a30475.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="HamburgerMenu_nwYSWB" src="/svc/shreddit/hamburger-menu" loading="programmatic">
        
        
      </faceplate-partial>
    <div id="reddit-chat" data-persistent=""></div></reddit-header-large>
    <faceplate-loader name="AlertController_nwPwX3" src="https://www.redditstatic.com/shreddit/en-US/alert-controller-client-js-38795764.js" loading="lazy"><!----></faceplate-loader><alert-controller aria-live="polite"></alert-controller>
  <template name="AlertController_nwPwX3"><alert-controller></alert-controller></template>
    <faceplate-loader name="ShareMenu_tv6gfD" src="https://www.redditstatic.com/shreddit/en-US/share-menu-client-js-2acb6b92.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="ShareMenu_tv6gfD" src="/svc/shreddit/share-menu" loading="programmatic">
        
        
      </faceplate-partial>
    
    <faceplate-loader name="AwardDialog_GzBkf2" src="https://www.redditstatic.com/shreddit/en-US/award-leaderboard-empty-banner-client-js-44800d4f.js,https://www.redditstatic.com/shreddit/en-US/award-leaderboard-locked-banner-client-js-a3ac973a.js,https://www.redditstatic.com/shreddit/en-US/award-leaderboard-client-js-8b04291a.js,https://www.redditstatic.com/shreddit/en-US/award-dialog-client-js-ff9220ec.js,https://www.redditstatic.com/shreddit/award-dialog-client-css-94286d87.css" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="AwardDialog_GzBkf2" src="/svc/shreddit/award-dialog/:thingId" loading="programmatic">
        
        
      </faceplate-partial>
    
    <faceplate-loader name="CommentShareMenu_G1sJ5P" src="https://www.redditstatic.com/shreddit/en-US/comment-share-menu-client-js-b538fd8c.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="CommentShareMenu_G1sJ5P" src="/svc/shreddit/comment-share-menu" loading="programmatic">
        
        
      </faceplate-partial>
    
    <faceplate-loader name="LeadGenDialog_4ym4rB" src="https://www.redditstatic.com/shreddit/en-US/lead-gen-dialog-client-js-de0712a3.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="LeadGenDialog_4ym4rB" src="/svc/shreddit/lead-gen-dialog" loading="programmatic">
        
        
      </faceplate-partial>
    
      <shreddit-canonical-url-updater value="https://www.reddit.com/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/"></shreddit-canonical-url-updater>
     <dsa-transparency-modal-provider class="nd:visible" is-desktop="">
    <faceplate-loader name="DsaTransparencyModal_rt7cKM" src="https://www.redditstatic.com/shreddit/en-US/dsa-transparency-modal-client-js-75d67415.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="DsaTransparencyModal_rt7cKM" src="/svc/shreddit/dsa-transparency-modal/" loading="programmatic">
        
        
      </faceplate-partial>
    </dsa-transparency-modal-provider> <protected-community-modal icon="" icon-color="" prefixed-name="r/sixwordstories" subreddit-id="t5_2rfom" banner="" allow-join-requests="" last-join-request="" subredditdescription="‎&quot;For sale: baby shoes, never worn.&quot; - Ernest Hemingway

A story told in only six words - Hemingway called this his best work. Can you do better?" is-posting-restricted="" subreddittype="public">
  </protected-community-modal><shreddit-screenview-data data="{&quot;post&quot;:{&quot;id&quot;:&quot;t3_1g0fkqu&quot;,&quot;nsfw&quot;:false,&quot;url&quot;:&quot;https://www.reddit.com/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/&quot;,&quot;created_timestamp&quot;:1728555664119,&quot;type&quot;:&quot;text&quot;,&quot;promoted&quot;:false,&quot;domain&quot;:&quot;self.sixwordstories&quot;},&quot;new_award&quot;:{&quot;is_content_eligible&quot;:true},&quot;subreddit&quot;:{&quot;id&quot;:&quot;t5_2rfom&quot;,&quot;name&quot;:&quot;sixwordstories&quot;}}"></shreddit-screenview-data><reddit-page-data data="{&quot;subreddit&quot;:{&quot;id&quot;:&quot;t5_2rfom&quot;,&quot;isQuarantined&quot;:false,&quot;isNsfw&quot;:false,&quot;name&quot;:&quot;sixwordstories&quot;,&quot;prefixedName&quot;:&quot;r/sixwordstories&quot;,&quot;isEligibleForContentBlocking&quot;:true}}"></reddit-page-data><reddit-breadcrumbs slot="breadcrumbs" page-title="r/sixwordstories" page-url="/r/sixwordstories/">
    <icon-community slot="breadcrumbs-icon" class="text-16 leading-[0] align-middle"></icon-community>
  </reddit-breadcrumbs><div rpl="" class="grid-container theme-rpl grid grid-cols-1 m:grid-cols-[272px_1fr]"><div class="subgrid-container m:col-start-2 box-border flex flex-col order-2 w-full m:w-[1120px] m:max-w-[calc(100vw-272px)] xs:px-md mx-auto"><shreddit-async-loader bundlename="navigation_links">
    <reddit-skip-to-sidebar></reddit-skip-to-sidebar>
  </shreddit-async-loader><div class="main-container flex gap-md w-full flex-wrap xs:flex-nowrap pb-xl"><main class="main w-full flex-grid--main-container-card right-sidebar-xs" id="main-content"><shreddit-title title="I said no, now fuck off.  : r/sixwordstories"></shreddit-title>
    <shreddit-post class="block
    xs:mt-xs xs:-mx-xs xs:px-xs xs:rounded-[16px] pt-xs nd:pt-xs bg-[color:var(--shreddit-content-background)] box-border mb-xs nd:visible nd:pb-2xl" permalink="/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/" content-href="https://www.reddit.com/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/" view-context="CommentsPage" vote-type="" comment-count="55" moderation-verdict="" previous-actions-feature="" user-id="" is-embeddable="" is-desktop-viewport="" is-awardable="" app-slug="" app-name="" app-owner-id="" created-timestamp="2024-10-10T10:21:04.119000+0000" domain="self.sixwordstories" id="t3_1g0fkqu" post-title="I said no, now fuck off. " post-language="en" post-type="text" score="6" subreddit-id="t5_2rfom" subreddit-prefixed-name="r/sixwordstories" author-id="t2_17wc4eept9" author="Appropriate-Ending_" icon="https://preview.redd.it/snoovatar/avatars/9c634a85-0856-4f4e-bc96-3e333af08734-headshot.png?width=64&amp;height=64&amp;crop=smart&amp;auto=webp&amp;s=dbf029a48e0b9314e954ce41d9ec61610c29708b" item-state="UNMODERATED">
      <div slot="credit-bar" class="flex justify-between text-12 pt-md pb-2xs px-md relative xs:px-0">
    <span class="flex gap-xs items-center pr-xs truncate">
      
            <pdp-back-button class="hidden xs:block w-[32px] h-[32px] pdp-float-back-btn:absolute pdp-float-back-btn:top-md pdp-float-back-btn:-left-[2.5rem]" post-id="t3_1g0fkqu" subreddit-prefixed-name="r/sixwordstories"></pdp-back-button>
          
      <span class="avatar text-32 items-center overflow-hidden flex-shrink-0 indent-0 w-xl h-xl">
        <faceplate-tracker source="post_credit_bar" action="click" noun="community" class="visible">
          <a href="/r/sixwordstories/" class="no-underline hover:no-underline active:no-underline text-secondary">
            <div class="h-[32px] w-[32px]">
                  <icon-community aria-hidden="true" size="sm" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background mb-md h-full w-full"></icon-community>
                </div>
            <faceplate-screen-reader-content>
              Go to sixwordstories
            </faceplate-screen-reader-content>
          </a>
        <!----></faceplate-tracker>
      </span>

      <div class="flex gap-0 flex-col truncate">
        <span class="flex flex-none items-center flex-row gap-2xs flex-nowrap">
          <span class="flex flex-none subreddit-name neutral-content font-bold text-12 whitespace-nowrap">
            <faceplate-tracker source="post_credit_bar" action="click" noun="community" class="visible">
              
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/sixwordstories" appearance="neutral">
        <a rpl="" class="subreddit-name whitespace-nowrap text-12 text-neutral-content font-bold  a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/sixwordstories/" aria-haspopup="dialog" aria-expanded="false">r/sixwordstories</a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <icon-community aria-hidden="true" size="xl" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background "></icon-community>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/sixwordstories/">r/sixwordstories</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2rfom" name="sixwordstories" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              ‎"For sale: baby shoes, never worn." - Ernest Hemingway

A story told in only six words - Hemingway called this his best work. Can you do better?
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="69561" pretty=""><!---->70K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="35" pretty=""><!---->35</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
            <!----></faceplate-tracker>
          </span>
          
          <span id="time-ago-separator" class="flex items-center w-2xs text-neutral-content-weak font-normal text-12">•</span>
    <faceplate-timeago ts="2024-10-10T10:21:04.119000+0000" short="" class="flex items-center whitespace-nowrap text-neutral-content-weak font-normal text-12"><!----> <time datetime="2024-10-10T10:21:04.119Z" title="Thursday, October 10, 2024 at 10:21:04 AM UTC"><!--?lit$847545102$-->6 hr. ago</time> </faceplate-timeago>
          
        </span>
        <div class="flex flex-none flex-row gap-2xs items-center flex-nowrap">
          
    <span slot="authorName" class="flex">
      <div class="inline-flex items-center max-w-full">
        
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="Appropriate-Ending_ details" appearance="neutral">
      <faceplate-tracker source="post_credit_bar" action="click" noun="user_profile" class="visible"><a rpl="" class="author-name whitespace-nowrap text-neutral-content visited:text-neutral-content-weak  a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/user/Appropriate-Ending_/" aria-haspopup="dialog" aria-expanded="false">Appropriate-Ending_</a><!----></faceplate-tracker>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/Appropriate-Ending_" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  
        
      </div>
    </span>
  
          
          <span class="items-center flex icon-container">
            
    <shreddit-async-loader bundlename="distinguished_post_tags" class="flex items-center">
      <shreddit-distinguished-post-tags class="nd:visible inline-flex" post-id="t3_1g0fkqu">
        
    <span class="hidden font-semibold text-12 tracking-wide distinguished-admin text-identity-admin" aria-label="Post distinguished by admin">
      ADMIN
    </span>
  
        
    <span class="hidden font-semibold text-12 tracking-wide distinguished-mod text-identity-moderator" aria-label="Post distinguished by moderator">
      MOD
    </span>
  
      </shreddit-distinguished-post-tags>
    </shreddit-async-loader>
  
          </span>
          
        </div>
      </div>
    </span>
    <span class="flex items-center pl-xs">
      
    
    <shreddit-async-loader bundlename="status_icons">
      <shreddit-status-icons class="nd:visible flex items-center gap-2xs" thing-id="t3_1g0fkqu">
        
        
        <svg rpl="" aria-label="Locked post" class="hidden lock-status fill-[color:var(--color-identity-coins)] shrink-0" fill="currentColor" height="12" icon-name="lock-fill" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.375 8H15V5.312A5.17 5.17 0 0 0 10 0a5.169 5.169 0 0 0-5 5.312V8H3.625A1.629 1.629 0 0 0 2 9.63v7.74A1.629 1.629 0 0 0 3.625 19h12.75A1.629 1.629 0 0 0 18 17.37V9.63A1.629 1.629 0 0 0 16.375 8Zm-3.25 0h-6.25V5.313A3.3 3.3 0 0 1 10 1.875a3.3 3.3 0 0 1 3.125 3.438V8Z"></path>
    </svg>
        <svg rpl="" aria-label="Sticked post" class="hidden stickied-status fill-[color:var(--color-identity-moderator)] shrink-0" fill="currentColor" height="12" icon-name="pin-fill" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.6 6.876 13.124.4a1.132 1.132 0 0 0-1.606 0l-.665.665a2.083 2.083 0 0 0-.379 2.435L6.68 7.292a2.085 2.085 0 0 0-2.432.374l-.665.665a1.14 1.14 0 0 0 0 1.612l2.53 2.53-5.82 5.82 1.414 1.414 5.82-5.82 2.53 2.53a1.132 1.132 0 0 0 1.606 0l.665-.665a2.084 2.084 0 0 0 .375-2.432L16.5 9.528a2.126 2.126 0 0 0 2.433-.375l.666-.666a1.142 1.142 0 0 0 .001-1.611Z"></path>
    </svg>
        <svg rpl="" aria-label="Archived post" class="hidden archived-status fill-[color:var(--color-identity-coins)] shrink-0" fill="currentColor" height="12" icon-name="archived-fill" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg">
      <path d="M19 2.125v3.75A1.127 1.127 0 0 1 17.875 7H2.125A1.127 1.127 0 0 1 1 5.875v-3.75A1.127 1.127 0 0 1 2.125 1h15.75A1.127 1.127 0 0 1 19 2.125Zm-1 6.287v9.453a1.19 1.19 0 0 1-1.192 1.185H3.192A1.19 1.19 0 0 1 2 17.865V8.412c.042 0 .082.013.125.013h15.75c.043 0 .083-.011.125-.013ZM13.35 11h-6.7v1.5h6.7V11Z"></path>
    </svg>
      </shreddit-status-icons>
    </shreddit-async-loader>
  
      
      
      <shreddit-async-loader class="relative min-w-[32px] -mr-[7px]" bundlename="shreddit_post_overflow_menu">
    <shreddit-post-overflow-menu post-id="t3_1g0fkqu" author-id="t2_17wc4eept9" author-name="Appropriate-Ending_" subreddit-id="t5_2rfom" subreddit-prefixed-name="r/sixwordstories" comment-count="55" permalink="/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/" post-view-context="CommentsPage" can-update-commercial-communication-status="" is-desktop-viewport="" ama-state="" ama-starts-at="" ama-ends-at="" feed-index="" award-count="0" item-state="UNMODERATED">
      
    </shreddit-post-overflow-menu>
  </shreddit-async-loader>
      
    </span>
  </div>
      <h1 id="post-title-t3_1g0fkqu" slot="title" class="font-semibold text-neutral-content-strong m-0 text-18 xs:text-24  mb-xs px-md xs:px-0 xs:mb-md  overflow-hidden" aria-label="Post Title: I said no, now fuck off. ">
       I said no, now fuck off.  <faceplate-perfmark name="first-post-meaningful-paint"></faceplate-perfmark>
    </h1>
      
    <shreddit-post-flair slot="post-flair" post-id="t3_1g0fkqu">
      
    </shreddit-post-flair>
  
      
      
    
    
  
      
      
      
      
      
      
      
      
      
      
    </shreddit-post>
    
    
  
      <shreddit-comments-page-ad id="t3_7w17su" class="promotedlink" is-blank="" ssr-render-enabled="" ad-events="[]" impression-id="1" placement="blank_only">
    </shreddit-comments-page-ad><shreddit-comment-tree subreddit-prefixed-name="r/sixwordstories" thingid="t1_lr8nupq" ui="desktop">
      <shreddit-comments-page-tools comment-id="t1_lr8nupq" parent-comment-permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8nb6g/" post-permalink="/r/sixwordstories/comments/1g0fkqu/i_said_no_now_fuck_off/"></shreddit-comments-page-tools>
      
    
    <shreddit-comment author="NPR-NERD-I-BE" thingid="t1_lr8nupq" depth="0" parentid="t1_lr8nb6g" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" reload-url="/svc/shreddit/comment/t1_lr8nupq?depth=0&amp;subredditName=sixwordstories" score="1" postid="t3_1g0fkqu" content-type="text" is-current-permalink="true" moderation-verdict="" previous-actions-feature="" arialabel="Comment from NPR-NERD-I-BE 4 hours ago" award-count="0" aria-hidden="false">
      <div slot="commentAvatar">
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="NPR-NERD-I-BE details" appearance="neutral">
      <div class="flex flex-row items-center">
      <faceplate-tracker source="post_detail" action="click" noun="comment_author_avatar" class="flex items-center"><a href="/user/NPR-NERD-I-BE/" class="flex items-center my-2xs mr-xs xs:mr-sm" aria-label="NPR-NERD-I-BE's profile --- avatar" aria-haspopup="dialog" aria-expanded="false"><span class="inline-flex items-center justify-center" rpl="">
    
    <span class="inline-flex relative !border-0 border-solid border fp-avatar-container box-border rounded-full w-[2rem] h-[2rem] isolate"><span style="" class="rounded-full box-border border-solid border-neutral-background border relative h-100 w-100 justify-center bg-[image:var(--color-avatar-gradient)] !border-0">
      <span class="absolute left-0 z-[2] bottom-0 inline-flex shrink-0 justify-center w-[2rem] h-[2rem]">
      <svg width="100%" height="100%" viewBox="0 0 121 122" xmlns="http://www.w3.org/2000/svg" class="overflow-hidden">
    <defs>
      <clipPath id="f30f61ed67887">
        <path d="M0 0V79L28.1628 105.5C35.013 115.465 46.4934 122 59.5 122C72.5066 122 83.987 115.465 90.8372 105.5L120.5 79V0H0Z"></path>
      </clipPath>
    </defs>
    <image href="https://www.redditstatic.com/shreddit/assets/snoovatar-back-64x64px.png" alt="u/NPR-NERD-I-BE avatar" clip-path="url(#f30f61ed67887)" height="100%" width="100%"></image>
  </svg>
    </span>
    </span>
  </span></span></a>
          <!----></faceplate-tracker>
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/NPR-NERD-I-BE" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  </div>
      <div slot="commentMeta" class="ml-xs py-[2px] min-w-0">
        
      <div class="flex items-center pr-xs overflow-hidden">
        <div class="flex flex-col overflow-hidden">
          <div class="flex flex-none flex-row flex-nowrap items-center">
            
     
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="NPR-NERD-I-BE details" appearance="neutral">
      <div class="flex flex-row items-center overflow-hidden">
      
      <faceplate-tracker source="post_detail" action="click" noun="comment_author" class="contents">
         <a class="truncate font-bold text-neutral-content-strong text-12 hover:underline" href="/user/NPR-NERD-I-BE/" aria-label="NPR-NERD-I-BE's profile" aria-haspopup="dialog" aria-expanded="false">
      NPR-NERD-I-BE
    </a>
      <!----></faceplate-tracker>
    
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/NPR-NERD-I-BE" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  <span class="ml-2xs flex"></span>
    
  
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 <a href="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" class="text-neutral-content-weak text-12 hover:no-underline" rel="nofollow noopener noreferrer"><faceplate-timeago class="text-neutral-content-weak text-12" ts="2024-10-10T12:12:49.203000+0000" format="narrow"><!----> <time datetime="2024-10-10T12:12:49.203Z" title="Thursday, October 10, 2024 at 12:12:49 PM UTC"><!--?lit$847545102$-->4h ago</time> </faceplate-timeago></a>
    
  
            
      <shreddit-comment-badges thing-id="t1_lr8nupq"></shreddit-comment-badges>
    
            
            
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 
    
  
            
          </div>
          
        </div>
      </div>
    
      </div>
      
      <div class="md text-14 rounded-[8px] pb-2xs overflow-hidden" id="t1_lr8nupq-comment-rtjson-content" slot="comment">
        <div id="-post-rtjson-content" class="py-0 xs:mx-xs mx-2xs inline-block max-w-full" style="--emote-size: 20px">
    <p>
    Dude….I said explain….
  </p>
  </div>
      </div>
      
      
      
    
       <faceplate-perfmark name="first-comment-meaningful-paint"></faceplate-perfmark>
      
    <shreddit-comment-action-row slot="actionRow" user-id="" score="1" is-desktop-viewport="true" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" moderation-verdict="" previous-actions-feature="" class="block" comment-id="t1_lr8nupq" vote-state="NONE" reply-permalink="">
      <faceplate-tracker source="post_detail" action="click" noun="reply_comment" data-faceplate-tracking-context="{&quot;automoderator&quot;:{&quot;composer_session_id&quot;:&quot;3b6558d5-0df7-4411-a00d-a526bb099cb3&quot;}}" slot="comment-reply" class="contents">
    <button rpl="" class="button border-md shrink-0 text-12 button-plain disabled:text-interactive-content-disabled text-secondary inline-flex items-center 
       px-sm
       hover:text-secondary hover:bg-secondary-background-hover hover:border-secondary-background-hover
      " style="height: var(--size-button-sm-h); font: var(--font-button-sm)">
      <span class="flex items-center">
      <span class="flex text-16 mr-[var(--rem6)]"><svg rpl="" fill="currentColor" height="16" icon-name="comment-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.725 19.872a.718.718 0 0 1-.607-.328.725.725 0 0 1-.118-.397V16H3.625A2.63 2.63 0 0 1 1 13.375v-9.75A2.629 2.629 0 0 1 3.625 1h12.75A2.63 2.63 0 0 1 19 3.625v9.75A2.63 2.63 0 0 1 16.375 16h-4.161l-4 3.681a.725.725 0 0 1-.489.191ZM3.625 2.25A1.377 1.377 0 0 0 2.25 3.625v9.75a1.377 1.377 0 0 0 1.375 1.375h4a.625.625 0 0 1 .625.625v2.575l3.3-3.035a.628.628 0 0 1 .424-.165h4.4a1.377 1.377 0 0 0 1.375-1.375v-9.75a1.377 1.377 0 0 0-1.374-1.375H3.625Z"></path>
    </svg></span>
      <span> Reply </span>
    </span>
    <faceplate-screen-reader-content>
          reply
        </faceplate-screen-reader-content>
    </button>
  <!----></faceplate-tracker>
      <award-button class="hidden s:block" slot="comment-award" appearance="plain" size="sm" icon-size="sm" with-initial-state-text="" thing-id="t1_lr8nupq" subreddit-id="t5_2rfom" count="0"></award-button>
      <shreddit-comment-share-button permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" is-embeddable="" is-desktop-viewport="" slot="comment-share" class="hidden s:block"></shreddit-comment-share-button>
      
    <shreddit-overflow-menu slot="overflow" source="comment" action="click" noun="overflow_menu" post-id="t3_1g0fkqu" comment-id="t1_lr8nupq" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" author-name="NPR-NERD-I-BE" author-id="t2_19lhgnt7vu" telemetry-source="comment_permalink" class-override="comment-overflow-menu" is-awardable="" can-render-share-button="" can-render-award-button="" can-open-composer="" can-render-brand-affiliate-button="">
      
    </shreddit-overflow-menu>
  
       
      
    </shreddit-comment-action-row>
  
      
      
            <div slot="next-reply" id="t1_lr8nupq-next-reply"></div>
            
    
    <shreddit-comment author="anunofmoose" thingid="t1_lr8o9zo" depth="1" parentid="t1_lr8nupq" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" reload-url="/svc/shreddit/comment/t1_lr8o9zo?depth=1&amp;subredditName=sixwordstories" score="1" postid="t3_1g0fkqu" content-type="text" moderation-verdict="" previous-actions-feature="" slot="children-t1_lr8nupq-0" arialabel="Comment thread level 1: Reply from anunofmoose 4 hours ago" award-count="0" aria-hidden="false">
      <div slot="commentAvatar">
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="anunofmoose details" appearance="neutral">
      <div class="flex flex-row items-center">
      <faceplate-tracker source="post_detail" action="click" noun="comment_author_avatar" class="flex items-center"><a href="/user/anunofmoose/" class="flex items-center my-2xs mr-xs xs:mr-sm" aria-label="anunofmoose's profile --- avatar" aria-haspopup="dialog" aria-expanded="false"><span class="inline-flex items-center justify-center" rpl="">
    
    <span rpl="" class="w-[2rem] h-[2rem] inline-block rounded-full relative [&amp;>:first-child]:mb-0 [&amp;>:first-child]:rounded-full">
    <img src="https://www.redditstatic.com/avatars/defaults/v2/avatar_default_0.png" alt="u/anunofmoose avatar" class="max-w-full">
  </span></span></a>
          <!----></faceplate-tracker>
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/anunofmoose" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  </div>
      <div slot="commentMeta" class="ml-xs py-[2px] min-w-0">
        
      <div class="flex items-center pr-xs overflow-hidden">
        <div class="flex flex-col overflow-hidden">
          <div class="flex flex-none flex-row flex-nowrap items-center">
            
     
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="anunofmoose details" appearance="neutral">
      <div class="flex flex-row items-center overflow-hidden">
      
      <faceplate-tracker source="post_detail" action="click" noun="comment_author" class="contents">
         <a class="truncate font-bold text-neutral-content-strong text-12 hover:underline" href="/user/anunofmoose/" aria-label="anunofmoose's profile" aria-haspopup="dialog" aria-expanded="false">
      anunofmoose
    </a>
      <!----></faceplate-tracker>
    
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/anunofmoose" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  <span class="ml-2xs flex"></span>
    
  
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 <a href="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" class="text-neutral-content-weak text-12 hover:no-underline" rel="nofollow noopener noreferrer"><faceplate-timeago class="text-neutral-content-weak text-12" ts="2024-10-10T12:16:02.813000+0000" format="narrow"><!----> <time datetime="2024-10-10T12:16:02.813Z" title="Thursday, October 10, 2024 at 12:16:02 PM UTC"><!--?lit$847545102$-->4h ago</time> </faceplate-timeago></a>
    
  
            
      <shreddit-comment-badges thing-id="t1_lr8o9zo"></shreddit-comment-badges>
    
            
            
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 
    
  
            
          </div>
          
        </div>
      </div>
    
      </div>
      
      <div class="md text-14 rounded-[8px] pb-2xs overflow-hidden" id="t1_lr8o9zo-comment-rtjson-content" slot="comment">
        <div id="-post-rtjson-content" class="py-0 xs:mx-xs mx-2xs inline-block max-w-full" style="--emote-size: 20px">
    <p>
    I just did. Accounting for activity in threads has a downtime of four hours. That leaves 20 hours left, subtract 16. 8 for work and 8 for sleep. That leaves four hours. Two hours before and after work. Downtime ends about dawn, and starts four hours before....right about when 3rd shift swings in and late night gaming ends. Like they have to get up for work.
  </p><p>
    Ergo. Middle age. And majority are European but not by much
  </p>
  </div>
      </div>
      
      
      
    
      
      
    <shreddit-comment-action-row slot="actionRow" user-id="" score="1" is-desktop-viewport="true" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" moderation-verdict="" previous-actions-feature="" class="block" comment-id="t1_lr8o9zo" vote-state="NONE" reply-permalink="">
      <faceplate-tracker source="post_detail" action="click" noun="reply_comment" data-faceplate-tracking-context="{&quot;automoderator&quot;:{&quot;composer_session_id&quot;:&quot;2b974610-8a76-42c4-b395-30a7bba316c8&quot;}}" slot="comment-reply" class="contents">
    <button rpl="" class="button border-md shrink-0 text-12 button-plain disabled:text-interactive-content-disabled text-secondary inline-flex items-center 
       px-sm
       hover:text-secondary hover:bg-secondary-background-hover hover:border-secondary-background-hover
      " style="height: var(--size-button-sm-h); font: var(--font-button-sm)">
      <span class="flex items-center">
      <span class="flex text-16 mr-[var(--rem6)]"><svg rpl="" fill="currentColor" height="16" icon-name="comment-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.725 19.872a.718.718 0 0 1-.607-.328.725.725 0 0 1-.118-.397V16H3.625A2.63 2.63 0 0 1 1 13.375v-9.75A2.629 2.629 0 0 1 3.625 1h12.75A2.63 2.63 0 0 1 19 3.625v9.75A2.63 2.63 0 0 1 16.375 16h-4.161l-4 3.681a.725.725 0 0 1-.489.191ZM3.625 2.25A1.377 1.377 0 0 0 2.25 3.625v9.75a1.377 1.377 0 0 0 1.375 1.375h4a.625.625 0 0 1 .625.625v2.575l3.3-3.035a.628.628 0 0 1 .424-.165h4.4a1.377 1.377 0 0 0 1.375-1.375v-9.75a1.377 1.377 0 0 0-1.374-1.375H3.625Z"></path>
    </svg></span>
      <span> Reply </span>
    </span>
    <faceplate-screen-reader-content>
          reply
        </faceplate-screen-reader-content>
    </button>
  <!----></faceplate-tracker>
      <award-button class="hidden s:block" slot="comment-award" appearance="plain" size="sm" icon-size="sm" with-initial-state-text="" thing-id="t1_lr8o9zo" subreddit-id="t5_2rfom" count="0"></award-button>
      <shreddit-comment-share-button permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" is-embeddable="" is-desktop-viewport="" slot="comment-share" class="hidden s:block"></shreddit-comment-share-button>
      
    <shreddit-overflow-menu slot="overflow" source="comment" action="click" noun="overflow_menu" post-id="t3_1g0fkqu" comment-id="t1_lr8o9zo" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" author-name="anunofmoose" author-id="t2_bd16bmyy" telemetry-source="post_detail" class-override="comment-overflow-menu" is-awardable="" can-render-share-button="" can-render-award-button="" can-open-composer="" can-render-brand-affiliate-button="">
      
    </shreddit-overflow-menu>
  
       
      
    </shreddit-comment-action-row>
  
      
      
            <div slot="next-reply" id="t1_lr8o9zo-next-reply"></div>
            
    
    <shreddit-comment author="NPR-NERD-I-BE" thingid="t1_lr8ok8a" depth="2" parentid="t1_lr8o9zo" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" reload-url="/svc/shreddit/comment/t1_lr8ok8a?depth=2&amp;subredditName=sixwordstories" score="1" postid="t3_1g0fkqu" content-type="text" moderation-verdict="" previous-actions-feature="" slot="children-t1_lr8o9zo-0" arialabel="Comment thread level 2: Reply from NPR-NERD-I-BE 4 hours ago" award-count="0" aria-hidden="false">
      <div slot="commentAvatar">
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="NPR-NERD-I-BE details" appearance="neutral">
      <div class="flex flex-row items-center">
      <faceplate-tracker source="post_detail" action="click" noun="comment_author_avatar" class="flex items-center"><a href="/user/NPR-NERD-I-BE/" class="flex items-center my-2xs mr-xs xs:mr-sm" aria-label="NPR-NERD-I-BE's profile --- avatar" aria-haspopup="dialog" aria-expanded="false"><span class="inline-flex items-center justify-center" rpl="">
    
    <span class="inline-flex relative !border-0 border-solid border fp-avatar-container box-border rounded-full w-[2rem] h-[2rem] isolate"><span style="" class="rounded-full box-border border-solid border-neutral-background border relative h-100 w-100 justify-center bg-[image:var(--color-avatar-gradient)] !border-0">
      <span class="absolute left-0 z-[2] bottom-0 inline-flex shrink-0 justify-center w-[2rem] h-[2rem]">
      <svg width="100%" height="100%" viewBox="0 0 121 122" xmlns="http://www.w3.org/2000/svg" class="overflow-hidden">
    <defs>
      <clipPath id="550572b720b93">
        <path d="M0 0V79L28.1628 105.5C35.013 115.465 46.4934 122 59.5 122C72.5066 122 83.987 115.465 90.8372 105.5L120.5 79V0H0Z"></path>
      </clipPath>
    </defs>
    <image href="https://www.redditstatic.com/shreddit/assets/snoovatar-back-64x64px.png" alt="u/NPR-NERD-I-BE avatar" clip-path="url(#550572b720b93)" height="100%" width="100%"></image>
  </svg>
    </span>
    </span>
  </span></span></a>
          <!----></faceplate-tracker>
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/NPR-NERD-I-BE" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  </div>
      <div slot="commentMeta" class="ml-xs py-[2px] min-w-0">
        
      <div class="flex items-center pr-xs overflow-hidden">
        <div class="flex flex-col overflow-hidden">
          <div class="flex flex-none flex-row flex-nowrap items-center">
            
     
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="NPR-NERD-I-BE details" appearance="neutral">
      <div class="flex flex-row items-center overflow-hidden">
      
      <faceplate-tracker source="post_detail" action="click" noun="comment_author" class="contents">
         <a class="truncate font-bold text-neutral-content-strong text-12 hover:underline" href="/user/NPR-NERD-I-BE/" aria-label="NPR-NERD-I-BE's profile" aria-haspopup="dialog" aria-expanded="false">
      NPR-NERD-I-BE
    </a>
      <!----></faceplate-tracker>
    
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/NPR-NERD-I-BE" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  <span class="ml-2xs flex"></span>
    
  
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 <a href="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" class="text-neutral-content-weak text-12 hover:no-underline" rel="nofollow noopener noreferrer"><faceplate-timeago class="text-neutral-content-weak text-12" ts="2024-10-10T12:18:11.416000+0000" format="narrow"><!----> <time datetime="2024-10-10T12:18:11.416Z" title="Thursday, October 10, 2024 at 12:18:11 PM UTC"><!--?lit$847545102$-->4h ago</time> </faceplate-timeago></a>
    
  
            
      <shreddit-comment-badges thing-id="t1_lr8ok8a"></shreddit-comment-badges>
    
            
            
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 
    
  
            
          </div>
          
        </div>
      </div>
    
      </div>
      
      <div class="md text-14 rounded-[8px] pb-2xs overflow-hidden" id="t1_lr8ok8a-comment-rtjson-content" slot="comment">
        <div id="-post-rtjson-content" class="py-0 xs:mx-xs mx-2xs inline-block max-w-full" style="--emote-size: 20px">
    <p>
    Teenage be in school and after school work/actives the same hours mid age people be at work???….just saying….???
  </p>
  </div>
      </div>
      
      
      
    
      
      
    <shreddit-comment-action-row slot="actionRow" user-id="" score="1" is-desktop-viewport="true" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" moderation-verdict="" previous-actions-feature="" class="block" comment-id="t1_lr8ok8a" vote-state="NONE" reply-permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/?reply=t1_lr8ok8a">
      <faceplate-tracker source="post_detail" action="click" noun="reply_comment" data-faceplate-tracking-context="{&quot;automoderator&quot;:{&quot;composer_session_id&quot;:&quot;073033e4-1411-41cb-a614-142eb38e9e36&quot;}}" slot="comment-reply" class="contents">
    <button rpl="" class="button border-md shrink-0 text-12 button-plain disabled:text-interactive-content-disabled text-secondary inline-flex items-center 
       px-sm
       hover:text-secondary hover:bg-secondary-background-hover hover:border-secondary-background-hover
      " style="height: var(--size-button-sm-h); font: var(--font-button-sm)">
      <span class="flex items-center">
      <span class="flex text-16 mr-[var(--rem6)]"><svg rpl="" fill="currentColor" height="16" icon-name="comment-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.725 19.872a.718.718 0 0 1-.607-.328.725.725 0 0 1-.118-.397V16H3.625A2.63 2.63 0 0 1 1 13.375v-9.75A2.629 2.629 0 0 1 3.625 1h12.75A2.63 2.63 0 0 1 19 3.625v9.75A2.63 2.63 0 0 1 16.375 16h-4.161l-4 3.681a.725.725 0 0 1-.489.191ZM3.625 2.25A1.377 1.377 0 0 0 2.25 3.625v9.75a1.377 1.377 0 0 0 1.375 1.375h4a.625.625 0 0 1 .625.625v2.575l3.3-3.035a.628.628 0 0 1 .424-.165h4.4a1.377 1.377 0 0 0 1.375-1.375v-9.75a1.377 1.377 0 0 0-1.374-1.375H3.625Z"></path>
    </svg></span>
      <span> Reply </span>
    </span>
    <faceplate-screen-reader-content>
          reply
        </faceplate-screen-reader-content>
    </button>
  <!----></faceplate-tracker>
      <award-button class="hidden s:block" slot="comment-award" appearance="plain" size="sm" icon-size="sm" with-initial-state-text="" thing-id="t1_lr8ok8a" subreddit-id="t5_2rfom" count="0"></award-button>
      <shreddit-comment-share-button permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" is-embeddable="" is-desktop-viewport="" slot="comment-share" class="hidden s:block"></shreddit-comment-share-button>
      
    <shreddit-overflow-menu slot="overflow" source="comment" action="click" noun="overflow_menu" post-id="t3_1g0fkqu" comment-id="t1_lr8ok8a" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" author-name="NPR-NERD-I-BE" author-id="t2_19lhgnt7vu" telemetry-source="post_detail" class-override="comment-overflow-menu" is-awardable="" can-render-share-button="" can-render-award-button="" can-open-composer="" can-render-brand-affiliate-button="">
      
    </shreddit-overflow-menu>
  
       
      
    </shreddit-comment-action-row>
  
      
      
            <div slot="next-reply" id="t1_lr8ok8a-next-reply"></div>
            
    
    <shreddit-comment author="anunofmoose" thingid="t1_lr8oqe8" depth="3" parentid="t1_lr8ok8a" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" reload-url="/svc/shreddit/comment/t1_lr8oqe8?depth=3&amp;subredditName=sixwordstories" score="1" postid="t3_1g0fkqu" content-type="text" moderation-verdict="" previous-actions-feature="" slot="children" arialabel="Comment thread level 3: Reply from anunofmoose 4 hours ago" award-count="0" aria-hidden="true" style="display: none;">
      <div slot="commentAvatar">
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="anunofmoose details" appearance="neutral">
      <div class="flex flex-row items-center">
      <faceplate-tracker source="post_detail" action="click" noun="comment_author_avatar" class="flex items-center"><a href="/user/anunofmoose/" class="flex items-center my-2xs mr-xs xs:mr-sm" aria-label="anunofmoose's profile --- avatar" aria-haspopup="dialog" aria-expanded="false"><span class="inline-flex items-center justify-center" rpl="">
    
    <span rpl="" class="w-[2rem] h-[2rem] inline-block rounded-full relative [&amp;>:first-child]:mb-0 [&amp;>:first-child]:rounded-full">
    <img src="https://www.redditstatic.com/avatars/defaults/v2/avatar_default_0.png" alt="u/anunofmoose avatar" class="max-w-full">
  </span></span></a>
          <!----></faceplate-tracker>
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/anunofmoose" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  </div>
      <div slot="commentMeta" class="ml-xs py-[2px] min-w-0">
        
      <div class="flex items-center pr-xs overflow-hidden">
        <div class="flex flex-col overflow-hidden">
          <div class="flex flex-none flex-row flex-nowrap items-center">
            
     
    <faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start" data-id="user-hover-card" close-on-track="" label="anunofmoose details" appearance="neutral">
      <div class="flex flex-row items-center overflow-hidden">
      
      <faceplate-tracker source="post_detail" action="click" noun="comment_author" class="contents">
         <a class="truncate font-bold text-neutral-content-strong text-12 hover:underline" href="/user/anunofmoose/" aria-label="anunofmoose's profile" aria-haspopup="dialog" aria-expanded="false">
      anunofmoose
    </a>
      <!----></faceplate-tracker>
    
    </div>
      <div slot="content" hidden="">
        <faceplate-partial src="/svc/shreddit/user-hover-card/anunofmoose" loading="programmatic">
          <div class="w-5xl h-4xl flex items-center justify-center">
            <faceplate-progress value="20" class="animate-spin" status="incomplete"></faceplate-progress>
          </div>
        </faceplate-partial>
      </div>
    </faceplate-hovercard>
  <span class="ml-2xs flex"></span>
    
  
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 <a href="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" class="text-neutral-content-weak text-12 hover:no-underline" rel="nofollow noopener noreferrer"><faceplate-timeago class="text-neutral-content-weak text-12" ts="2024-10-10T12:19:27.631000+0000" format="narrow"><!----> <time datetime="2024-10-10T12:19:27.631Z" title="Thursday, October 10, 2024 at 12:19:27 PM UTC"><!--?lit$847545102$-->4h ago</time> </faceplate-timeago></a>
    
  
            
      <shreddit-comment-badges thing-id="t1_lr8oqe8"></shreddit-comment-badges>
    
            
            
    
  <span class="inline-block my-0 mx-2xs text-12 text-neutral-content-weak">•</span>
 
    
  
            
          </div>
          
        </div>
      </div>
    
      </div>
      
      <div class="md text-14 rounded-[8px] pb-2xs overflow-hidden" id="t1_lr8oqe8-comment-rtjson-content" slot="comment">
        <div id="-post-rtjson-content" class="py-0 xs:mx-xs mx-2xs inline-block max-w-full" style="--emote-size: 20px">
    <p>
    Yes. But we're talking majoratives here. Most people don't actually sleep 8 hours either, there is about a 17% margin of error. But make no mistake. Most people here are old enough to run for president
  </p>
  </div>
      </div>
      
      
      
    
      
      
    <shreddit-comment-action-row slot="actionRow" user-id="" score="1" is-desktop-viewport="true" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" moderation-verdict="" previous-actions-feature="" class="block" comment-id="t1_lr8oqe8" vote-state="NONE" reply-permalink="">
      <faceplate-tracker source="post_detail" action="click" noun="reply_comment" data-faceplate-tracking-context="{&quot;automoderator&quot;:{&quot;composer_session_id&quot;:&quot;f2a267a8-7c2c-49e9-805b-c7fd1d36740a&quot;}}" slot="comment-reply" class="contents">
    <button rpl="" class="button border-md shrink-0 text-12 button-plain disabled:text-interactive-content-disabled text-secondary inline-flex items-center 
       px-sm
       hover:text-secondary hover:bg-secondary-background-hover hover:border-secondary-background-hover
      " style="height: var(--size-button-sm-h); font: var(--font-button-sm)">
      <span class="flex items-center">
      <span class="flex text-16 mr-[var(--rem6)]"><svg rpl="" fill="currentColor" height="16" icon-name="comment-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.725 19.872a.718.718 0 0 1-.607-.328.725.725 0 0 1-.118-.397V16H3.625A2.63 2.63 0 0 1 1 13.375v-9.75A2.629 2.629 0 0 1 3.625 1h12.75A2.63 2.63 0 0 1 19 3.625v9.75A2.63 2.63 0 0 1 16.375 16h-4.161l-4 3.681a.725.725 0 0 1-.489.191ZM3.625 2.25A1.377 1.377 0 0 0 2.25 3.625v9.75a1.377 1.377 0 0 0 1.375 1.375h4a.625.625 0 0 1 .625.625v2.575l3.3-3.035a.628.628 0 0 1 .424-.165h4.4a1.377 1.377 0 0 0 1.375-1.375v-9.75a1.377 1.377 0 0 0-1.374-1.375H3.625Z"></path>
    </svg></span>
      <span> Reply </span>
    </span>
    <faceplate-screen-reader-content>
          reply
        </faceplate-screen-reader-content>
    </button>
  <!----></faceplate-tracker>
      <award-button class="hidden s:block" slot="comment-award" appearance="plain" size="sm" icon-size="sm" with-initial-state-text="" thing-id="t1_lr8oqe8" subreddit-id="t5_2rfom" count="0"></award-button>
      <shreddit-comment-share-button permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" is-embeddable="" is-desktop-viewport="" slot="comment-share" class="hidden s:block"></shreddit-comment-share-button>
      
    <shreddit-overflow-menu slot="overflow" source="comment" action="click" noun="overflow_menu" post-id="t3_1g0fkqu" comment-id="t1_lr8oqe8" permalink="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" author-name="anunofmoose" author-id="t2_bd16bmyy" telemetry-source="post_detail" class-override="comment-overflow-menu" is-awardable="" can-render-share-button="" can-render-award-button="" can-open-composer="" can-render-brand-affiliate-button="">
      
    </shreddit-overflow-menu>
  
       
      
    </shreddit-comment-action-row>
  
      
      
            <div slot="next-reply" id="t1_lr8oqe8-next-reply"></div>
            
    <a class="text-tone-2 text-12 no-underline hover:underline px-xs py-xs flex ml-[3px] xs:ml-0" href="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" rel="nofollow" id="comments-permalink-/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" slot="children">
      
    <span class="text-neutral-content-strong mr-xs flex items-center"><svg rpl="" fill="currentColor" height="16" icon-name="join-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.625 9.375H14v1.25h-3.375V14h-1.25v-3.375H6v-1.25h3.375V6h1.25v3.375ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0A8.75 8.75 0 1 0 10 18.75 8.76 8.76 0 0 0 18.75 10Z"></path>
    </svg></span>
    <span class="text-secondary-weak font-normal"><faceplate-number number="11"><!---->11</faceplate-number> more replies</span>
  
    </a>
  
            
    <a class="text-tone-2 text-12 no-underline hover:underline px-xs py-xs flex ml-[3px] xs:ml-0" href="/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" rel="nofollow" id="comments-permalink-/r/sixwordstories/comments/1g0fkqu/comment/lr8oqe8/" slot="more-comments-permalink">
      
    <span class="text-neutral-content-strong mr-xs flex items-center"><svg rpl="" fill="currentColor" height="16" icon-name="join-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.625 9.375H14v1.25h-3.375V14h-1.25v-3.375H6v-1.25h3.375V6h1.25v3.375ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0A8.75 8.75 0 1 0 10 18.75 8.76 8.76 0 0 0 18.75 10Z"></path>
    </svg></span>
    <span class="text-secondary-weak font-normal">More replies</span>
  
    </a>
  
          
    </shreddit-comment>
    
  
            
    <a class="text-tone-2 text-12 no-underline hover:underline px-xs py-xs flex ml-[3px] xs:ml-0" href="/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" rel="nofollow" id="comments-permalink-/r/sixwordstories/comments/1g0fkqu/comment/lr8ok8a/" slot="more-comments-permalink">
      
    <span class="text-neutral-content-strong mr-xs flex items-center"><svg rpl="" fill="currentColor" height="16" icon-name="join-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.625 9.375H14v1.25h-3.375V14h-1.25v-3.375H6v-1.25h3.375V6h1.25v3.375ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0A8.75 8.75 0 1 0 10 18.75 8.76 8.76 0 0 0 18.75 10Z"></path>
    </svg></span>
    <span class="text-secondary-weak font-normal">More replies</span>
  
    </a>
  
          
    </shreddit-comment>
    
  
            
    <a class="text-tone-2 text-12 no-underline hover:underline px-xs py-xs flex ml-[3px] xs:ml-0" href="/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" rel="nofollow" id="comments-permalink-/r/sixwordstories/comments/1g0fkqu/comment/lr8o9zo/" slot="more-comments-permalink">
      
    <span class="text-neutral-content-strong mr-xs flex items-center"><svg rpl="" fill="currentColor" height="16" icon-name="join-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.625 9.375H14v1.25h-3.375V14h-1.25v-3.375H6v-1.25h3.375V6h1.25v3.375ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0A8.75 8.75 0 1 0 10 18.75 8.76 8.76 0 0 0 18.75 10Z"></path>
    </svg></span>
    <span class="text-secondary-weak font-normal">More replies</span>
  
    </a>
  
          
    </shreddit-comment>
    
  
            
    <a class="text-tone-2 text-12 no-underline hover:underline px-xs py-xs flex ml-[3px] xs:ml-0" top-level="true" href="/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" rel="nofollow" id="comments-permalink-/r/sixwordstories/comments/1g0fkqu/comment/lr8nupq/" slot="more-comments-permalink">
      
    <span class="text-neutral-content-strong mr-xs flex items-center"><svg rpl="" fill="currentColor" height="16" icon-name="join-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.625 9.375H14v1.25h-3.375V14h-1.25v-3.375H6v-1.25h3.375V6h1.25v3.375ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0A8.75 8.75 0 1 0 10 18.75 8.76 8.76 0 0 0 18.75 10Z"></path>
    </svg></span>
    <span class="text-secondary-weak font-normal">More replies</span>
  
    </a>
  
          
    </shreddit-comment>
    
  
    </shreddit-comment-tree>
    </main><div id="right-sidebar-container" data-scroll-restore="" class="right-sidebar w-full xs:w-[316px] xs:min-w-[316px] block styled-scrollbars xs:sticky xs:top-[56px] xs:max-h-[calc(100vh-var(--shreddit-header-height)-1px)] xs:overflow-y-auto xs:overflow-x-hidden"><aside class="xs:block hidden bg-neutral-background-weak mt-md rounded-[16px] py-md" aria-label="Community information">
      <shreddit-subreddit-header class="nd:flex nd:visible [&amp;:not(:defined)_.directory-link]:hidden" name="sixwordstories" subreddit-id="t5_2rfom" display-name="Six Word Stories" prefixed-name="r/sixwordstories" description="‎&quot;For sale: baby shoes, never worn.&quot; - Ernest Hemingway

A story told in only six words - Hemingway called this his best work. Can you do better?" subscribers="69561" active="35" router-name="comments_page" new-banner-experiment-enabled="" is-pdp-route="">
    <div class="w-full flex flex-col -mt-md rounded-t-[8px] overflow-hidden">
  <div class="flex flex-col mx-md pb-sm">
    <div class="flex justify-between flex-1 mt-[20px] mb-lg">
      <div class="h-lg w-3/6 rounded-[0.5rem] bg-neutral-background-selected"></div>
      <div class="h-lg w-1/6 rounded-[0.5rem] bg-neutral-background-selected"></div>
    </div>
    <div class="flex mb-2xs">
      <div class="h-[20px] w-1/2 rounded-[0.5rem] bg-neutral-background-selected"></div>
    </div>
    <div class="flex mb-2xs">
      <div class="h-md w-5/6 rounded-[0.5rem] bg-neutral-background-selected"></div>
    </div>
    <div class="flex mb-md">
      <div class="h-md w-1/6 rounded-[0.5rem] bg-neutral-background-selected"></div>
    </div>
    <div class="flex justify-between">
      <div class="flex flex-col w-1/6">
        <div class="h-md rounded-[0.5rem] bg-neutral-background-selected mb-2xs"></div>
        <div class="h-sm w-2/3 rounded-[0.5rem] bg-neutral-background-selected"></div>
      </div>
      <div class="flex flex-col w-1/6">
        <div class="h-md w-2/3 rounded-[0.5rem] bg-neutral-background-selected mb-2xs"></div>
        <div class="h-sm w-1/3 rounded-[0.5rem] bg-neutral-background-selected"></div>
      </div>
      <div class="flex flex-col w-1/6">
        <div class="h-md rounded-[0.5rem] bg-neutral-background-selected mb-2xs"></div>
        <div class="h-sm w-1/2 rounded-[0.5rem] bg-neutral-background-selected"></div>
      </div>
    </div>
  </div>
</div>
    
          <div slot="directoryLink" class="directory-link flex flex-col items-start">
            <strong id="position">
              Top 2%
            </strong>
            <a href="https://www.reddit.com/best/communities/25/#t5_2rfom/" class="text-[12px] hover:no-underline text-neutral-content-weak">
              Rank by size <svg rpl="" fill="currentColor" height="12" icon-name="external-outline" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.75 13H17v3.375A2.63 2.63 0 0 1 14.375 19H3.625A2.63 2.63 0 0 1 1 16.375V5.625A2.629 2.629 0 0 1 3.625 3H7v1.25H3.625A1.377 1.377 0 0 0 2.25 5.625v10.75a1.377 1.377 0 0 0 1.375 1.375h10.75a1.377 1.377 0 0 0 1.375-1.375V13Zm2.625-12h-5v1.25h3.491l-8.433 8.433.884.884 8.433-8.433v3.491H19v-5A.625.625 0 0 0 18.375 1Z"></path>
    </svg></a>
          </div>
        
    
          <span slot="community-status">
            
          </span>
        
    <div slot="community-details" class="flex flex-col gap-2xs text-[12px] text-neutral-content-weak">
    <faceplate-tooltip appearance="inverted"><div slot="trigger" class="flex items-center text-neutral-content-weak w-max">
    <svg rpl="" class="mr-xs" fill="currentColor" height="16" icon-name="world-outline" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm8.718 9.375h-4.645c-.075-3.017-.7-6.051-1.819-7.82a8.755 8.755 0 0 1 6.464 7.82ZM10 18.75c-1.138 0-2.7-3.077-2.824-8.125h5.647C12.7 15.673 11.137 18.75 10 18.75ZM7.176 9.375C7.3 4.327 8.862 1.25 10 1.25s2.7 3.077 2.823 8.125H7.176Zm.569-7.82C6.625 3.324 6 6.359 5.926 9.375H1.282a8.756 8.756 0 0 1 6.463-7.82Zm-6.463 9.07h4.644c.075 3.016.7 6.051 1.819 7.82a8.756 8.756 0 0 1-6.463-7.82Zm10.972 7.82c1.12-1.769 1.744-4.8 1.819-7.82h4.645a8.754 8.754 0 0 1-6.464 7.82Z"></path>
    </svg> Public
  </div> <p class="my-0">Anyone can view, post, and comment to this community</p></faceplate-tooltip>
  </div>
  </shreddit-subreddit-header> 
    </aside>
    
    
  
      <aside aria-label="Related Posts Section">
      <h1 class="absolute -top-full -left-full w-px h-px overflow-hidden" aria-label="Related Posts Section">
    More posts you may like
  </h1>
      <pdp-right-rail>
        
        

        <faceplate-tabpanel slot="tab-panel" id="pdp-right-rail-topics" pages="1" pageindex="1">
          
    <div slot="page-1" data-slug="pdp_right_rail_related" class="px-md xs:px-0">
      
            <faceplate-tracker source="global" action="view" noun="discovery_unit">
              
    <ul class="list-none p-0 m-0">
      
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A1%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726069738312%2C%22id%22%3A%22t3_1fedgov%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A34%2C%22promoted%22%3Afalse%2C%22score%22%3A102%2C%22subreddit_id%22%3A%22t5_2rfom%22%2C%22subreddit_name%22%3A%22sixwordstories%22%2C%22title%22%3A%22Don%E2%80%99t%20ever%20be%20anyone%E2%80%99s%20second%20choice.%20%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2rfom%22%2C%22name%22%3A%22sixwordstories%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726069738312,&quot;id&quot;:&quot;t3_1fedgov&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:34,&quot;promoted&quot;:false,&quot;score&quot;:102,&quot;subreddit_id&quot;:&quot;t5_2rfom&quot;,&quot;subreddit_name&quot;:&quot;sixwordstories&quot;,&quot;title&quot;:&quot;Don’t ever be anyone’s second choice.  &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:1,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/sixwordstories" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/sixwordstories" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <icon-community aria-hidden="true" size="sm" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full"></icon-community>
      </div>
      <div class="ml-xs truncate">r/sixwordstories</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <icon-community aria-hidden="true" size="xl" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background "></icon-community>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/sixwordstories/">r/sixwordstories</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2rfom" name="sixwordstories" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              ‎"For sale: baby shoes, never worn." - Ernest Hemingway

A story told in only six words - Hemingway called this his best work. Can you do better?
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="69561" pretty=""><!---->70K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="35" pretty=""><!---->35</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/sixwordstories/comments/1fedgov/dont_ever_be_anyones_second_choice/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fedgov">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="Don’t ever be anyone’s second choice.  " aria-label="List item post - Don’t ever be anyone’s second choice.  ">
            Don’t ever be anyone’s second choice.  
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="102" pretty=""><!---->102</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="34" pretty=""><!---->34</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A2%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22search_post_to_post_guest%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1604294210945%2C%22id%22%3A%22t3_jmhohm%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A50%2C%22promoted%22%3Afalse%2C%22score%22%3A587%2C%22subreddit_id%22%3A%22t5_2cn1kk%22%2C%22subreddit_name%22%3A%22confidentlyincorrect%22%2C%22title%22%3A%22girl...%22%2C%22type%22%3A%22image%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2cn1kk%22%2C%22name%22%3A%22confidentlyincorrect%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;search_post_to_post_guest&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1604294210945,&quot;id&quot;:&quot;t3_jmhohm&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:50,&quot;promoted&quot;:false,&quot;score&quot;:587,&quot;subreddit_id&quot;:&quot;t5_2cn1kk&quot;,&quot;subreddit_name&quot;:&quot;confidentlyincorrect&quot;,&quot;title&quot;:&quot;girl...&quot;,&quot;type&quot;:&quot;image&quot;},&quot;action_info&quot;:{&quot;position&quot;:2,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/confidentlyincorrect" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/confidentlyincorrect" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2cn1kk/styles/communityIcon_ckb6p2wz4tp61.png" alt="r/confidentlyincorrect icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style="color: #EA0005; background-color: #EA0005"></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/confidentlyincorrect</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2cn1kk/styles/bannerBackgroundImage_dnu97usrftp61.png" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2cn1kk/styles/communityIcon_ckb6p2wz4tp61.png" alt="r/confidentlyincorrect icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style="color: #EA0005; background-color: #EA0005"></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/confidentlyincorrect/">r/confidentlyincorrect</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2cn1kk" name="confidentlyincorrect" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              For those times when people are way too smug about their wrong answer
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="1080520" pretty=""><!---->1.1M</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="85" pretty=""><!---->85</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/confidentlyincorrect/comments/jmhohm/girl/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_jmhohm">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="girl..." aria-label="List item post - girl...">
            girl...
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        <div class="relative rounded-[8px] overflow-hidden box-border border border-solid border-neutral-border-weak h-[84px] w-[84px] block">
    
      <shreddit-pubsub-publisher class="nd:visible" topic="trigger_lightbox_open" data="{&quot;postId&quot;:&quot;t3_jmhohm&quot;}">
        <faceplate-img src="https://b.thumbs.redditmedia.com/ros23VRj_WnQ1oAt-wO0bxqwBqFf4BiT8iMCj-z5eIQ.jpg" alt="r/confidentlyincorrect - girl..." class="h-full w-full object-cover"></faceplate-img>
      </shreddit-pubsub-publisher>
     
  </div>
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="587" pretty=""><!---->587</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="50" pretty=""><!---->50</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A3%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727782760647%2C%22id%22%3A%22t3_1ftly8r%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A58%2C%22promoted%22%3Afalse%2C%22score%22%3A146%2C%22subreddit_id%22%3A%22t5_2rfom%22%2C%22subreddit_name%22%3A%22sixwordstories%22%2C%22title%22%3A%22You%20deserve%20to%20be%20someone%E2%80%99s%20%231.%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2rfom%22%2C%22name%22%3A%22sixwordstories%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727782760647,&quot;id&quot;:&quot;t3_1ftly8r&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:58,&quot;promoted&quot;:false,&quot;score&quot;:146,&quot;subreddit_id&quot;:&quot;t5_2rfom&quot;,&quot;subreddit_name&quot;:&quot;sixwordstories&quot;,&quot;title&quot;:&quot;You deserve to be someone’s #1. &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:3,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/sixwordstories" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/sixwordstories" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <icon-community aria-hidden="true" size="sm" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full"></icon-community>
      </div>
      <div class="ml-xs truncate">r/sixwordstories</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <icon-community aria-hidden="true" size="xl" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background "></icon-community>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/sixwordstories/">r/sixwordstories</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2rfom" name="sixwordstories" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              ‎"For sale: baby shoes, never worn." - Ernest Hemingway

A story told in only six words - Hemingway called this his best work. Can you do better?
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="69561" pretty=""><!---->70K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="35" pretty=""><!---->35</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/sixwordstories/comments/1ftly8r/you_deserve_to_be_someones_1/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1ftly8r">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="You deserve to be someone’s #1. " aria-label="List item post - You deserve to be someone’s #1. ">
            You deserve to be someone’s #1. 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="146" pretty=""><!---->146</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="58" pretty=""><!---->58</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A4%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727160969662%2C%22id%22%3A%22t3_1fo6f9i%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A40%2C%22promoted%22%3Afalse%2C%22score%22%3A155%2C%22subreddit_id%22%3A%22t5_2qt6v%22%2C%22subreddit_name%22%3A%22poems%22%2C%22title%22%3A%22Her%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qt6v%22%2C%22name%22%3A%22poems%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727160969662,&quot;id&quot;:&quot;t3_1fo6f9i&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:40,&quot;promoted&quot;:false,&quot;score&quot;:155,&quot;subreddit_id&quot;:&quot;t5_2qt6v&quot;,&quot;subreddit_name&quot;:&quot;poems&quot;,&quot;title&quot;:&quot;Her&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:4,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/Poems" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/Poems" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <icon-community aria-hidden="true" size="sm" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full"></icon-community>
      </div>
      <div class="ml-xs truncate">r/Poems</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <icon-community aria-hidden="true" size="xl" fill="" class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background "></icon-community>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/Poems/">r/Poems</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qt6v" name="Poems" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="79054" pretty=""><!---->79K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="26" pretty=""><!---->26</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/Poems/comments/1fo6f9i/her/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fo6f9i">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="Her" aria-label="List item post - Her">
            Her
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="155" pretty=""><!---->155</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="40" pretty=""><!---->40</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A5%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1728002379180%2C%22id%22%3A%22t3_1fvmu2v%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A65%2C%22promoted%22%3Afalse%2C%22score%22%3A146%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22What%20you%20taught%20me%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1728002379180,&quot;id&quot;:&quot;t3_1fvmu2v&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:65,&quot;promoted&quot;:false,&quot;score&quot;:146,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;What you taught me&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:5,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fvmu2v/what_you_taught_me/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fvmu2v">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="What you taught me" aria-label="List item post - What you taught me">
            What you taught me
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="146" pretty=""><!---->146</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="65" pretty=""><!---->65</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A6%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726599282410%2C%22id%22%3A%22t3_1fj7h2c%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A37%2C%22promoted%22%3Afalse%2C%22score%22%3A288%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%20was%20right%20about%20you...%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726599282410,&quot;id&quot;:&quot;t3_1fj7h2c&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:37,&quot;promoted&quot;:false,&quot;score&quot;:288,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I was right about you...&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:6,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fj7h2c/i_was_right_about_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fj7h2c">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I was right about you..." aria-label="List item post - I was right about you...">
            I was right about you...
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="288" pretty=""><!---->288</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="37" pretty=""><!---->37</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A7%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727233382558%2C%22id%22%3A%22t3_1fouqgw%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A76%2C%22promoted%22%3Afalse%2C%22score%22%3A127%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%20lied%20to%20you%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727233382558,&quot;id&quot;:&quot;t3_1fouqgw&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:76,&quot;promoted&quot;:false,&quot;score&quot;:127,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I lied to you&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:7,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fouqgw/i_lied_to_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fouqgw">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I lied to you" aria-label="List item post - I lied to you">
            I lied to you
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="127" pretty=""><!---->127</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="76" pretty=""><!---->76</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A8%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726418548967%2C%22id%22%3A%22t3_1fhgxof%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A24%2C%22promoted%22%3Afalse%2C%22score%22%3A143%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22Remember%20you..%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726418548967,&quot;id&quot;:&quot;t3_1fhgxof&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:24,&quot;promoted&quot;:false,&quot;score&quot;:143,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;Remember you..&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:8,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fhgxof/remember_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fhgxof">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="Remember you.." aria-label="List item post - Remember you..">
            Remember you..
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="143" pretty=""><!---->143</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="24" pretty=""><!---->24</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A9%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727759231022%2C%22id%22%3A%22t3_1ftgcsz%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A46%2C%22promoted%22%3Afalse%2C%22score%22%3A131%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I'm%20going%20to%20have%20to%20tell%20you%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727759231022,&quot;id&quot;:&quot;t3_1ftgcsz&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:46,&quot;promoted&quot;:false,&quot;score&quot;:131,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I'm going to have to tell you&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:9,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1ftgcsz/im_going_to_have_to_tell_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1ftgcsz">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I'm going to have to tell you" aria-label="List item post - I'm going to have to tell you">
            I'm going to have to tell you
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="131" pretty=""><!---->131</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="46" pretty=""><!---->46</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A10%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727575601868%2C%22id%22%3A%22t3_1frtyle%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A80%2C%22promoted%22%3Afalse%2C%22score%22%3A185%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%E2%80%99m%20sorry%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727575601868,&quot;id&quot;:&quot;t3_1frtyle&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:80,&quot;promoted&quot;:false,&quot;score&quot;:185,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I’m sorry&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:10,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1frtyle/im_sorry/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1frtyle">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I’m sorry" aria-label="List item post - I’m sorry">
            I’m sorry
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="185" pretty=""><!---->185</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="80" pretty=""><!---->80</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A11%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727168847179%2C%22id%22%3A%22t3_1fo840h%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A26%2C%22promoted%22%3Afalse%2C%22score%22%3A105%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%E2%80%99m%20sorry%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727168847179,&quot;id&quot;:&quot;t3_1fo840h&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:26,&quot;promoted&quot;:false,&quot;score&quot;:105,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I’m sorry&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:11,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fo840h/im_sorry/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fo840h">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I’m sorry" aria-label="List item post - I’m sorry">
            I’m sorry
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="105" pretty=""><!---->105</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="26" pretty=""><!---->26</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A12%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727280674997%2C%22id%22%3A%22t3_1fp8a9d%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A26%2C%22promoted%22%3Afalse%2C%22score%22%3A99%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%E2%80%99ve%20finally%20realized%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727280674997,&quot;id&quot;:&quot;t3_1fp8a9d&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:26,&quot;promoted&quot;:false,&quot;score&quot;:99,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I’ve finally realized&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:12,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fp8a9d/ive_finally_realized/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fp8a9d">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I’ve finally realized" aria-label="List item post - I’ve finally realized">
            I’ve finally realized
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="99" pretty=""><!---->99</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="26" pretty=""><!---->26</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A13%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727269720969%2C%22id%22%3A%22t3_1fp41b8%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A53%2C%22promoted%22%3Afalse%2C%22score%22%3A170%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%20want%20you%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727269720969,&quot;id&quot;:&quot;t3_1fp41b8&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:53,&quot;promoted&quot;:false,&quot;score&quot;:170,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I want you&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:13,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fp41b8/i_want_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fp41b8">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I want you" aria-label="List item post - I want you">
            I want you
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="170" pretty=""><!---->170</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="53" pretty=""><!---->53</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A14%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727092406225%2C%22id%22%3A%22t3_1fnijsf%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A66%2C%22promoted%22%3Afalse%2C%22score%22%3A207%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22To%20the%20person%20reading%20this%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727092406225,&quot;id&quot;:&quot;t3_1fnijsf&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:66,&quot;promoted&quot;:false,&quot;score&quot;:207,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;To the person reading this &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:14,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fnijsf/to_the_person_reading_this/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fnijsf">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="To the person reading this " aria-label="List item post - To the person reading this ">
            To the person reading this 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="207" pretty=""><!---->207</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="66" pretty=""><!---->66</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A15%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726022227497%2C%22id%22%3A%22t3_1fdzr09%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A47%2C%22promoted%22%3Afalse%2C%22score%22%3A183%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%20miss%20you%2C%20but%E2%80%A6%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726022227497,&quot;id&quot;:&quot;t3_1fdzr09&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:47,&quot;promoted&quot;:false,&quot;score&quot;:183,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I miss you, but…&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:15,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fdzr09/i_miss_you_but/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fdzr09">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I miss you, but…" aria-label="List item post - I miss you, but…">
            I miss you, but…
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="183" pretty=""><!---->183</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="47" pretty=""><!---->47</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A16%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727110540911%2C%22id%22%3A%22t3_1fnpc21%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A12%2C%22promoted%22%3Afalse%2C%22score%22%3A99%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22You%20got%20this!%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727110540911,&quot;id&quot;:&quot;t3_1fnpc21&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:12,&quot;promoted&quot;:false,&quot;score&quot;:99,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;You got this!&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:16,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fnpc21/you_got_this/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fnpc21">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="You got this!" aria-label="List item post - You got this!">
            You got this!
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="99" pretty=""><!---->99</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="12" pretty=""><!---->12</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A17%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726529500208%2C%22id%22%3A%22t3_1fijjwa%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A42%2C%22promoted%22%3Afalse%2C%22score%22%3A164%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22i%20miss%20you%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726529500208,&quot;id&quot;:&quot;t3_1fijjwa&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:42,&quot;promoted&quot;:false,&quot;score&quot;:164,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;i miss you &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:17,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fijjwa/i_miss_you/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fijjwa">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="i miss you " aria-label="List item post - i miss you ">
            i miss you 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="164" pretty=""><!---->164</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="42" pretty=""><!---->42</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A18%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726412189514%2C%22id%22%3A%22t3_1fhef27%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A74%2C%22promoted%22%3Afalse%2C%22score%22%3A129%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22Since%20he%20knows..%20%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726412189514,&quot;id&quot;:&quot;t3_1fhef27&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:74,&quot;promoted&quot;:false,&quot;score&quot;:129,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;Since he knows..  &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:18,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fhef27/since_he_knows/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fhef27">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="Since he knows..  " aria-label="List item post - Since he knows..  ">
            Since he knows..  
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="129" pretty=""><!---->129</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="74" pretty=""><!---->74</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A19%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726975862599%2C%22id%22%3A%22t3_1fmk5i6%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A40%2C%22promoted%22%3Afalse%2C%22score%22%3A154%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22Walk%20away%20if%20you%20must%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726975862599,&quot;id&quot;:&quot;t3_1fmk5i6&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:40,&quot;promoted&quot;:false,&quot;score&quot;:154,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;Walk away if you must&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:19,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fmk5i6/walk_away_if_you_must/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fmk5i6">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="Walk away if you must" aria-label="List item post - Walk away if you must">
            Walk away if you must
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="154" pretty=""><!---->154</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="40" pretty=""><!---->40</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A20%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726579760622%2C%22id%22%3A%22t3_1fizae8%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A169%2C%22promoted%22%3Afalse%2C%22score%22%3A575%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22I%20Want%20To%20Make%20Love%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726579760622,&quot;id&quot;:&quot;t3_1fizae8&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:169,&quot;promoted&quot;:false,&quot;score&quot;:575,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;I Want To Make Love &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:20,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fizae8/i_want_to_make_love/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fizae8">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="I Want To Make Love " aria-label="List item post - I Want To Make Love ">
            I Want To Make Love 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="575" pretty=""><!---->575</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="169" pretty=""><!---->169</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A21%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727501916813%2C%22id%22%3A%22t3_1fr7ggj%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A46%2C%22promoted%22%3Afalse%2C%22score%22%3A171%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22You%20are%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727501916813,&quot;id&quot;:&quot;t3_1fr7ggj&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:46,&quot;promoted&quot;:false,&quot;score&quot;:171,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;You are &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:21,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fr7ggj/you_are/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fr7ggj">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="You are " aria-label="List item post - You are ">
            You are 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="171" pretty=""><!---->171</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="46" pretty=""><!---->46</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A22%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726044175589%2C%22id%22%3A%22t3_1fe5d6r%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A69%2C%22promoted%22%3Afalse%2C%22score%22%3A143%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22The%20Sorry%20you%20Deserved%20%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726044175589,&quot;id&quot;:&quot;t3_1fe5d6r&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:69,&quot;promoted&quot;:false,&quot;score&quot;:143,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;The Sorry you Deserved &quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:22,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fe5d6r/the_sorry_you_deserved/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fe5d6r">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="The Sorry you Deserved " aria-label="List item post - The Sorry you Deserved ">
            The Sorry you Deserved 
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="143" pretty=""><!---->143</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="69" pretty=""><!---->69</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A23%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726933868063%2C%22id%22%3A%22t3_1fm61vq%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A55%2C%22promoted%22%3Afalse%2C%22score%22%3A271%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22To%20you%20who%20is%20afraid%20to%20walk%20away%3A%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726933868063,&quot;id&quot;:&quot;t3_1fm61vq&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:55,&quot;promoted&quot;:false,&quot;score&quot;:271,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;To you who is afraid to walk away:&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:23,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fm61vq/to_you_who_is_afraid_to_walk_away/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fm61vq">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="To you who is afraid to walk away:" aria-label="List item post - To you who is afraid to walk away:">
            To you who is afraid to walk away:
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="271" pretty=""><!---->271</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="55" pretty=""><!---->55</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A24%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1726747320094%2C%22id%22%3A%22t3_1fkj38o%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A40%2C%22promoted%22%3Afalse%2C%22score%22%3A155%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22you%20underestimate%20yourself%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1726747320094,&quot;id&quot;:&quot;t3_1fkj38o&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:40,&quot;promoted&quot;:false,&quot;score&quot;:155,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;you underestimate yourself&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:24,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fkj38o/you_underestimate_yourself/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fkj38o">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="you underestimate yourself" aria-label="List item post - you underestimate yourself">
            you underestimate yourself
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="155" pretty=""><!---->155</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="40" pretty=""><!---->40</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
            
            <li class="">
              
              

              <reddit-pdp-right-rail-post class="nd:visible" event-data="%7B%22correlation_id%22%3A%223bc91044-2526-4e06-886f-461319a5b802%22%2C%22experiment%22%3A%7B%22name%22%3A%22platformx_rec_feed_multi_seed_fprs%22%2C%22variant%22%3A%22control_1%22%7D%2C%22ml_model%22%3A%7B%22name%22%3A%22control_1%22%2C%22features%22%3A%22%7B%5C%22host_post_id%5C%22%3A%5C%22t3_1g0fkqu%5C%22%7D%22%7D%2C%22action_info%22%3A%7B%22position%22%3A25%2C%22type%22%3A%22right_rail%22%7D%2C%22post%22%3A%7B%22recommendation_source%22%3A%22two_tower_semantic%22%2C%22archived%22%3Afalse%2C%22created_timestamp%22%3A1727882782501%2C%22id%22%3A%22t3_1fuiw2c%22%2C%22nsfw%22%3Afalse%2C%22number_comments%22%3A49%2C%22promoted%22%3Afalse%2C%22score%22%3A213%2C%22subreddit_id%22%3A%22t5_2qzry%22%2C%22subreddit_name%22%3A%22letters%22%2C%22title%22%3A%22You%20know%20what's%20fucked%20up%3F%22%2C%22type%22%3A%22text%22%7D%2C%22subreddit%22%3A%7B%22id%22%3A%22t5_2qzry%22%2C%22name%22%3A%22letters%22%7D%7D" post-id="t3_1g0fkqu" chained-ids="t3_1g0fkqu" data-faceplate-tracking-context="{&quot;post&quot;:{&quot;recommendation_source&quot;:&quot;two_tower_semantic&quot;,&quot;archived&quot;:false,&quot;created_timestamp&quot;:1727882782501,&quot;id&quot;:&quot;t3_1fuiw2c&quot;,&quot;nsfw&quot;:false,&quot;number_comments&quot;:49,&quot;promoted&quot;:false,&quot;score&quot;:213,&quot;subreddit_id&quot;:&quot;t5_2qzry&quot;,&quot;subreddit_name&quot;:&quot;letters&quot;,&quot;title&quot;:&quot;You know what's fucked up?&quot;,&quot;type&quot;:&quot;text&quot;},&quot;action_info&quot;:{&quot;position&quot;:25,&quot;type&quot;:&quot;right_rail&quot;}}">
                
    <div>
      <faceplate-tracker source="post_detail" action="view" noun="post">
        <faceplate-tracker source="post_detail" action="click" noun="post" class="visible">
    <div class="flex text-neutral-content text-12">
      <div class="flex flex-col grow">
        
    <div class="items-center overflow-hidden m-[-2px] p-[2px]">
      
    <shreddit-async-loader class="" bundlename="faceplate_hovercard">
      <faceplate-hovercard class="nd:visible" position="bottom-start" data-id="community-hover-card" aria-label="r/letters" appearance="neutral">
        <a rpl="" class="flex items-center min-w-0 text-neutral-content-weak hover:text-neutral-content-weak relative a cursor-pointer
  
  
  
  no-visited
  hover:underline
  " href="/r/letters" aria-haspopup="dialog" aria-expanded="false">
      <div class="flex flex-shrink-0 w-lg h-lg">
        <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background text-24 leading-5 h-full w-full" width="24" height="24" loading="lazy" style=""></faceplate-img>
      </div>
      <div class="ml-xs truncate">r/letters</div>
    </a>
        <div slot="content" class="max-w-[360px] w-[90vw] overflow-hidden p-0 -m-[0.5rem]" hidden="">
          <div class="flex flex-col">
            <div class="h-[80px] w-auto overflow-hidden relative rounded-t-[16px]">
                  <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/bannerBackgroundImage_93l1lcwdklld1.jpeg?format=pjpg&amp;s=91a2655eb5a327109f351c2809ba9af7fd8b50b0" alt="A banner for the subreddit" class="w-full h-full object-cover absolute"></faceplate-img>
                </div>
            <div class="px-sm pt-sm flex items-center">
              <span class="w-[48px] h-[48px] text-24 shrink-0">
                <faceplate-img src="https://styles.redditmedia.com/t5_2qzry/styles/communityIcon_ai4s0ivdklld1.jpg?format=pjpg&amp;s=7b8fb80c1f139f08943aa01d2492850bcc6c6c65" alt="r/letters icon" class="shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background " width="48" height="48" loading="lazy" style=""></faceplate-img>
              </span>
              <span class="flex ml-xs grow-0 w-100">
                <faceplate-tracker source="subreddit_hovercard" action="click" noun="title">
                  <a rpl="" class="text-18 font-bold text-neutral-content-strong leading-6 a cursor-pointer
  
  text-14
  
  no-visited
  hover:underline
  " href="/r/letters/">r/letters</a>
                <!----></faceplate-tracker>
                
              </span>
              <faceplate-tracker class="ml-auto" source="subreddit_hovercard" action="click" noun="join_signup_cta">
                    <shreddit-join-button subreddit-id="t5_2qzry" name="letters" buttonsize="x-small" button-type="secondary"></shreddit-join-button>
                  <!----></faceplate-tracker>
            </div>
            <p class="px-md pt-md m-0 whitespace-normal text-14 leading-5 font-normal">
              A place for the letters that should be read, and those which will never be read.
            </p>
            <hr class="mx-md mt-md border-neutral-border-weak">
            <div class="px-md py-md flex items-center">
              <span class="flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="28243" pretty=""><!---->28K</faceplate-number>
                </span>
                <span class="text-12 leading-4 text-neutral-content-weak">Members</span>
              </span>
              <span data-testid="community-hover-card:active-count" class="ml-xl flex flex-col">
                <span class="text-14 text-neutral-content leading-5 font-semibold">
                  <faceplate-number number="17" pretty=""><!---->17</faceplate-number>
                </span>
                <span class="flex items-center">
                  <span class="bg-kiwigreen-400 rounded-full w-xs h-xs"></span>
                  <span class="text-12 leading-4 text-neutral-content-weak ml-2xs">Online</span>
                </span>
              </span>
            </div>
          </div>
        </div>
      </faceplate-hovercard>
    </shreddit-async-loader>
  
    </div>
  
         <div class="flex">
    <a rpl="" class="flex flex-wrap group
                  text-neutral-content-weak
                  hover:text-neutral-content-weak
                  dark:text-neutral-content-strong
                  dark:hover:text-neutral-content-strong
                  xs:dark:text-neutral-content-weak
                  xs:dark:hover:text-neutral-content-weak
                 a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  " href="/r/letters/comments/1fuiw2c/you_know_whats_fucked_up/"> <div class="i18n-list-item-post-content flex grow min-w-0 mb-2xs mt-2xs" post-id="t3_1fuiw2c">
        <div class="flex flex-col gap-2xs grow mt-2xs">
          
          <h3 class="i18n-list-item-post-title text-14 line-clamp-2 m-0
            font-semibold overflow-hidden group-hover:underline " title="You know what's fucked up?" aria-label="List item post - You know what's fucked up?">
            You know what's fucked up?
          </h3>
        </div>
      </div></a>
  </div> 
      </div>
      <div class="flex shrink-0 ml-sm">
        
      </div>
    </div>
  <!----></faceplate-tracker>
      <!----></faceplate-tracker>
      
    <div class="min-w-full mt-2xs truncate">
      <div class="text-neutral-content-weak text-12">
        
      <faceplate-number number="213" pretty=""><!---->213</faceplate-number>
      upvotes
    
        <span class="mr-2xs ml-2xs">·</span>
        
      <faceplate-number number="49" pretty=""><!---->49</faceplate-number>
      <span>comments</span>
    
      </div>
    </div>
  
    </div>
  
                <hr class="w-100 my-sm border-neutral-border-weak 
                  
                  invisible
                ">
              <!----></reddit-pdp-right-rail-post>
            </li>
          
      
    </ul>
  
            <!----></faceplate-tracker>
          
    </div>
  
          
        </faceplate-tabpanel>
      </pdp-right-rail>
    </aside>
    </div></div></div><div id="left-sidebar-container" class="left-sidebar theme-rpl isolate order-first hidden m:block border-0 border-solid s:border-r-sm border-r-neutral-border">
    <reddit-sidebar-nav id="left-sidebar" data-persistent="" class="nd:visible block w-full sticky top-[56px] h-screen-without-header styled-scrollbars overflow-y-scroll overflow-x-hidden bg-neutral-background box-border px-md" data-scroll-restore="">
    <nav class="z-[2] box-border flex flex-col mt-0 mb-0 pt-md shrink-0 s:shrink w-full min-h-screen-without-header select-none" aria-label="Primary">
   <left-nav-top-section popular="" selectedpagetype="single_comment_thread">
    <!-- Render dummy placeholder items to prevent layout shift -->
    <li rpl="" class="relative list-none mt-0 invisible" role="presentation">
      <div class="flex justify-between relative px-md gap-[0.5rem] text-secondary       py-2xs  -outline-offset-1 " style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">&amp;nbsp;</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  
      </div> 
    </li>
  </left-nav-top-section> <hr class="w-100 my-sm border-neutral-border-weak"> 
    <faceplate-loader name="LeftNavRecentSection_wrMMJh" src="https://www.redditstatic.com/shreddit/en-US/left-nav-recent-section-client-js-f5c73380.js" loading="lazy"><!----></faceplate-loader>
  
      <faceplate-partial name="LeftNavRecentSection_wrMMJh" src="/svc/shreddit/left-nav-recent-section" loading="lazy"><div style="min-height: 1px; min-width: 1px; margin-bottom: -1px;"></div></faceplate-partial>
    <faceplate-expandable-section-helper open="" rpl="">
      <details open="" class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="TOPICS" aria-expanded="true" class="font-normal">
      
      <faceplate-tracker source="nav" action="click" noun="topics_menu">
        <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="text-12 text-secondary-weak tracking-widest">TOPICS</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
      <!----></faceplate-tracker>
    
    </summary>
    <faceplate-auto-height-animator class="block" open="" connected="" style="transition: height 222ms ease 0s;">
      <div faceplate-auto-height-animator-content="" id="TOPICS" style="transition: opacity 222ms ease 0s;">
        
      <faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Internet Culture (Viral)" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="internet_culture_Viral" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-funny-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.678 5.875h-1.25V5.25a1.875 1.875 0 0 0-3.75 0v.625h-1.25V5.25a3.125 3.125 0 1 1 6.25 0v.625Z"></path><path d="M18.678 5.875h-1.25V5.25a1.875 1.875 0 1 0-3.75 0v.625h-1.25V5.25a3.125 3.125 0 0 1 6.25 0v.625Z"></path><path d="M10.053 17.875A8.635 8.635 0 0 1 1.428 9.25a.625.625 0 0 1 .625-.625h16a.625.625 0 0 1 .625.625 8.635 8.635 0 0 1-8.625 8.625Zm-7.348-8a7.375 7.375 0 0 0 14.7 0h-14.7Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Internet Culture (Viral)</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Internet Culture (Viral)" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="amazing" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/amazing/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Amazing</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="animals_and_pets" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/animals_and_pets/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Animals &amp; Pets</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="cringe_and_facepalm" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/cringe_and_facepalm/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Cringe &amp; Facepalm</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="funny" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/funny/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Funny</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="interesting" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/interesting/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Interesting</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="memes" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/memes/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Memes</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="oddly_satisfying" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/oddly_satisfying/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Oddly Satisfying</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="reddit_meta" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/reddit_meta/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Reddit Meta</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="wholesome_and_heartwarming" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/wholesome_and_heartwarming/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Wholesome &amp; Heartwarming</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper><faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Games" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="games" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-videogaming-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.929 14.17 18.277 6.6a4.631 4.631 0 0 0-4.52-3.6H5.702a4.623 4.623 0 0 0-4.58 3.908L.034 14.387a3.134 3.134 0 0 0 .735 2.5 3.227 3.227 0 0 0 5.553-1.284l.39-1.635h5.794l.39 1.635A3.2 3.2 0 0 0 16.01 18h.782a3.211 3.211 0 0 0 3.123-2.444c.109-.455.114-.929.015-1.386Zm-1.6 1.85a1.964 1.964 0 0 1-1.54.73h-.781a1.947 1.947 0 0 1-1.9-1.453l-.63-2.476H5.74L5.11 15.3a1.947 1.947 0 0 1-1.9 1.453 1.974 1.974 0 0 1-1.5-.678 1.862 1.862 0 0 1-.443-1.506l1.09-7.481A3.366 3.366 0 0 1 5.7 4.25h8.062a3.373 3.373 0 0 1 3.3 2.614l1.65 7.573a1.877 1.877 0 0 1-.383 1.583h-.001Z"></path><path d="M6.256 6.212h-1.25v1.776h-1.73v1.25h1.73v1.622h1.25V9.238h1.73v-1.25h-1.73V6.212Z"></path><path d="M11.82 8.81a1 1 0 1 0 1.71.71 1.001 1.001 0 0 0-.3-.71 1.034 1.034 0 0 0-1.41 0Z"></path><path d="M15.23 6.85a.875.875 0 0 0-.32-.22c-.246-.1-.522-.1-.77 0a.875.875 0 0 0-.32.22.975.975 0 0 0 0 1.41 1 1 0 0 0 1.41 0 1.03 1.03 0 0 0 .22-1.09.877.877 0 0 0-.22-.32Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Games</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Games" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="action_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/action_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Action Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="adventure_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/adventure_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Adventure Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="esports" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/esports/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Esports</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="gaming_consoles_and_gear" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/gaming_consoles_and_gear/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Gaming Consoles &amp; Gear</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="gaming_news_and_discussion" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/gaming_news_and_discussion/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Gaming News &amp; Discussion</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="mobile_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/mobile_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Mobile Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="other_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/other_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Other Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="role_playing_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/role_playing_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Role-Playing Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="simulation_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/simulation_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Simulation Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="sports_and_racing_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/sports_and_racing_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Sports &amp; Racing Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="strategy_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/strategy_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Strategy Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="tabletop_games" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/tabletop_games/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Tabletop Games</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper><faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Q&amp;As" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="q_and_as" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-help-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.45 13.95a1.033 1.033 0 0 1-.71-.29 1.014 1.014 0 0 1 0-1.42 1.033 1.033 0 0 1 1.409 0 1 1 0 0 1-.699 1.71Zm.689-9.9A4.987 4.987 0 0 0 7.111 5a.853.853 0 0 0-.1 1.313l.065.061a.832.832 0 0 0 1.085.026 2.987 2.987 0 0 1 1.752-.658c.8 0 1.245.371 1.245.9 0 .649-.331.94-1.059 1.351a2.772 2.772 0 0 0-1.333 1.481c-.058.14-.089.288-.093.439 0 .252.099.494.276.673a.89.89 0 0 0 .665.266.913.913 0 0 0 .661-.265.925.925 0 0 0 .227-.422c0-.006.046-.261.046-.267.095-.479.365-.733 1.141-1.134a2.452 2.452 0 0 0 1.562-2.29c-.001-1.405-1.1-2.424-3.112-2.424ZM13.376 16h2A4.626 4.626 0 0 0 20 11.379V5.621A4.626 4.626 0 0 0 15.379 1H4.621A4.626 4.626 0 0 0 0 5.621v5.758A4.626 4.626 0 0 0 4.621 16H7.5v-1.25H4.621a3.375 3.375 0 0 1-3.371-3.371V5.621A3.375 3.375 0 0 1 4.621 2.25h10.758a3.375 3.375 0 0 1 3.371 3.371v5.758a3.376 3.376 0 0 1-3.371 3.371h-2.5l-3.763 3.607.866.9L13.376 16Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Q&amp;As</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Q&amp;As" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="q_and_as" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/q_and_as/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Q&amp;As</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="stories_and_confessions" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/stories_and_confessions/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Stories &amp; Confessions</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper><faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Technology" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="technology" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-technology-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M11.875 7h-3.75A1.127 1.127 0 0 0 7 8.125v3.75A1.127 1.127 0 0 0 8.125 13h3.75A1.127 1.127 0 0 0 13 11.875v-3.75A1.127 1.127 0 0 0 11.875 7Zm-.125 4.75h-3.5v-3.5h3.5v3.5Z"></path><path d="M19 7.625v-1.25h-2v-1.75A1.627 1.627 0 0 0 15.375 3h-1.75V1h-1.25v2h-1.75V1h-1.25v2h-1.75V1h-1.25v2h-1.75A1.627 1.627 0 0 0 3 4.625v1.75H1v1.25h2v1.75H1v1.25h2v1.75H1v1.25h2v1.75A1.627 1.627 0 0 0 4.625 17h1.75v2h1.25v-2h1.75v2h1.25v-2h1.75v2h1.25v-2h1.75A1.627 1.627 0 0 0 17 15.375v-1.75h2v-1.25h-2v-1.75h2v-1.25h-2v-1.75h2Zm-3.25 7.75a.375.375 0 0 1-.375.375H4.625a.375.375 0 0 1-.375-.375V4.625a.375.375 0 0 1 .375-.375h10.75a.375.375 0 0 1 .375.375v10.75Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Technology</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Technology" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="3d_printing" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/3d_printing/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">3D Printing</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="artificial_intelligence_and_machine_learning" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/artificial_intelligence_and_machine_learning/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Artificial Intelligence &amp; Machine Learning</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="computers_and_hardware" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/computers_and_hardware/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Computers &amp; Hardware</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="consumer_electronics" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/consumer_electronics/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Consumer Electronics</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="diy_electronics" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/diy_electronics/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">DIY Electronics</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="programming" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/programming/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Programming</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="software_and_apps" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/software_and_apps/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Software &amp; Apps</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="streaming_services" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/streaming_services/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Streaming Services</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="tech_news_and_discussion" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/tech_news_and_discussion/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Tech News &amp; Discussion</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="virtual_and_augmented_reality" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/virtual_and_augmented_reality/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Virtual &amp; Augmented Reality</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper><faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Pop Culture" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="pop_culture" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-celebrity-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.979a3.003 3.003 0 0 1-2.772-1.85 2.993 2.993 0 0 1 2.187-4.086 3.004 3.004 0 0 1 3.08 1.274 2.994 2.994 0 0 1-.373 3.784A3.003 3.003 0 0 1 10 13.98Zm0-4.745a1.752 1.752 0 0 0-1.617 1.08 1.746 1.746 0 0 0 1.275 2.383 1.752 1.752 0 0 0 2.092-1.715A1.748 1.748 0 0 0 10 9.234ZM15.5 19.497c-.15 0-.3-.03-.438-.09L10 17.235l-5.063 2.172a1.103 1.103 0 0 1-1.447-.555 1.097 1.097 0 0 1-.092-.558l.512-5.456L.274 8.724a1.098 1.098 0 0 1 .588-1.798l5.377-1.199 2.813-4.719a1.14 1.14 0 0 1 1.9 0l2.809 4.713 5.378 1.199a1.1 1.1 0 0 1 .838 1.294c-.038.187-.125.36-.25.504l-3.64 4.114.51 5.455a1.097 1.097 0 0 1-1.1 1.204l.004.006ZM10 15.977c.15 0 .298.03.436.088l4.894 2.097-.494-5.272a1.099 1.099 0 0 1 .27-.829l3.515-3.975-5.194-1.16a1.101 1.101 0 0 1-.71-.515L10 1.858 7.28 6.414a1.1 1.1 0 0 1-.707.512L1.38 8.086l3.515 3.975a1.098 1.098 0 0 1 .27.832l-.494 5.27 4.894-2.098c.138-.059.286-.089.436-.088Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Pop Culture</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Pop Culture" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="celebrities" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/celebrities/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Celebrities</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="creators_and_influencers" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/creators_and_influencers/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Creators &amp; Influencers</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="generations_and_nostalgia" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/generations_and_nostalgia/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Generations &amp; Nostalgia</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="podcasts" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/podcasts/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Podcasts</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="streamers" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/streamers/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Streamers</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="tarot_and_astrology" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/tarot_and_astrology/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Tarot &amp; Astrology</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper><faceplate-expandable-section-helper rpl="">
      <details class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="Movies &amp; TV" aria-expanded="false" class="font-normal">
      
            <left-nav-topic-tracker noun="topic_menu" topic="movies_and_tv" class="nd:visible">
              <li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-movies-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M18.375 8H6.45L17.3 5.093a.625.625 0 0 0 .44-.765L16.709.464a.62.62 0 0 0-.522-.459.616.616 0 0 0-.244.017L.488 4.162a.624.624 0 0 0-.441.766l.969 3.618A.527.527 0 0 0 1 8.625v8.75A2.629 2.629 0 0 0 3.625 20h12.75A2.628 2.628 0 0 0 19 17.375v-8.75A.625.625 0 0 0 18.375 8ZM8.06 6.275l-2.75.737v-2.7a.61.61 0 0 0-.028-.135l2.778-.744v2.842Zm1.25-3.182 2.75-.737V5.2l-2.75.737V3.093Zm7.063.954-3.063.82V2.022l2.35-.63.713 2.656ZM4.06 4.5v2.807c0 .013.006.025.007.038l-1.94.52-.712-2.657L4.06 4.5ZM17.75 17.375a1.377 1.377 0 0 1-1.375 1.375H3.625a1.377 1.377 0 0 1-1.375-1.375V9.25h15.5v8.125Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="">Movies &amp; TV</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li>
            </left-nav-topic-tracker>
          
    </summary>
    <faceplate-auto-height-animator class="block" connected="" style="transition: height 222ms ease 0s; height: 0px;">
      <div faceplate-auto-height-animator-content="" id="Movies &amp; TV" style="border-left: 1px solid var(--color-neutral-border-weak); margin-left: 28px; transition: opacity 222ms ease 0s; display: none;">
        
            <ul class="m-0 p-0">
              
  <left-nav-topic-tracker noun="topic_item" topic="action_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/action_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Action Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="animated_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/animated_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Animated Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="comedy_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/comedy_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Comedy Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="crime_mystery_and_thriller_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/crime_mystery_and_thriller_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Crime, Mystery, &amp; Thriller Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="documentary_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/documentary_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Documentary Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="drama_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/drama_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Drama Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="fantasy_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/fantasy_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Fantasy Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="horror_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/horror_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Horror Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="movie_news_and_discussion" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/movie_news_and_discussion/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Movie News &amp; Discussion</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="reality_tv" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/reality_tv/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Reality TV</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="romance_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/romance_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Romance Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="scifi_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/scifi_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Sci-Fi Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="superhero_movies_and_series" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/superhero_movies_and_series/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Superhero Movies &amp; Series</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

  <left-nav-topic-tracker noun="topic_item" topic="tv_news_and_discussion" class="nd:visible">
    <li rpl="" class="relative list-none mt-0  s:rounded-r-[8px] border-solid border-transparent border-0 border-l-sm -ml-px hover:border-l-neutral-border" role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-r-[8px] bg-transparent no-underline" href="https://reddit.com/t/tv_news_and_discussion/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">TV News &amp; Discussion</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  </left-nav-topic-tracker>

            </ul>
          
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper>
      <shreddit-async-loader bundlename="hui_left_nav_see_more" class="nd:none">
            <faceplate-auto-height-animator class="block" id="left-nav-more-topics" connected="" style="transition: height 222ms ease 0s; height: 0px;">
              <div faceplate-auto-height-animator-content="" class="hidden" style="transition: opacity 222ms ease 0s; display: none;">
                <faceplate-partial loading="programmatic" src="/svc/shreddit/left-nav-topics-more"></faceplate-partial>
              </div>
            <!----></faceplate-auto-height-animator>

            <hui-left-nav-see-more more-noun="topics_menu_see_more" less-noun="topics_menu_see_less" controls="left-nav-more-topics"></hui-left-nav-see-more>
          </shreddit-async-loader>
    
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper> <hr class="w-100 my-sm border-neutral-border-weak"> <nav aria-label="Reddit resources">
    <shreddit-async-loader bundlename="faceplate_expandable_section"></shreddit-async-loader>

    <faceplate-expandable-section-helper open="" rpl="">
      <details open="" class="p-0 m-0 bg-transparent border-none rounded-none">
    <summary aria-controls="RESOURCES" aria-expanded="true" class="font-normal">
      
        <faceplate-tracker source="nav" action="click" noun="resources_menu"><li rpl="" class="relative list-none mt-0 " role="presentation">
      <div tabindex="-1" class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover  hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1 bg-transparent s:rounded-[8px]" style="padding-right: 16px">
        
    <span class="flex items-center gap-xs min-w-0 shrink">
      
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14"><span class="text-12 text-secondary-weak tracking-widest">RESOURCES</span></span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"><svg rpl="" fill="currentColor" height="20" icon-name="caret-down-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 13.125a.624.624 0 0 1-.442-.183l-5-5 .884-.884L10 11.616l4.558-4.558.884.884-5 5a.624.624 0 0 1-.442.183Z"></path>
    </svg></span>
  </span>
  
      </div> 
    </li><!----></faceplate-tracker>
      
    </summary>
    <faceplate-auto-height-animator class="block" open="" connected="" style="transition: height 222ms ease 0s;">
      <div faceplate-auto-height-animator-content="" id="RESOURCES" style="transition: opacity 222ms ease 0s;">
         <faceplate-tracker source="nav" action="click" noun="about_reddit_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.redditinc.com" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="admin-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.938 9.211a3.25 3.25 0 0 0-3.177-2.642c-.45 0-.895.102-1.3.3a10.812 10.812 0 0 0-4.838-1.379l.81-3.741 2.444.519a1.492 1.492 0 1 0 .2-1.235L11.572.5a1.13 1.13 0 0 0-1.333.862L9.343 5.5a10.77 10.77 0 0 0-4.791 1.357 3.214 3.214 0 0 0-1.315-.289A3.248 3.248 0 0 0 .064 9.2c-.079.4-.085.812-.018 1.214a3.23 3.23 0 0 0 .912 1.754l.066.071v.127c.076 3.69 4.013 6.582 8.975 6.582 4.961 0 8.89-2.889 8.965-6.567l.006-.138.044-.046a3.252 3.252 0 0 0 .939-1.778c.067-.4.062-.81-.015-1.208Zm-1.221 1c-.075.42-.282.805-.59 1.1l-.392.407-.024.625c-.061 3-3.45 5.354-7.716 5.354-4.267 0-7.66-2.353-7.717-5.371l-.024-.6-.4-.433c-.3-.293-.5-.674-.571-1.087a2.138 2.138 0 0 1 .012-.765 2 2 0 0 1 1.942-1.623c.353.003.698.102 1 .286l.337.216.334-.22a9.435 9.435 0 0 1 4.758-1.381h.719a9.427 9.427 0 0 1 4.726 1.4l.347.225.343-.232a1.7 1.7 0 0 1 .96-.3 2 2 0 0 1 1.949 1.629c.049.253.051.512.007.766v.004Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">About Reddit</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="advertise_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://accounts.reddit.com/adsregister?utm_source=web3x_consumer&amp;utm_name=left_nav_cta" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-activism-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.175 13.11c-.237.462-.428.6-.514.627l-.133-.035c-.439-.238-1.278-2.03-1.278-5.2 0-2.95.729-4.718 1.184-5.144l.245-.087c.095.042.276.192.5.62l.284.556 1.113-.57-.285-.556c-.541-1.057-1.17-1.3-1.618-1.316h-.044a1.4 1.4 0 0 0-.754.23L3.7 5.852c-.915-.552-1.847-.991-2.61-.58C.237 5.735.044 6.98 0 9c.047 2 .24 3.245 1.093 3.7.783.423 1.754-.06 2.7-.637.288.1.685.218 1.224.37v4.347a1.122 1.122 0 0 0 1.121 1.12h2.75a1.123 1.123 0 0 0 1.122-1.12v-3l4.028 1.075c.183.088.384.134.587.135.45 0 1.1-.23 1.661-1.32l.285-.555-1.113-.57-.283.566Zm-11.882-2.2c-1.247.782-1.546.734-1.607.7C1.6 11.56 1.3 11.229 1.25 9c.049-2.25.345-2.582.434-2.63.064-.033.361-.081 1.61.7a.624.624 0 0 0 .54.058l8.838-3.146A13.9 13.9 0 0 0 12 8.5c-.034 1.608.221 3.21.754 4.728L3.79 10.834a.622.622 0 0 0-.497.073v.004Zm2.97 5.753v-3.877c.678.184 1.507.405 2.5.67v3.2l-2.5.007ZM19.25 8v1.25H16V8h3.25Zm-3.477-2.674 2.82-1.594.615 1.088-2.819 1.594-.616-1.088Zm.616 5.26 2.819 1.594-.615 1.088-2.82-1.594.616-1.088Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Advertise</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="help_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://support.reddithelp.com/hc?utm_source=reddit&amp;utm_medium=footer&amp;utm_campaign=evergreen" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="help-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M10 20a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Zm0-18.75A8.75 8.75 0 1 0 18.75 10 8.76 8.76 0 0 0 10 1.25Zm1.611 4.058a2.4 2.4 0 0 1 .994.861c.241.375.366.812.359 1.258a2.04 2.04 0 0 1-.167.854c-.1.229-.238.439-.407.622-.2.208-.413.404-.636.588-.223.188-.4.348-.533.483a1.754 1.754 0 0 0-.328.464 1.326 1.326 0 0 0-.13.591v.78H9.328v-.759a2.216 2.216 0 0 1 .601-1.572c.204-.21.421-.406.65-.588.209-.173.373-.316.492-.431a1.52 1.52 0 0 0 .3-.4 1.154 1.154 0 0 0-.058-1.128 1.192 1.192 0 0 0-.485-.421 1.525 1.525 0 0 0-.677-.151 1.545 1.545 0 0 0-.721.168 1.3 1.3 0 0 0-.713 1.131H7.256a2.628 2.628 0 0 1 1.381-2.293A3.132 3.132 0 0 1 10.175 5c.496-.008.987.097 1.436.308Zm-2.164 9.843a1.088 1.088 0 0 1-.386-.385 1.034 1.034 0 0 1-.144-.537c-.002-.186.048-.37.144-.53.094-.16.227-.293.386-.387a1.03 1.03 0 0 1 .53-.143 1.062 1.062 0 0 1 .926 1.597c-.096.159-.23.291-.389.385a1.034 1.034 0 0 1-.537.144 1.021 1.021 0 0 1-.53-.144Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Help</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="blog_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://redditblog.com/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-reading-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.375 2h-7.292A2.688 2.688 0 0 0 10 3a2.688 2.688 0 0 0-2.083-1H.625A.625.625 0 0 0 0 2.625v14.75A.625.625 0 0 0 .625 18h7.917v-1.25H1.25V3.25h6.667a1.465 1.465 0 0 1 1.458 1.469v11.093h1.25V4.719a1.465 1.465 0 0 1 1.458-1.469h6.667v13.5h-6.667a2.64 2.64 0 0 0-2.708 2.625V20h1.25v-.625A1.388 1.388 0 0 1 12.083 18h7.292a.624.624 0 0 0 .625-.625V2.625A.625.625 0 0 0 19.375 2Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Blog</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="careers_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.redditinc.com/careers" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-careers-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.784 12.331a7 7 0 0 0 1.165.6l-6.174 6.178a2.747 2.747 0 0 1-3.883-3.884l6.18-6.181c.162.409.362.8.6 1.171l-5.897 5.894a1.5 1.5 0 0 0 0 2.116 1.533 1.533 0 0 0 2.118 0l5.891-5.894Zm4.481-.309a5.7 5.7 0 0 0 4.671-3.953 5.372 5.372 0 0 0-.1-3.538 1.116 1.116 0 0 0-.813-.7 1.127 1.127 0 0 0-1.039.305L14.118 7A.807.807 0 0 1 13 7a.79.79 0 0 1 0-1.116l2.864-2.863a1.127 1.127 0 0 0 .3-1.04 1.112 1.112 0 0 0-.7-.812 5.363 5.363 0 0 0-3.539-.1 5.7 5.7 0 0 0-3.946 4.666 5.627 5.627 0 0 0 6.287 6.287Zm.58-9.75L12.117 5a2.043 2.043 0 0 0 0 2.884 2.088 2.088 0 0 0 2.883 0l2.727-2.726c.271.825.276 1.714.013 2.542a4.432 4.432 0 0 1-3.628 3.079A4.377 4.377 0 0 1 9.22 5.887a4.429 4.429 0 0 1 4.342-3.822c.437 0 .87.07 1.284.207Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Careers</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="press_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.redditinc.com/press" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="author-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.128 0a4.78 4.78 0 0 0-4.774 4.774c.007.214.029.427.065.638l-.137-.138a1.143 1.143 0 0 0-1.719.126L.461 16.2a2.315 2.315 0 0 0 3.241 3.24l10.8-8.1a1.14 1.14 0 0 0 .122-1.718l-.138-.138c.212.036.426.058.64.065a4.773 4.773 0 1 0 0-9.547L15.128 0ZM2.955 18.445a1.07 1.07 0 0 1-1.5-1.5L9.487 6.239l4.175 4.176-10.707 8.03ZM15.128 8.3a3.53 3.53 0 1 1 0-7.06 3.53 3.53 0 0 1 0 7.06Zm-7.186 2.78L10.018 9l.88.88-2.077 2.08-.879-.88Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Press</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker><hr class="my-sm"> <faceplate-tracker source="nav" action="click" noun="communities_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.reddit.com/best/communities/1/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="community-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.875 7.614a2.055 2.055 0 0 0-.974.222 1.62 1.62 0 0 0-.879 1.46v4.2H6.409V6.2h1.552v.93H8c.275-.32.616-.575 1-.748.453-.207.947-.31 1.445-.3.243-.003.487.02.725.071.158.03.31.084.451.161l-.649 1.559a1.731 1.731 0 0 0-.523-.2 2.755 2.755 0 0 0-.574-.059ZM20 10A10 10 0 1 1 10 0a10.011 10.011 0 0 1 10 10Zm-1.25 0a8.722 8.722 0 0 0-2.841-6.435l-4.974 11.986H9.581l5.3-12.809A8.748 8.748 0 1 0 18.75 10Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Communities</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="rereddit_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.reddit.com/posts/2024/global/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-history-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.625 19H2.375v-1.25h15.25V19ZM17 4.684V3.625h-1.25v1.059a4.6 4.6 0 0 1-2.8 4.215l-1.062.442a.626.626 0 0 0 0 1.155l1.055.438a4.609 4.609 0 0 1 2.81 4.219v1.222H17v-1.222a5.853 5.853 0 0 0-3.28-5.235A5.85 5.85 0 0 0 17 4.684Zm-7 9.253 2.475 2.438h1.783l-3.82-3.761a.625.625 0 0 0-.876 0l-3.8 3.761h1.763L10 13.937ZM3 3.625v1.059a5.85 5.85 0 0 0 3.28 5.234A5.852 5.852 0 0 0 3 15.153v1.222h1.25v-1.222a4.6 4.6 0 0 1 2.8-4.215l1.065-.438a.626.626 0 0 0 0-1.155L7.06 8.9a4.609 4.609 0 0 1-2.81-4.216V3.625H3ZM17.625 1H2.375v1.25h15.25V1Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Best of Reddit</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="topics_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.reddit.com/topics/a-1/" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="m19.567 18.683-2.194-2.194a3.508 3.508 0 1 0-.884.885l2.194 2.193.884-.884ZM14.5 16.75a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM5.5 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm0 5.75a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM12.125 9h4.75A1.127 1.127 0 0 0 18 7.875v-4.75A1.127 1.127 0 0 0 16.875 2h-4.75A1.127 1.127 0 0 0 11 3.125v4.75A1.127 1.127 0 0 0 12.125 9Zm.125-5.75h4.5v4.5h-4.5v-4.5ZM7.875 11h-4.75A1.127 1.127 0 0 0 2 12.125v4.75A1.127 1.127 0 0 0 3.125 18h4.75A1.127 1.127 0 0 0 9 16.875v-4.75A1.127 1.127 0 0 0 7.875 11Zm-.125 5.75h-4.5v-4.5h4.5v4.5Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Topics</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker><hr class="my-sm"> <faceplate-tracker source="nav" action="click" noun="content_policy_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.redditinc.com/policies/content-policy" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-ethics-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.375 1H18.25V0H17v1h-1.375a.625.625 0 0 0-.625.625V3H5V1.625A.625.625 0 0 0 4.375 1H3.25V0H2v1H.625A.625.625 0 0 0 0 1.625v16.75A.625.625 0 0 0 .625 19H2v1h1.25v-1h1.125A.625.625 0 0 0 5 18.375V17h10v1.375a.624.624 0 0 0 .625.625H17v1h1.25v-1h1.125a.624.624 0 0 0 .625-.625V1.625A.625.625 0 0 0 19.375 1ZM3.75 17.75h-2.5V2.25h2.5v15.5Zm1.25-2V4.25h10v11.5H5Zm13.75 2h-2.5V2.25h2.5v15.5ZM7.782 7.025h4.436v1.25H7.782v-1.25Zm0 4h4.436v1.25H7.782v-1.25Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Content Policy</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="privacy_policy_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.reddit.com/policies/privacy-policy" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="topic-law-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M2.3 8.625 3.621 5.31l1.324 3.315h1.346L4.256 3.53a1.37 1.37 0 0 1 1.362-1.28h8.764a1.37 1.37 0 0 1 1.362 1.28l-2.035 5.1h1.346l1.324-3.32L17.7 8.625h1.346l-2.061-5.16A2.62 2.62 0 0 0 14.382 1H5.618a2.62 2.62 0 0 0-2.606 2.465L.951 8.625H2.3Z"></path><path d="M6.617 10H.625a.625.625 0 0 0-.625.625 3.62 3.62 0 1 0 7.242 0A.625.625 0 0 0 6.617 10Zm-3 3a2.376 2.376 0 0 1-2.288-1.75h4.58A2.376 2.376 0 0 1 3.621 13h-.004Z"></path><path d="M19.375 10h-5.992a.624.624 0 0 0-.625.625 3.622 3.622 0 0 0 6.966 1.386c.182-.44.276-.91.276-1.386a.624.624 0 0 0-.625-.625Zm-3 3a2.376 2.376 0 0 1-2.288-1.75h4.576A2.375 2.375 0 0 1 16.379 13h-.004Z"></path><path d="M10.625 5h-1.25v12.7H6.479v1.25h7.042V17.7h-2.896V5Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">Privacy Policy</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker> <faceplate-tracker source="nav" action="click" noun="user_agreement_menu">
    <li rpl="" class="relative list-none mt-0 " role="presentation">
      <a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer  py-2xs  -outline-offset-1  s:rounded-[8px] bg-transparent no-underline" href="https://www.redditinc.com/policies/user-agreement" style="padding-right: 16px">
    <span class="flex items-center gap-xs min-w-0 shrink">
       <span class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4">
            <svg rpl="" fill="currentColor" height="20" icon-name="rules-outline" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
      <path d="M7.35 7.333H5.733V6.77h.48V5.23a1.232 1.232 0 0 1-.47.111v-.507c.178.01.353-.05.487-.167h.7v2.1h.419l.003.566Zm-.767 1.92c.164 0 .258.082.258.23 0 .22-.115.276-.516.522-.7.422-.768.806-.768 1.185v.143h1.975v-.564H6.374c.039-.106.149-.236.483-.424.538-.29.659-.581.659-.878 0-.488-.3-.8-.916-.8a1.171 1.171 0 0 0-1.05.633l.479.345a.708.708 0 0 1 .554-.392Zm.536 4.66a.544.544 0 0 0 .383-.545c0-.438-.313-.7-.9-.7a1.435 1.435 0 0 0-1.01.4l.369.427a.824.824 0 0 1 .588-.26c.178 0 .275.081.275.211 0 .156-.1.253-.448.253h-.218v.482h.205c.356 0 .507.086.507.307 0 .162-.1.28-.383.28a.7.7 0 0 1-.566-.334L5.5 14.8a1.22 1.22 0 0 0 1.047.529c.626 0 1.036-.286 1.036-.826a.581.581 0 0 0-.464-.59Zm1.88-3.288h6v-1.25H9v1.25Zm0 4h6v-1.25H9v1.25Zm0-8h6v-1.25H9v1.25Zm9-5.014v17.271A1.123 1.123 0 0 1 16.876 20h-12.7a1.123 1.123 0 0 1-1.125-1.118V4.25h-.875A1.127 1.127 0 0 1 1.05 3.125v-1.5A1.627 1.627 0 0 1 2.675 0h13.7A1.62 1.62 0 0 1 18 1.611ZM2.3 3h.75V1.625a.375.375 0 0 0-.75 0V3Zm14.45-1.389a.369.369 0 0 0-.374-.361H4.252a1.6 1.6 0 0 1 .048.375V18.75h12.45V1.611Z"></path>
    </svg>
          </span>
      
      <span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
        <span class="text-14">User Agreement</span>
        <span class="text-12 text-secondary-weak"></span>
      </span>
    </span>
    <span class="flex items-center shrink-0">
    <span class="flex items-center justify-center h-lg"></span>
  </span>
  </a> 
    </li>
  <!----></faceplate-tracker>
      </div>
    <!----></faceplate-auto-height-animator>
  </details>
    <!----></faceplate-expandable-section-helper>
  </nav> <div class="visible py-md grow flex flex-col justify-end">
  <a class="no-underline text-tone-2 text-10 px-md" href="https://redditinc.com">Reddit, Inc. © 2024. All rights reserved.</a>
</div>
      </nav>
    </reddit-sidebar-nav>
  </div></div><shreddit-media-lightbox></shreddit-media-lightbox><auth-flow-manager><span slot="login" feature-name="LoginStep_fKScTR">
    <faceplate-loader name="LoginStep_fKScTR" src="https://www.redditstatic.com/shreddit/en-US/login-step-client-js-5426c62a.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="LoginStep_fKScTR" src="/svc/shreddit/partial/fKScTR/login-step?params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.FzdvRBywMXGoy_oD295MhsQiW_lpjiGMKsB9_f7Xl3w" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="register" feature-name="RegisterStep_yNTrTf">
    <faceplate-loader name="RegisterStep_yNTrTf" src="https://www.redditstatic.com/shreddit/en-US/register-step-client-js-b66d1009.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="RegisterStep_yNTrTf" src="/svc/shreddit/partial/yNTrTf/register-step?data=%7B%22hideSSOOptions%22%3Afalse%7D&amp;params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.HUa0_VpRJIFOhnABOzPSG3GGcDzdXb89WZdfJI1-b0o" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="register-email-only" feature-name="RegisterStep_yNTrTf">
    <faceplate-loader name="RegisterStep_yNTrTf" src="https://www.redditstatic.com/shreddit/en-US/register-step-client-js-b66d1009.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="RegisterStep_yNTrTf" src="/svc/shreddit/partial/yNTrTf/register-step?data=%7B%22hideSSOOptions%22%3Atrue%7D&amp;params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.ckoJrpbO1otog2tQnWl57-ngmxScoppmSVP2oseH4Wo" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="password" feature-name="RecoveryStep_wKMxMp">
    <faceplate-loader name="RecoveryStep_wKMxMp" src="https://www.redditstatic.com/shreddit/en-US/recovery-step-client-js-99ccf69e.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="RecoveryStep_wKMxMp" src="/svc/shreddit/partial/wKMxMp/recovery-step?params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.FzdvRBywMXGoy_oD295MhsQiW_lpjiGMKsB9_f7Xl3w" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="phone_auth" feature-name="PhoneAuth_fjbljz">
    <faceplate-loader name="PhoneAuth_fjbljz" src="https://www.redditstatic.com/shreddit/en-US/phone-auth-client-js-18383b46.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="PhoneAuth_fjbljz" src="/svc/shreddit/partial/fjbljz/phone-auth?params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.FzdvRBywMXGoy_oD295MhsQiW_lpjiGMKsB9_f7Xl3w" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="onboarding" feature-name="OnboardingFlow_P9NNss">
    <faceplate-loader name="OnboardingFlow_P9NNss" src="https://www.redditstatic.com/shreddit/en-US/onboarding-flow-client-js-5ca9e432.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="OnboardingFlow_P9NNss" src="/svc/shreddit/partial/P9NNss/onboarding-flow?params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.FzdvRBywMXGoy_oD295MhsQiW_lpjiGMKsB9_f7Xl3w" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="sso_linking" feature-name="SSOLinkingStep_yCrVbB">
    <faceplate-loader name="SSOLinkingStep_yCrVbB" src="https://www.redditstatic.com/shreddit/en-US/sso-linking-step-client-js-ac76c957.js" loading="programmatic"><!----></faceplate-loader>
  
      <faceplate-partial name="SSOLinkingStep_yCrVbB" src="/svc/shreddit/partial/yCrVbB/s-s-o-linking-step?params=prefix%3Dr%26subreddit%3Dsixwordstories%26postId%3D1g0fkqu%26slug%3Dcomment%26commentId%3Dlr8nupq&amp;sig=v1.FzdvRBywMXGoy_oD295MhsQiW_lpjiGMKsB9_f7Xl3w" loading="programmatic">
        
        
      </faceplate-partial>
    </span><span slot="passwordrecovery" feature-name="PasswordResetStep_nB5wg1"></span></auth-flow-manager><!-- routable page end --><faceplate-perfmetric-collector endpoint="/svc/shreddit/perfMetrics">
     <data value="first-post-meaningful-paint"></data> <data value="first-comment-meaningful-paint"></data> <data value="first-contentful-paint"></data> <data value="time-to-first-byte"></data> <data value="largest-contentful-paint"></data> <data value="cumulative-layout-shift"></data>
  </faceplate-perfmetric-collector>  <shreddit-navtimings-collector endpoint="/svc/shreddit/perfMetrics">
  </shreddit-navtimings-collector>
        </shreddit-app>
        
    <script id="recaptcha-script" nonce="" data-src="https://www.google.com/recaptcha/enterprise.js?onload=grecaptchaOnLoad&amp;render=explicit"></script>
    <script id="googleid-signin-script" nonce="" data-src="https://accounts.google.com/gsi/client"></script>
    <script id="appleid-signin-script" nonce="" data-src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
  
        
        <navigation-indicator class="fixed top-0 w-100 z-50"></navigation-indicator>
        
        
        
  <script type="module" async="" src="https://www.redditstatic.com/shreddit/en-US/alert-controller-client-js-38795764.js"></script></body></html>