
    <!DOCTYPE html>
    <html lang="en-US" class="theme-beta">
      <head prefix="og: https://ogp.me/ns#">
        <title>Reddit - Dive into anything</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">
        
        
    
    
     <meta name="bingbot" content="noarchive" /> 
  
        
        <link rel="preconnect" href="https://www.redditstatic.com/" crossorigin="anonymous" />
        <link rel="dns-prefetch" href="https://www.redditstatic.com/" />
      
        
    <script type="module" nonce="YiAGO7GU9Jt4biSGOF1Qtw==">let n;Promise.resolve();let e=null;async function i(){return e||(e=async function(){if(n=window.navigation,!n){console.log("Navigation API not supported, loading polyfill");try{const{applyPolyfill:e}=await import("./apply-polyfill-276cecbc.js");n=e()}catch{console.log("Navigation polyfill failed to initialize.")}}}()),e}!function(n,e,o,t,a,r,d){var c=!1,l=!1,s=[],f=function(n){("e"in n||"p"in n||n.f&&n.f.indexOf("capture")>-1||n.f&&n.f.indexOf("withScope")>-1||n.f&&n.f.indexOf("showReportDialog")>-1)&&u(s),f.data.push(n)};function u(e){function o(){i().then((()=>import("https://www.redditstatic.com/shreddit/sentry-ada1b632.js"))).then((i=>{try{n[r]=i.default,n[t]=p,n[a]=h;var o=n[r],c=o.init;o.init=function(n){var e=d;for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);c(e)},function(e,i){try{for(var o=f.data,r=0;r<e.length;r++)"function"==typeof e[r]&&e[r]();var d=!1,c=n.__SENTRY__;void 0!==c&&c.hub&&c.hub.getClient()&&(d=!0);var l=!1;for(r=0;r<o.length;r++)if(o[r].f){l=!0;var s=o[r];!1===d&&"init"!==s.f&&i.init(),d=!0,i[s.f].apply(i,s.a)}!1===d&&!1===l&&i.init();var u=n[t],p=n[a];for(r=0;r<o.length;r++)"e"in o[r]&&u?u.apply(n,o[r].e):"p"in o[r]&&p&&p.apply(n,[o[r].p])}catch(n){console.error(n)}}(e,o)}catch(n){console.error(n)}}))}l||(l=!0,"requestIdleCallback"in window?requestIdleCallback(o,{timeout:3e3}):window.setTimeout(o,0))}f.data=[],n[r]=n[r]||{},n[r].onLoad=function(n){s.push(n),c&&u(s)},n[r].forceLoad=function(){c=!0,setTimeout((function(){u(s)}))},["init","addBreadcrumb","captureMessage","captureException","captureEvent","configureScope","withScope","showReportDialog"].forEach((function(e){n[r][e]=function(){f({f:e,a:arguments})}}));var p=n[t];n[t]=function(e,i,o,t,a){f({e:[].slice.call(arguments)}),p&&p.apply(n,arguments)};var h=n[a];n[a]=function(e){f({p:"reason"in e?e.reason:"detail"in e&&"reason"in e.detail?e.detail.reason:e}),h&&h.apply(n,arguments)}}(window,document,0,"onerror","onunhandledrejection","Sentry",{dsn:"https://9f057df6115a4bb488c08ea12a835e6e@o418887.ingest.sentry.io/5810803"});var o=/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 t=["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'"],a=["findTopmostVisibleElement"],r=n=>{const e=(i=navigator.userAgent,!o.test(i));var i;return!!((n=>!!t.some((e=>n?.originalException?.message?.includes(e))))(n)||(n=>!!a.some((e=>n?.originalException?.stack?.includes(e))))(n)||e)};window.Sentry.onLoad((async()=>{await i(),window.Sentry.init({enabled:SENTRY_CONFIG.enabled,dsn:SENTRY_CONFIG.dsn,environment:SENTRY_CONFIG.environment,release:"0689e72155444e08b7b6a08029d2f88ca706e210",beforeSend:(n,e)=>r(e)?null:(fetch("/svc/shreddit/sentryMetrics",{method:"POST",body:""}),n),sampleRate:.001})}));
//# sourceMappingURL=sentry-init-cc90a1e4.js.map
</script>
  
        <script nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
    window.CLIENT_EXPERIMENTS = {"shreddit_recaptcha_comment_create":"enabled","shreddit_service_worker_registration":"enabled","shreddit_mobile_banner_upload":"enabled"};
  </script>
        
     
    <script type="module" nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      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};
//# sourceMappingURL=sticky-canary-8fbdb561.js.map
;
    </script>
    
    <style nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      :root,button,html,input,select{font-family:var(--font-sans)}.align-left,td,th{text-align:left}faceplate-expandable-section-helper>details>summary,menu{list-style-type:none}del,ins{text-underline-position:under}.grecaptcha-badge,:not(:defined):not(faceplate-auto-height-animator,faceplate-dropdown-menu,faceplate-expandable-section-helper,faceplate-hovercard,faceplate-tracker){visibility:hidden}shreddit-app #menu-screen,shreddit-app:not(:defined)::before{position:fixed;top:0;left:0;content:'';right:0}ac-activate,ac-call,ac-contents,ac-dispatch,ac-publish,ac-render-template,ac-toggle,ac-track,faceplate-dropdown-menu:not(.connected) [slot=menu],faceplate-hovercard:not(:defined)>[slot=content],shreddit-ad-post:not(:defined) [slot=desktop-cta-row],shreddit-app #menu-screen,shreddit-post:not(:defined) [slot=desktop-cta-row]{display:none}.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-avatar-media-gradient:linear-gradient(0deg, #00000099, #181C1Fff 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-text-weak:var(--color-secondary-plain-weak);--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-caution-background);--color-button-caution-background-hover:var(--color-caution-background-hover);--color-button-caution-background-disabled:var(--color-interactive-background-disabled);--color-button-caution-text:var(--color-caution-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-avatar-media-gradient:linear-gradient(0deg, #00000099, #181C1Fff 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-text-weak:var(--color-secondary-plain-weak);--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-caution-background);--color-button-caution-background-hover:var(--color-caution-background-hover);--color-button-caution-background-disabled:var(--color-interactive-background-disabled);--color-button-caution-text:var(--color-caution-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}.theme-dark,.theme-light,:root{background:var(--color-tone-7);color:var(--color-neutral-content,var(--color-tone-1))}: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-button-caution-text)}.rpl-vote-button-group{--vote-button-divider-color:var(--color-neutral-border-weak)}.rpl-vote-button-group:not([disabled]) .rpl-vote-button-group-label{color:var(--vote-button-label-color)}.rpl-vote-button-group:not([disabled]):hover.rpl-vote-button-group-label{color:var(--vote-button-label-color-hover)}.rpl-vote-button-group .rpl-vote-button-group-divider{background-color:var(--vote-button-divider-color)}code,details,header,kbd,pre,samp,th,tr:nth-child(even){background:var(--color-tone-6)}.rpl-vote-button-group[disabled] button[rpl]:disabled{--button-color-background-disabled:transparent}.rpl-vote-button-group.button-plain{--vote-button-label-color:var(--color-secondary-plain);--vote-button-label-color-hover:var(--color-secondary-plain)}.rpl-vote-button-group.button-plain button[rpl]:first-child{--button-color-text-hover:var(--color-upvote-plain-weaker)}.rpl-vote-button-group.button-plain button[rpl]:last-child{--button-color-text-hover:var(--color-downvote-plain-weaker)}.rpl-vote-button-group.button-plain.upvote{--vote-button-label-color:var(--color-upvote-plain)}.rpl-vote-button-group.button-plain.upvote button[rpl]:first-child{--button-color-text-default:var(--color-upvote-plain-weaker);--button-color-text-hover:var(--color-upvote-plain-weaker);--button-color-text-disabled:var(--color-upvote-plain-disabled);--button-color-text-activated:var(--color-upvote-plain-weaker)}.rpl-vote-button-group.button-plain.downvote{--vote-button-label-color:var(--color-downvote-plain)}.rpl-vote-button-group.button-plain.downvote button[rpl]:last-child{--button-color-text-default:var(--color-downvote-plain-weaker);--button-color-text-disabled:var(--color-downvote-plain-disabled);--button-color-text-activated:var(--color-downvote-plain-weaker)}.rpl-vote-button-group.button-secondary{--vote-button-label-color:var(--color-secondary-plain);--vote-button-label-color-hover:var(--color-secondary-plain);--vote-button-divider-color:var(--color-neutral-border)}.rpl-vote-button-group.button-secondary button[rpl]:first-child{--button-color-text-hover:var(--color-upvote-plain-weaker)}.rpl-vote-button-group.button-secondary button[rpl]:last-child{--button-color-text-hover:var(--color-downvote-plain-weaker)}.rpl-vote-button-group.button-secondary.upvote,.rpl-vote-button-group.button-secondary.upvote button[rpl]{--button-color-text-default:var(--color-upvote-onBackground);--button-color-text-hover:var(--color-upvote-onBackground);--button-color-text-disabled:var(--color-upvote-disabled);--button-color-text-activated:var(--color-upvote-onBackground)}.rpl-vote-button-group.button-secondary.upvote button[rpl]:not([disabled]),.rpl-vote-button-group.button-secondary.upvote:not([disabled]){--button-color-background-default:var(--color-upvote-background);--button-color-background-hover:var(--color-upvote-background-hover);--button-color-background-active:var(--color-upvote-background-hover);--vote-button-divider-color:var(--color-upvote-onBackground);--vote-button-label-color:var(--color-media-onBackground)}.rpl-vote-button-group.button-secondary.downvote,.rpl-vote-button-group.button-secondary.downvote button[rpl]{--button-color-text-default:var(--color-downvote-onBackground);--button-color-text-hover:var(--color-downvote-onBackground);--button-color-text-disabled:var(--color-downvote-disabled);--button-color-text-activated:var(--color-downvote-onBackground)}.rpl-vote-button-group.button-secondary.downvote button[rpl]:not([disabled]),.rpl-vote-button-group.button-secondary.downvote:not([disabled]){--button-color-background-default:var(--color-downvote-background);--button-color-background-hover:var(--color-downvote-background-hover);--button-color-background-active:var(--color-downvote-background-hover);--vote-button-divider-color:var(--color-upvote-onBackground);--vote-button-label-color:var(--color-media-onBackground)}.rpl-vote-button-group.button-bordered-cab{--vote-button-label-color:var(--color-secondary-plain);--vote-button-label-color-hover:var(--color-secondary-plain)}.rpl-vote-button-group.button-bordered-cab button[rpl]:first-child{--button-color-text-hover:var(--color-upvote-plain-weaker)}.rpl-vote-button-group.button-bordered-cab button[rpl]:last-child{--button-color-text-hover:var(--color-downvote-plain-weaker)}.rpl-vote-button-group.button-bordered-cab.upvote{--vote-button-label-color:var(--color-upvote-plain)}.rpl-vote-button-group.button-bordered-cab.upvote button[rpl]:first-child{--button-color-text-default:var(--color-upvote-plain-weaker);--button-color-text-hover:var(--color-upvote-plain-weaker);--button-color-text-disabled:var(--color-upvote-plain-disabled);--button-color-text-activated:var(--color-upvote-plain-weaker)}.rpl-vote-button-group.button-bordered-cab.downvote{--vote-button-label-color:var(--color-downvote-plain)}.rpl-vote-button-group.button-bordered-cab.downvote button[rpl]:last-child{--button-color-text-default:var(--color-downvote-plain-weaker);--button-color-text-hover:var(--color-downvote-plain-weaker);--button-color-text-disabled:var(--color-downvote-plain-disabled);--button-color-text-activated:var(--color-downvote-plain-weaker)}.rpl-vote-button-group.button-media-cab{--vote-button-label-color:var(--color-media-onBackground);--vote-button-label-color-hover:var(--color-media-onBackground);--vote-button-divider-color:var(--color-media-border-weak)}.rpl-vote-button-group.button-media-cab button[rpl]:first-child{--button-color-text-hover:var(--color-upvote-onStrongScrim-weaker)}.rpl-vote-button-group.button-media-cab button[rpl]:last-child{--button-color-text-hover:var(--color-downvote-onStrongScrim-weaker)}.rpl-vote-button-group.button-media-cab.upvote{--vote-button-label-color:var(--color-upvote-onStrongScrim)}.rpl-vote-button-group.button-media-cab.upvote button[rpl]:first-child{--button-color-text-default:var(--color-upvote-onStrongScrim-weaker);--button-color-text-activated:var(--color-upvote-onStrongScrim-weaker);--button-color-text-disabled:var(--color-upvote-onStrongScrim-disabled)}.rpl-vote-button-group.button-media-cab.downvote{--vote-button-label-color:var(--color-downvote-onStrongScrim)}.rpl-vote-button-group.button-media-cab.downvote button[rpl]:last-child{--button-color-text-default:var(--color-downvote-onStrongScrim-weaker);--button-color-text-activated:var(--color-downvote-onStrongScrim-weaker);--button-color-text-disabled:var(--color-downvote-onStrongScrim-disabled)}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)}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>details>summary [icon-name=caret-down-outline]{transition:transform .22s ease-in-out}faceplate-expandable-section-helper:not(:defined)>details[open]>summary svg[rpl][icon-name=caret-down-outline],faceplate-expandable-section-helper[open]>details>summary svg[rpl][icon-name=caret-down-outline]{transform:rotate(180deg)}faceplate-expandable-section-helper:not(:defined)>details[open]>summary svg[rpl][icon-name=caret-down-outline],faceplate-expandable-section-helper:not([open])>details>summary svg[rpl][icon-name=caret-down-outline]{transform:rotate(0)}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}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}@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}: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).disabled.pointer-all,:where(input):where([type=submit],[type=reset],[type=button]).disabled.pointer-all{--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:all}: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)}:root{--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);background:var(--color-ui-canvas);--shreddit-content-background:var(--color-tone-7)}: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}faceplate-tablist a:hover{text-decoration:none}code,kbd,pre,samp{font-family:var(--font-mono);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;max-width:100%;overflow:auto}kbd{border-bottom-width:3px}code pre,pre code{background:inherit;font-size:inherit;border:0;padding:0;margin:0;color:inherit}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)}details[open] summary icon-caret-down,details[open] summary svg[rpl][icon-name=caret-down-outline]{transform:rotate(180deg);transition:transform .22s ease-in-out}details summary icon-caret-down,details summary svg[rpl][icon-name=caret-down-outline]{transform:rotate(0);transition:transform .22s ease-in-out}.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{border-collapse:collapse;width:100%;word-break:normal;margin-bottom:1rem}td,th{padding:.5rem}img,input,textarea{max-width:100%}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;overscroll-behavior:none}.shadow-ssr:not(:defined),.sidebar-open .sidebar-grid.pdp .left-sidebar,faceplate-partial[loading=eager],noscript *,shreddit-app activate-feature:not(:defined),shreddit-app click-location-tracker:not(:defined),shreddit-app shreddit-devvit-ui-loader:not(:defined),shreddit-app shreddit-dynamic-ad-link:not(:defined),shreddit-app:not(:defined){visibility:visible}:root,:root.theme-light{--shreddit-color-mods-reported-background:#fff2bd;--shreddit-color-mods-reported-background-hover:#ffe88f;--shreddit-color-mods-reported-highlight-background:#FFE284;--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-highlight-background:#3F2D00;--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-highlight-background:#3F2D00;--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-gutter:stable;--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: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}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 .post-content,shreddit-post .post-content{grid-column:1/4}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=thumbnail],shreddit-post[view-type=compactView]:not(:defined) [slot=thumbnail]{margin-left:.25rem}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:not(li){margin-top:0}.md :last-child{margin-bottom:0}.md li p{margin: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-comment .load-more::after,shreddit-comment .load-more::before{position:absolute;left:-1.5em;width:6px;content:''}.shreddit-pagination .right{grid-column:2/span 1}shreddit-comment:not(:defined):not(.shadow-ssr){height:70px}shreddit-ad-post del{text-decoration-color:inherit;text-decoration-line:line-through}shreddit-comment .load-more::before{top:0;height:calc(100% + 12px);background-color:var(--color-tone-7)}shreddit-comment .load-more::after{top:50%;transform:translateY(-50%);border-radius:50%;height:6px;background-color:var(--color-tone-6)}shreddit-comment .admin{color:var(--color-identity-admin)}shreddit-comment .moderator{color:var(--color-identity-moderator)}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 .author{color:inherit}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)}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}.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}.lb-lazy-preload{margin-top:-1000px;padding-top:1000px}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;color:var(--color-action-secondary);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}.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}
    </style>
    <style id="tailwind" nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      faceplate-expandable-section-helper {
  display: contents;
  /* [rpl] just to boost the selector */
  /*
  Target the [open] attribute on either the root element OR the details
  element to rotate the chevron. This is to handle rotating chevrons both
  before and after the faceplate-expandable-section-helper component is defined.
  
  Before the component is defined, the [open] attribute on the component will not
  toggle if the user clicks on details, but the [open] attribute will toggle on
  the details element, so we need to target details too.

  The reason we can't target only the details element is because once the web
  component is defined, we delay toggling the [open] attribute on the details
  element until AFTER the animation finishes. So if we only targeted the details
  element for the chevron rotation the chevron wouldn't rotate until after the
  collapse animation finished and we finally toggle the [open] attriubte on the
  details element.
  */
  /*
    Specific handling for nested menus. We only need to handle collapse menus inside of
    expanded menus, not expanded menus inside collapsed menus because you can't see those!
  */
}
faceplate-expandable-section-helper > details > summary {
  list-style-type: none;
  /* For Safari */
}
faceplate-expandable-section-helper > details > summary::marker,
faceplate-expandable-section-helper > details > summary::-webkit-details-marker {
  display: none;
}
faceplate-expandable-section-helper[rpl] > details > summary {
  /* override details.less */
  margin: 0;
}
faceplate-expandable-section-helper > details > summary [icon-name='caret-down-outline'] {
  transition: transform 0.22s ease-in-out;
}
faceplate-expandable-section-helper[open] > details > summary svg[rpl][icon-name='caret-down-outline'],
faceplate-expandable-section-helper:not(:defined) > details[open] > summary svg[rpl][icon-name='caret-down-outline'] {
  transform: rotate(180deg);
}
faceplate-expandable-section-helper:not([open]) > details > summary svg[rpl][icon-name='caret-down-outline'],
faceplate-expandable-section-helper:not(:defined) > details[open] > summary svg[rpl][icon-name='caret-down-outline'] {
  transform: rotate(0deg);
}
faceplate-hovercard:not(:defined) > [slot='content'] {
  display: none;
}
faceplate-hovercard[trigger='mouse'] a,
faceplate-hovercard[trigger='mouse'] button,
faceplate-hovercard[trigger='mouse'] [faceplate-focusable],
faceplate-hovercard[trigger='mouse'] [tabindex='0'] {
  outline: none;
}
/*
 * This is a Tailwind CSS file, it must be run through the PostCSS compiler
 * with the Tailwind plugin, not Less. The `postcss-import` plugin is also
 * needed, if you have other additions to your Tailwind entry point CSS.
 *
 * @example
 * // tailwind.css
 * @import '@reddit/faceplate/styles/tailwind-components.css'
 * @tailwind components;
 * @tailwind utilities;
 *
 * // styles.less
 * @import (less) '@reddit/faceplate/faceplate.css';
 * @import (less) './tailwind-build.css';
 */
/** Custom grid behavior for zstacks */
.dx-zstack > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
/** Text outline classes */
.text-outline-thin-bright {
  text-shadow: #000 1px 0 0.5px, #000 -1px 0 0.5px, #000 0 1px 0.5px, #000 0 -1px 0.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 0.5px, #fff -1px 0 0.5px, #fff 0 1px 0.5px, #fff 0 -1px 0.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;
}
/** Custom border sizes */
.border-dx-thick {
  border-width: 2px;
}
.border-dx-thin {
  border-width: 1px;
}
/** Custom border radius sizes */
.rounded-dx-lg {
  border-radius: 1.5rem;
}
.rounded-dx-md {
  border-radius: 1rem;
}
.rounded-dx-sm {
  border-radius: 0.5rem;
}
/** Custom z-index for form dialogs */
.z-dialog {
  z-index: 100;
}
/** Variables for app-defined colors */
: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;
}
/** App-defined background color */
.dx-bg-color,
.light .dx-bg-color {
  background-color: var(--dx-bg-color-light);
}
/** App-defined border color */
.dx-border-color,
.light .dx-border-color {
  border-color: var(--dx-border-color-light);
}
/** App-defined text color */
.dx-text-color,
.light .dx-text-color {
  color: var(--dx-text-color-light);
}
/** Theme override dark mode */
.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);
}
/** System specified dark mode */
@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);
  }
}
.-translate-x-1\/2, .-translate-x-2\/4, .-translate-x-4xl, .-translate-x-\[4px\], .-translate-y-1\/2, .-translate-y-2\/4, .-translate-y-\[2px\], .-translate-y-full, .translate-x-0, .translate-x-1\/2, .translate-x-4xl, .translate-x-px, .translate-y-0, .translate-y-1\/2, .translate-y-1\/4, .translate-y-4xl, .translate-y-full, .translate-y-px, .-rotate-12, .rotate-180, .rotate-45, .rotate-90, .skew-x-0, .scale-0, .scale-100, .scale-150, .scale-50, .scale-75, .scale-90, .scale-\[\.68\], .scale-\[1\.2\], .scale-\[2\], .scale-\[4\], .-scale-x-100, .scale-x-100, .scale-x-\[-1\], .transform, .before\:scale-\[--emote-scale\]::before, .first\:rotate-\[-8deg\], .last\:rotate-\[8deg\], .hover\:scale-110, .hover\:scale-\[2\], .enabled\:hover\:scale-\[1\.2\], .group-hover\/award\:scale-\[1\.4\], .group-aria-pressed\/award\:scale-\[1\.4\] {
  --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;
}
.group-hover\/award\:-translate-y-\[10px\] {
  --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;
}
.group-aria-pressed\/award\:-translate-y-\[10px\] {
  --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;
}
.from-\[color\:\#FFD63670\], .from-\[color\:var\(--color-neutral-background\)\], .from-\[color\:var\(--color-neutral-background-weak\)\], .from-berrypurple-900, .from-tone-4, .from-ui-modalbackground, .to-lightblue-500, .to-tone-6, .to-transparent, .group-hover\:from-\[color\:var\(--color-neutral-background-hover\)\] {
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
}
.ordinal {
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
}
.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-\[0px_1px_8px_0px\], .shadow-md, .shadow-none, .shadow-sm, .shadow-xs, .hover\:shadow-\[0_0_0_2px_var\(--color-primary-background\)\], :is([class~="theme-dark"] .dark\:shadow-none), .xs\:shadow-none, .s\:shadow-none, .m\:shadow-md {
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.ring {
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --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;
  }
}
/* Anchor component */
.\!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) !important;
  }
.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 component */
.\!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;
    /* Media query prevents sticky :hover states on mobile */
    /* This is :active, AKA Pressed */
    /* This is Selected */
  }
.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);
    /* Media query prevents sticky :hover states on mobile */
    /* This is :active, AKA Pressed */
    /* This is Selected */
  }
.\!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(0deg) !important;
    transition: transform 0.2s ease-in-out !important;
  }
.button .dropdown-icon {
    transform: rotate(0deg);
    transition: transform 0.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) !important;
    --button-color-background: linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)),
      var(--button-color-background-active) !important;
  }
.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-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.\!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:disabled,
  .\!button.anchor-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:disabled,
  .button.anchor-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:disabled,
  .\!button.anchor-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.disabled.pointer-all {
    --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: all !important;
  }
.button.disabled.pointer-all {
    --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: all;
  }
.button.\!disabled.pointer-all {
    --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: all !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 {
    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-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-plain-weak {
    --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-color-text-default: var(--color-button-plain-text-weak);
  }
.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-cab {
    --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-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-media-cab {
    --button-color-background-default: transparent;
    --button-color-background-hover: var(--color-media-background-hover);
    --button-color-background-disabled: transparent;
    --button-color-background-active: linear-gradient(var(--color-media-background-hover), var(--color-media-background-hover));
    --button-color-background-activated: var(--color-media-background-selected);
    --button-color-text-default: var(--color-media-onBackground);
    --button-color-text-activated: var(--color-media-onBackground);
    --button-color-text-hover: var(--color-media-onBackground);
    --button-color-text-disabled: var(--color-media-onbackground-disabled);
    --button-border-color-default: var(--color-media-border-weak);
    --button-border-color-hover: var(--color-media-border-weak);
    --button-border-color-disabled: var(--color-media-border-weak);
    --button-border-width-default: var(--line-sm);
  }
.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);
  }
/* Featured avatar */
.full-snoo-xs {
    --full-snoo-size: var(--rem48);
    --full-snoo-top-spacer: 0.125rem;
    --full-snoo-bottom-spacer: calc(-1 * 0.1875rem);
  }
.full-snoo-xs:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-xs:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-xs > img {
    width: var(--rem36);
  }
.full-snoo-sm {
    --full-snoo-size: var(--rem64);
    --full-snoo-top-spacer: 0.125rem;
    --full-snoo-bottom-spacer: calc(-1 * var(--rem4));
  }
.full-snoo-sm:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-sm:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-sm > img {
    width: var(--rem48);
  }
.full-snoo-md {
    --full-snoo-size: var(--rem88);
    --full-snoo-top-spacer: var(--spacer-2xs);
    --full-snoo-bottom-spacer: calc(-1 * var(--rem6));
  }
.full-snoo-md:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-md:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-md > img {
    width: var(--rem64);
  }
.full-snoo-lg {
    --full-snoo-size: var(--rem144);
    --full-snoo-top-spacer: 0.375rem;
    --full-snoo-bottom-spacer: calc(-1 * var(--rem10));
  }
.full-snoo-lg:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-lg:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-lg > img {
    width: 6.625rem;
  }
.full-snoo-xl {
    --full-snoo-size: var(--rem192);
    --full-snoo-top-spacer: var(--spacer-xs);
    --full-snoo-bottom-spacer: calc(-1 * var(--rem14));
  }
.full-snoo-xl:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-xl:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-xl > img {
    width: 8.8125rem;
  }
.full-snoo-2xl {
    --full-snoo-size: var(--rem320);
    --full-snoo-top-spacer: var(--spacer-sm);
    --full-snoo-bottom-spacer: calc(-1 * var(--rem22));
  }
.full-snoo-2xl:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
.full-snoo-2xl:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
.full-snoo-2xl > img {
    width: 14.75rem;
  }
.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: 0px;
}
.inset-1\/2 {
  inset: 50%;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-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: -0.25rem;
}
.-right-\[\.65rem\] {
  right: -.65rem;
}
.-right-\[\.75rem\] {
  right: -.75rem;
}
.-right-\[0\.0625rem\] {
  right: -0.0625rem;
}
.-right-\[0\.0825rem\] {
  right: -0.0825rem;
}
.-right-\[0\.125rem\] {
  right: -0.125rem;
}
.-right-px {
  right: -1px;
}
.-top-2xl {
  top: -3rem;
}
.-top-\[35px\] {
  top: -35px;
}
.-top-\[9rem\] {
  top: -9rem;
}
.-top-full {
  top: -100%;
}
.-top-xs {
  top: -0.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.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: 0px;
}
.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-\[5px\] {
  bottom: 5px;
}
.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: 0.75rem;
}
.bottom-xl {
  bottom: 2rem;
}
.bottom-xs {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-2\/4 {
  left: 50%;
}
.left-2xs {
  left: 0.25rem;
}
.left-\[-12\.5px\] {
  left: -12.5px;
}
.left-\[10px\] {
  left: 10px;
}
.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-\[60px\] {
  left: 60px;
}
.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: 0.75rem;
}
.left-xl {
  left: 2rem;
}
.left-xs {
  left: 0.5rem;
}
.right-0 {
  right: 0px;
}
.right-1\/2 {
  right: 50%;
}
.right-1\/4 {
  right: 25%;
}
.right-2xs {
  right: 0.25rem;
}
.right-\[-18px\] {
  right: -18px;
}
.right-\[-8px\] {
  right: -8px;
}
.right-\[0\.05rem\] {
  right: 0.05rem;
}
.right-\[0\.10rem\] {
  right: 0.10rem;
}
.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: 0.75rem;
}
.right-xl {
  right: 2rem;
}
.right-xs {
  right: 0.5rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-100 {
  top: 100%;
}
.top-2\/4 {
  top: 50%;
}
.top-2xs {
  top: 0.25rem;
}
.top-3xl {
  top: 4rem;
}
.top-\[-0\.25rem\] {
  top: -0.25rem;
}
.top-\[-1px\] {
  top: -1px;
}
.top-\[-20px\] {
  top: -20px;
}
.top-\[-5px\] {
  top: -5px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[0\.125rem\] {
  top: 0.125rem;
}
.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-\[7px\] {
  top: 7px;
}
.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: 0.75rem;
}
.top-xl {
  top: 2rem;
}
.top-xs {
  top: 0.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-1 {
  grid-column-start: 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-1 {
  grid-row-start: 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-start-6 {
  grid-row-start: 6;
}
.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-7 {
  grid-row-end: 7;
}
.row-end-auto {
  grid-row-end: auto;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.\!m-0 {
  margin: 0px !important;
}
.-m-\[0\.5rem\] {
  margin: -0.5rem;
}
.-m-\[4px\] {
  margin: -4px;
}
.-m-xs {
  margin: -0.5rem;
}
.m-0 {
  margin: 0px;
}
.m-2xs {
  margin: 0.25rem;
}
.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: 0.75rem;
}
.m-xl {
  margin: 2rem;
}
.m-xs {
  margin: 0.5rem;
}
.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.\!my-\[-10px\] {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.-mx-md {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-sm {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-xs {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-2xs {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-\[-0\.75rem\] {
  margin-left: -0.75rem;
  margin-right: -0.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: 0.75rem;
  margin-right: 0.75rem;
}
.mx-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-2xl {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2xs {
  margin-top: 0.25rem;
  margin-bottom: 0.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: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-xl {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\!mt-xs {
  margin-top: 0.5rem !important;
}
.-mb-2xs {
  margin-bottom: -0.25rem;
}
.-mb-\[2px\] {
  margin-bottom: -2px;
}
.-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-sm {
  margin-bottom: -0.75rem;
}
.-mb-xs {
  margin-bottom: -0.5rem;
}
.-ml-2xs {
  margin-left: -0.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: -0.75rem;
}
.-ml-xs {
  margin-left: -0.5rem;
}
.-mr-2xs {
  margin-right: -0.25rem;
}
.-mr-\[10px\] {
  margin-right: -10px;
}
.-mr-\[7px\] {
  margin-right: -7px;
}
.-mr-md {
  margin-right: -1rem;
}
.-mr-sm {
  margin-right: -0.75rem;
}
.-mr-xs {
  margin-right: -0.5rem;
}
.-mt-2xs {
  margin-top: -0.25rem;
}
.-mt-3xl {
  margin-top: -4rem;
}
.-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: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-2xl {
  margin-bottom: 3rem;
}
.mb-2xs {
  margin-bottom: 0.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: 0.25rem;
}
.mb-\[0\.5rem\] {
  margin-bottom: 0.5rem;
}
.mb-\[1\.25rem\] {
  margin-bottom: 1.25rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[14px\] {
  margin-bottom: 14px;
}
.mb-\[150vh\] {
  margin-bottom: 150vh;
}
.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-\[40px\] {
  margin-bottom: 40px;
}
.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: 0.75rem;
}
.mb-xl {
  margin-bottom: 2rem;
}
.mb-xs {
  margin-bottom: 0.5rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-2xl {
  margin-left: 3rem;
}
.ml-2xs {
  margin-left: 0.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-\[-2px\] {
  margin-left: -2px;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.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: 0.75rem;
}
.ml-xl {
  margin-left: 2rem;
}
.ml-xs {
  margin-left: 0.5rem;
}
.mr-0 {
  margin-right: 0px;
}
.mr-2xs {
  margin-right: 0.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: 0.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\] {
  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: 0.75rem;
}
.mr-xl {
  margin-right: 2rem;
}
.mr-xs {
  margin-right: 0.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-2xl {
  margin-top: 3rem;
}
.mt-2xs {
  margin-top: 0.25rem;
}
.mt-3xl {
  margin-top: 4rem;
}
.mt-4xl {
  margin-top: 6rem;
}
.mt-\[-0\.125rem\] {
  margin-top: -0.125rem;
}
.mt-\[-0\.25rem\] {
  margin-top: -0.25rem;
}
.mt-\[-14px\] {
  margin-top: -14px;
}
.mt-\[-16px\] {
  margin-top: -16px;
}
.mt-\[-21px\] {
  margin-top: -21px;
}
.mt-\[-2px\] {
  margin-top: -2px;
}
.mt-\[-4px\] {
  margin-top: -4px;
}
.mt-\[-65vh\] {
  margin-top: -65vh;
}
.mt-\[-66px\] {
  margin-top: -66px;
}
.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-\[1em\] {
  margin-top: 1em;
}
.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-\[76px\] {
  margin-top: 76px;
}
.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: 0.75rem;
}
.mt-xl {
  margin-top: 2rem;
}
.mt-xs {
  margin-top: 0.5rem;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-12 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 12;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.line-clamp-8 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.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;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-lg {
  width: 1.5rem;
  height: 1.5rem;
}
.size-sm {
  width: 0.75rem;
  height: 0.75rem;
}
.\!h-auto {
  height: auto !important;
}
.h-0 {
  height: 0px;
}
.h-100 {
  height: 100%;
}
.h-2xl {
  height: 3rem;
}
.h-2xs {
  height: 0.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-\[10rem\] {
  height: 10rem;
}
.h-\[110px\] {
  height: 110px;
}
.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-\[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-\[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\.875rem\] {
  height: 2.875rem;
}
.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-\[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-\[348px\] {
  height: 348px;
}
.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-\[44px\] {
  height: 44px;
}
.h-\[472px\] {
  height: 472px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[485px\] {
  height: 485px;
}
.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-\[51px\] {
  height: 51px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[550px\] {
  height: 550px;
}
.h-\[562px\] {
  height: 562px;
}
.h-\[564px\] {
  height: 564px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[580px\] {
  height: 580px;
}
.h-\[584px\] {
  height: 584px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[62px\] {
  height: 62px;
}
.h-\[630px\] {
  height: 630px;
}
.h-\[634px\] {
  height: 634px;
}
.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-\[70px\] {
  height: 70px;
}
.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-\[95px\] {
  height: 95px;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[97px\] {
  height: 97px;
}
.h-\[98px\] {
  height: 98px;
}
.h-\[auto\] {
  height: auto;
}
.h-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
}
.h-\[calc\(100dvh-var\(--shreddit-header-height\)\)\] {
  height: calc(100dvh - var(--shreddit-header-height));
}
.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: 0.75rem;
}
.h-xl {
  height: 2rem;
}
.h-xs {
  height: 0.5rem;
}
.max-h-0 {
  max-height: 0px;
}
.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-\[348px\] {
  max-height: 348px;
}
.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-\[480px\] {
  max-height: 480px;
}
.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-240px\)\] {
  max-height: calc(100vh - 240px);
}
.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-2xl\)\)\] {
  max-height: calc(var(--viewport-height) - var(--size-2xl));
}
.max-h-\[calc\(var\(--viewport-height\)-var\(--size-5xl\)\)\] {
  max-height: calc(var(--viewport-height) - var(--size-5xl));
}
.max-h-\[max\(23vw\2c 250px\)\] {
  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-\[1\.5rem\] {
  min-height: 1.5rem;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.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-\[15rem\] {
  min-height: 15rem;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[1rem\] {
  min-height: 1rem;
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[2\.875rem\] {
  min-height: 2.875rem;
}
.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-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[30rem\] {
  min-height: 30rem;
}
.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-\[38px\] {
  min-height: 38px;
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}
.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-\[65vh\] {
  min-height: 65vh;
}
.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-\[84px\] {
  min-height: 84px;
}
.min-h-\[93px\] {
  min-height: 93px;
}
.min-h-\[auto\] {
  min-height: auto;
}
.min-h-\[calc\(100dvh-var\(--shreddit-header-height\)\)\] {
  min-height: calc(100dvh - var(--shreddit-header-height));
}
.min-h-\[calc\(100dvh_-_var\(--shreddit-header-height\)\)\] {
  min-height: calc(100dvh - var(--shreddit-header-height));
}
.min-h-\[calc\(100vh-var\(--shreddit-header-height\)\)\] {
  min-height: calc(100vh - var(--shreddit-header-height));
}
.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\2c 150px\)\] {
  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);
}
.min-h-xl {
  min-height: 2rem;
}
.\!w-lg {
  width: 1.5rem !important;
}
.\!w-md {
  width: 1rem !important;
}
.w-0 {
  width: 0px;
}
.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: 0.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\.875rem\] {
  width: 2.875rem;
}
.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-\[262px\] {
  width: 262px;
}
.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-\[328px\] {
  width: 328px;
}
.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-\[35\%\] {
  width: 35%;
}
.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-\[40\%\] {
  width: 40%;
}
.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-\[452px\] {
  width: 452px;
}
.w-\[456px\] {
  width: 456px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[496px\] {
  width: 496px;
}
.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-\[544px\] {
  width: 544px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[562px\] {
  width: 562px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[576px\] {
  width: 576px;
}
.w-\[579px\] {
  width: 579px;
}
.w-\[584px\] {
  width: 584px;
}
.w-\[5rem\] {
  width: 5rem;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[608px\] {
  width: 608px;
}
.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-\[724px\] {
  width: 724px;
}
.w-\[728px\] {
  width: 728px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[730px\] {
  width: 730px;
}
.w-\[74px\] {
  width: 74px;
}
.w-\[768px\] {
  width: 768px;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[90vw\] {
  width: 90vw;
}
.w-\[92px\] {
  width: 92px;
}
.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% + 0.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: 0.75rem;
}
.w-xl {
  width: 2rem;
}
.w-xs {
  width: 0.5rem;
}
.\!min-w-\[40px\] {
  min-width: 40px !important;
}
.\!min-w-\[43px\] {
  min-width: 43px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-100 {
  min-width: 100%;
}
.min-w-2xs {
  min-width: 0.25rem;
}
.min-w-4xl {
  min-width: 6rem;
}
.min-w-\[0\.5rem\] {
  min-width: 0.5rem;
}
.min-w-\[1\.5rem\] {
  min-width: 1.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-\[1rem\] {
  min-width: 1rem;
}
.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}
.min-w-\[2\.875rem\] {
  min-width: 2.875rem;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.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-\[28px\] {
  min-width: 28px;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-\[3\.25rem\] {
  min-width: 3.25rem;
}
.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-\[3rem\] {
  min-width: 3rem;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}
.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-\[69px\] {
  min-width: 69px;
}
.min-w-\[70\%\] {
  min-width: 70%;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.min-w-\[75px\] {
  min-width: 75px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[85px\] {
  min-width: 85px;
}
.min-w-\[calc\(100\%-24px\)\] {
  min-width: calc(100% - 24px);
}
.min-w-\[var\(--dropdown-menu-width\)\] {
  min-width: var(--dropdown-menu-width);
}
.min-w-fit {
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: max-content;
}
.max-w-0 {
  max-width: 0px;
}
.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-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[1088px\] {
  max-width: 1088px;
}
.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-\[1340px\] {
  max-width: 1340px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[1500px\] {
  max-width: 1500px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[164px\] {
  max-width: 164px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[196px\] {
  max-width: 196px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.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-\[270px\] {
  max-width: 270px;
}
.max-w-\[274px\] {
  max-width: 274px;
}
.max-w-\[285px\] {
  max-width: 285px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[316px\] {
  max-width: 316px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.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-\[444px\] {
  max-width: 444px;
}
.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-\[560px\] {
  max-width: 560px;
}
.max-w-\[562px\] {
  max-width: 562px;
}
.max-w-\[570px\] {
  max-width: 570px;
}
.max-w-\[584px\] {
  max-width: 584px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[608px\] {
  max-width: 608px;
}
.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-\[725px\] {
  max-width: 725px;
}
.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-\[80\%\] {
  max-width: 80%;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.max-w-\[840px\] {
  max-width: 840px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[90px\] {
  max-width: 90px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[940px\] {
  max-width: 940px;
}
.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\%-16px\)\] {
  max-width: calc(100% - 16px);
}
.max-w-\[calc\(100\%-24px\)\] {
  max-width: calc(100% - 24px);
}
.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\%\2c 656px\)\] {
  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-\[var\(--size-switch-input-w\)\] {
  max-width: var(--size-switch-input-w);
}
.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-\[140px\] {
  flex-basis: 140px;
}
.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-collapse {
  border-collapse: collapse;
}
.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;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-4xl {
  --tw-translate-x: -6rem;
  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));
}
.-translate-x-\[4px\] {
  --tw-translate-x: -4px;
  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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-\[2px\] {
  --tw-translate-y: -2px;
  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));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  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));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  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));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  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));
}
.translate-x-4xl {
  --tw-translate-x: 6rem;
  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));
}
.translate-x-px {
  --tw-translate-x: 1px;
  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));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  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));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  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));
}
.translate-y-1\/4 {
  --tw-translate-y: 25%;
  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));
}
.translate-y-4xl {
  --tw-translate-y: 6rem;
  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));
}
.translate-y-full {
  --tw-translate-y: 100%;
  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));
}
.translate-y-px {
  --tw-translate-y: 1px;
  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;
  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-180 {
  --tw-rotate: 180deg;
  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-45 {
  --tw-rotate: 45deg;
  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-90 {
  --tw-rotate: 90deg;
  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));
}
.skew-x-0 {
  --tw-skew-x: 0deg;
  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));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  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));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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));
}
.scale-\[\.68\] {
  --tw-scale-x: .68;
  --tw-scale-y: .68;
  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));
}
.scale-\[1\.2\] {
  --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));
}
.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 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));
}
.scale-\[4\] {
  --tw-scale-x: 4;
  --tw-scale-y: 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));
}
.-scale-x-100 {
  --tw-scale-x: -1;
  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));
}
.scale-x-100 {
  --tw-scale-x: 1;
  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));
}
.scale-x-\[-1\] {
  --tw-scale-x: -1;
  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));
}
.transform {
  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));
}
.transform-none {
  transform: none;
}
@keyframes fade-in {
  0% {
    opacity: 0;
    background-color: var(--color-neutral-background-hover);
  }
  75% {
    background-color: var(--color-neutral-background-hover);
  }
  100% {
    opacity: 1;
    background-color: unset;
  }
}
.animate-\[fade-in_0\.2s_ease-in\] {
  animation: fade-in 0.2s ease-in;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-\[spin_2s_linear_infinite\] {
  animation: spin 2s linear infinite;
}
@keyframes typing-indicator-bounce {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -3px);
  }
  40% {
    transform: translate(0, 0px);
  }
}
.animate-\[typing-indicator-bounce_2s_0\.0s_ease-in_infinite\] {
  animation: typing-indicator-bounce 2s 0.0s ease-in infinite;
}
@keyframes typing-indicator-bounce {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -3px);
  }
  40% {
    transform: translate(0, 0px);
  }
}
.animate-\[typing-indicator-bounce_2s_0\.2s_ease-in_infinite\] {
  animation: typing-indicator-bounce 2s 0.2s ease-in infinite;
}
@keyframes typing-indicator-bounce {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -3px);
  }
  40% {
    transform: translate(0, 0px);
  }
}
.animate-\[typing-indicator-bounce_2s_0\.4s_ease-in_infinite\] {
  animation: typing-indicator-bounce 2s 0.4s ease-in infinite;
}
@keyframes blink {
  50% {
    border-color: var(--color-neutral-border-strong);
  }
}
.animate-blink {
  animation: blink 0.9s step-end infinite;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.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;
}
.touch-none {
  touch-action: none;
}
.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-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.scroll-m-\[60px\] {
  scroll-margin: 60px;
}
.list-none {
  list-style-type: none;
}
.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_32px\] {
  grid-template-columns: 1fr 32px;
}
.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\2c 1fr\)\] {
  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-\[minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.grid-cols-\[repeat\(6\2c minmax\(32px\2c 1fr\)\)\] {
  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\2c 1fr\] {
  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 !important;
}
.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-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-between {
  place-content: space-between;
}
.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: 0px !important;
}
.gap-0 {
  gap: 0px;
}
.gap-2xl {
  gap: 3rem;
}
.gap-2xs {
  gap: 0.25rem;
}
.gap-3xl {
  gap: 4rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[0\.75rem\] {
  gap: 0.75rem;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[1rem\] {
  gap: 1rem;
}
.gap-\[2\.5rem\] {
  gap: 2.5rem;
}
.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: 0.75rem;
}
.gap-xl {
  gap: 2rem;
}
.gap-xs {
  gap: 0.5rem;
}
.gap-x-2xl {
  column-gap: 3rem;
}
.gap-x-2xs {
  column-gap: 0.25rem;
}
.gap-x-\[12px\] {
  column-gap: 12px;
}
.gap-x-\[2px\] {
  column-gap: 2px;
}
.gap-x-\[4px\] {
  column-gap: 4px;
}
.gap-x-\[6px\] {
  column-gap: 6px;
}
.gap-x-\[8px\] {
  column-gap: 8px;
}
.gap-x-lg {
  column-gap: 1.5rem;
}
.gap-x-md {
  column-gap: 1rem;
}
.gap-x-sm {
  column-gap: 0.75rem;
}
.gap-x-xl {
  column-gap: 2rem;
}
.gap-x-xs {
  column-gap: 0.5rem;
}
.gap-y-2xs {
  row-gap: 0.25rem;
}
.gap-y-\[20px\] {
  row-gap: 20px;
}
.gap-y-lg {
  row-gap: 1.5rem;
}
.gap-y-md {
  row-gap: 1rem;
}
.gap-y-sm {
  row-gap: 0.75rem;
}
.gap-y-xl {
  row-gap: 2rem;
}
.gap-y-xs {
  row-gap: 0.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(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.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;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.overscroll-none {
  overscroll-behavior: none;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-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: 0rem !important;
}
.rounded-\[\.25rem\] {
  border-radius: .25rem;
}
.rounded-\[\.50rem\] {
  border-radius: .50rem;
}
.rounded-\[\.5rem\] {
  border-radius: .5rem;
}
.rounded-\[\.75rem\] {
  border-radius: .75rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[1\.5rem\] {
  border-radius: 1.5rem;
}
.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: 0rem;
}
.rounded-sm {
  border-radius: 0.25rem;
}
.rounded-b-\[0\.5rem\] {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-\[1rem\] {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}
.rounded-b-sm {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-\[12px\] {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-l-\[6px\] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-\[8px\] {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-full {
  border-top-left-radius: 624.9375rem;
  border-bottom-left-radius: 624.9375rem;
}
.rounded-r-\[12px\] {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-r-\[6px\] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-r-\[8px\] {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r-full {
  border-top-right-radius: 624.9375rem;
  border-bottom-right-radius: 624.9375rem;
}
.rounded-t-\[0\.5rem\] {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.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: 0rem;
  border-top-right-radius: 0rem;
}
.rounded-t-sm {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-bl-\[12px\] {
  border-bottom-left-radius: 12px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0rem;
}
.rounded-br-\[0\.5rem\] {
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-\[8px\] {
  border-bottom-right-radius: 8px;
}
.rounded-br-none {
  border-bottom-right-radius: 0rem;
}
.rounded-tl-\[1\.25rem\] {
  border-top-left-radius: 1.25rem;
}
.rounded-tl-md {
  border-top-left-radius: 1.25rem;
}
.rounded-tr-\[0\.5rem\] {
  border-top-right-radius: 0.5rem;
}
.rounded-tr-\[1\.25rem\] {
  border-top-right-radius: 1.25rem;
}
.rounded-tr-\[8px\] {
  border-top-right-radius: 8px;
}
.rounded-tr-md {
  border-top-right-radius: 1.25rem;
}
.\!border-0 {
  border-width: 0rem !important;
}
.border {
  border-width: 0.0625rem;
}
.border-0 {
  border-width: 0rem;
}
.border-\[\.25rem\] {
  border-width: .25rem;
}
.border-\[0\.125rem\] {
  border-width: 0.125rem;
}
.border-\[0\.1875rem\] {
  border-width: 0.1875rem;
}
.border-\[0\.1rem\] {
  border-width: 0.1rem;
}
.border-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-\[5px\] {
  border-width: 5px;
}
.border-lg {
  border-width: 0.25rem;
}
.border-md {
  border-width: 0.125rem;
}
.border-sm {
  border-width: 0.0625rem;
}
.border-x-0 {
  border-left-width: 0rem;
  border-right-width: 0rem;
}
.border-y-0 {
  border-top-width: 0rem;
  border-bottom-width: 0rem;
}
.border-y-sm {
  border-top-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
}
.border-b {
  border-bottom-width: 0.0625rem;
}
.border-b-0 {
  border-bottom-width: 0rem;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-b-sm {
  border-bottom-width: 0.0625rem;
}
.border-l {
  border-left-width: 0.0625rem;
}
.border-l-0 {
  border-left-width: 0rem;
}
.border-l-\[1px\] {
  border-left-width: 1px;
}
.border-l-lg {
  border-left-width: 0.25rem;
}
.border-l-md {
  border-left-width: 0.125rem;
}
.border-l-sm {
  border-left-width: 0.0625rem;
}
.border-r {
  border-right-width: 0.0625rem;
}
.border-r-0 {
  border-right-width: 0rem;
}
.border-r-md {
  border-right-width: 0.125rem;
}
.border-r-sm {
  border-right-width: 0.0625rem;
}
.border-t {
  border-top-width: 0.0625rem;
}
.border-t-0 {
  border-top-width: 0rem;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.border-t-sm {
  border-top-width: 0.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;
}
.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-ai-plain-hover {
  border-color: var(--color-ai-plain-hover);
}
.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-400 {
  --tw-border-opacity: 1;
  border-color: rgb(127 148 159 / 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-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-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);
}
.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-\[var\(--shreddit-color-mods-reported-background\)\] {
  background-color: var(--shreddit-color-mods-reported-background) !important;
}
.\!bg-danger-background-weaker {
  background-color: var(--color-danger-background-weaker) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[\#0000FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 255 / var(--tw-bg-opacity));
}
.bg-\[\#00E2B7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 226 183 / var(--tw-bg-opacity));
}
.bg-\[\#00FF00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 0 / var(--tw-bg-opacity));
}
.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-\[\#FFFF00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 0 / 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\2c 0\2c 0\2c 0\.6\)\] {
  background-color: rgba(0,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: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 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-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-danger-background-weaker {
  background-color: var(--color-danger-background-weaker);
}
.bg-downvote-plain {
  background-color: var(--color-downvote-plain);
}
.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-container-strong {
  background-color: var(--color-neutral-background-container-strong);
}
.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-08 {
  background-color: var(--color-opacity-08);
}
.bg-opacity-50 {
  background-color: var(--color-opacity-50);
}
.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-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 190 253 / var(--tw-bg-opacity));
}
.bg-periwinkle-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 61 255 / 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-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-50 {
  --tw-bg-opacity: 0.5;
}
.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-l {
  background-image: linear-gradient(to 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));
}
.bg-none {
  background-image: none;
}
.from-\[color\:\#FFD63670\] {
  --tw-gradient-from: #FFD63670 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(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: rgb(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: rgb(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: rgb(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: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-ui-modalbackground {
  --tw-gradient-from: var(--color-ui-modalbackground) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(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;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.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-background-strong {
  fill: var(--color-neutral-background-strong);
}
.fill-neutral-border-medium {
  fill: var(--color-neutral-border-medium);
}
.fill-neutral-content-strong {
  fill: var(--color-neutral-content-strong);
}
.fill-neutral-content-weak {
  fill: var(--color-neutral-content-weak);
}
.fill-primary-background {
  fill: var(--color-primary-background);
}
.fill-secondary-plain-weak {
  fill: var(--color-secondary-plain-weak);
}
.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: 0px !important;
}
.\!p-2xs {
  padding: 0.25rem !important;
}
.\!p-lg {
  padding: 1.5rem !important;
}
.p-0 {
  padding: 0px;
}
.p-2xl {
  padding: 3rem;
}
.p-2xs {
  padding: 0.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: 0.75rem;
}
.p-xl {
  padding: 2rem;
}
.p-xs {
  padding: 0.5rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-2xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!px-sm {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-2xl {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2xs {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-\[0\.375rem\] {
  padding-left: 0.375rem;
  padding-right: 0.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-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.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-\[80px\] {
  padding-left: 80px;
  padding-right: 80px;
}
.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-px {
  padding-left: 1px;
  padding-right: 1px;
}
.px-sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-xl {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-2xl {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2xs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-3xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-\[0\.125rem\] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-\[0\.75rem\] {
  padding-top: 0.75rem;
  padding-bottom: 0.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-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[44px\] {
  padding-top: 44px;
  padding-bottom: 44px;
}
.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: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-xl {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-2xl {
  padding-bottom: 3rem;
}
.pb-2xs {
  padding-bottom: 0.25rem;
}
.pb-3xl {
  padding-bottom: 4rem;
}
.pb-4xl {
  padding-bottom: 6rem;
}
.pb-\[\.5rem\] {
  padding-bottom: .5rem;
}
.pb-\[0\.4rem\] {
  padding-bottom: 0.4rem;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[16px\] {
  padding-bottom: 16px;
}
.pb-\[22px\] {
  padding-bottom: 22px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[36px\] {
  padding-bottom: 36px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.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: 0.75rem;
}
.pb-xl {
  padding-bottom: 2rem;
}
.pb-xs {
  padding-bottom: 0.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-2xl {
  padding-left: 3rem;
}
.pl-2xs {
  padding-left: 0.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-\[4px\] {
  padding-left: 4px;
}
.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;
}
.pl-md {
  padding-left: 1rem;
}
.pl-px {
  padding-left: 1px;
}
.pl-sm {
  padding-left: 0.75rem;
}
.pl-xl {
  padding-left: 2rem;
}
.pl-xs {
  padding-left: 0.5rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-2xl {
  padding-right: 3rem;
}
.pr-2xs {
  padding-right: 0.25rem;
}
.pr-3xl {
  padding-right: 4rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[12px\] {
  padding-right: 12px;
}
.pr-\[15px\] {
  padding-right: 15px;
}
.pr-\[2px\] {
  padding-right: 2px;
}
.pr-\[30px\] {
  padding-right: 30px;
}
.pr-\[3px\] {
  padding-right: 3px;
}
.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-sm {
  padding-right: 0.75rem;
}
.pr-xl {
  padding-right: 2rem;
}
.pr-xs {
  padding-right: 0.5rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-2xl {
  padding-top: 3rem;
}
.pt-2xs {
  padding-top: 0.25rem;
}
.pt-3xl {
  padding-top: 4rem;
}
.pt-\[0\.6rem\] {
  padding-top: 0.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-\[321px\] {
  padding-top: 321px;
}
.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: 0.75rem;
}
.pt-xl {
  padding-top: 2rem;
}
.pt-xs {
  padding-top: 0.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.indent-0 {
  text-indent: 0px;
}
.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-mono {
  font-family: var(--font-mono);
}
.font-sans {
  font-family: var(--font-sans);
}
.text-10 {
  font-size: 0.625rem;
  line-height: 1rem;
}
.text-12 {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-14 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-16 {
  font-size: 1rem;
  line-height: 1.25rem;
}
.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\.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-\[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-\[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-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: 0.85rem;
}
.leading-\[0\] {
  line-height: 0;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[28px\] {
  line-height: 28px;
}
.leading-\[38px\] {
  line-height: 38px;
}
.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: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-widest {
  letter-spacing: 0.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-\[\#949798\] {
  --tw-text-opacity: 1;
  color: rgb(148 151 152 / var(--tw-text-opacity));
}
.text-\[\#B06400\] {
  --tw-text-opacity: 1;
  color: rgb(176 100 0 / var(--tw-text-opacity));
}
.text-\[\#C33700\] {
  --tw-text-opacity: 1;
  color: rgb(195 55 0 / var(--tw-text-opacity));
}
.text-\[\\w\\W\] {
  color: \w\W;
}
.text-\[color\:inherit\] {
  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);
}
.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);
}
.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-750 {
  --tw-text-opacity: 1;
  color: rgb(51 61 66 / 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-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-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-neutral-content-strong {
  color: var(--color-inverted-neutral-content-strong);
}
.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-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-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: rgb(255 255 255 / 0.7);
}
.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 {
  text-decoration-line: line-through;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-neutral-content-weak {
  text-decoration-color: var(--color-neutral-content-weak);
}
.decoration-dashed {
  text-decoration-style: dashed;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.caret-transparent {
  caret-color: transparent;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[--slider-opacity\] {
  opacity: var(--slider-opacity);
}
.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-\[0px_1px_8px_0px\] {
  --tw-shadow: 0px 1px 8px 0px;
  --tw-shadow-colored: 0px 1px 8px 0px 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);
}
.shadow-neutral-border-weak {
  --tw-shadow-color: var(--color-neutral-border-weak);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.outline-\[3px\] {
  outline-width: 3px;
}
.-outline-offset-1 {
  outline-offset: -1px;
}
.outline-offset-0 {
  outline-offset: 0px;
}
.outline-offset-2 {
  outline-offset: 2px;
}
.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-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 rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(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(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-width\] {
  transition-property: max-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100 {
  transition-delay: 100ms;
}
.delay-200 {
  transition-delay: 200ms;
}
.delay-300 {
  transition-delay: 300ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.duration-\[1500ms\] {
  transition-duration: 1500ms;
}
.duration-\[250ms\] {
  transition-duration: 250ms;
}
.ease-\[cubic-bezier\(0\.54\2c 1\.15\2c 1\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.54,1.15,1,1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 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 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  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));
}
.-translate-x-4xl {
  --tw-translate-x: -6rem;
  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));
}
.-translate-x-\[4px\] {
  --tw-translate-x: -4px;
  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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  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));
}
.-translate-y-\[2px\] {
  --tw-translate-y: -2px;
  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));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  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));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  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));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  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));
}
.translate-x-4xl {
  --tw-translate-x: 6rem;
  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));
}
.translate-x-px {
  --tw-translate-x: 1px;
  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));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  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));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  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));
}
.translate-y-1\/4 {
  --tw-translate-y: 25%;
  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));
}
.translate-y-4xl {
  --tw-translate-y: 6rem;
  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));
}
.translate-y-full {
  --tw-translate-y: 100%;
  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));
}
.translate-y-px {
  --tw-translate-y: 1px;
  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));
}
.\[--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\)\2c 0_1px_0_var\(--color-media-background\)\2c 0_-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\2c 0\2c 0\)\] {
  transform: translate3d(0,0,0);
}
@media (min-width: 1024px) {
  .lg\:full-snoo-lg {
    --full-snoo-size: var(--rem144);
    --full-snoo-top-spacer: 0.375rem;
    --full-snoo-bottom-spacer: calc(-1 * var(--rem10));
  }
  .lg\:full-snoo-lg:not(.no-safe-area) {
    height: var(--full-snoo-size);
    width: var(--full-snoo-size);
    margin-top: var(--full-snoo-top-spacer);
  }
  .lg\:full-snoo-lg:not(.no-safe-area) > img {
    bottom: var(--full-snoo-bottom-spacer);
  }
  .lg\:full-snoo-lg > img {
    width: 6.625rem;
  }
}
@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);
  }
}
.\*\:m-0 > * {
  margin: 0px;
}
.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 {
  content: var(--tw-content);
  top: 0px;
}
.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: 0.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 {
  content: var(--tw-content);
  --tw-scale-x: var(--emote-scale);
  --tw-scale-y: var(--emote-scale);
  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\:border-y-0::before {
  content: var(--tw-content);
  border-top-width: 0rem;
  border-bottom-width: 0rem;
}
.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: 0px;
}
.before\:border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}
.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: 0.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: 0px;
}
.after\:left-\[-1rem\]::after {
  content: var(--tw-content);
  left: -1rem;
}
.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}
.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: 0.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: 0.0625rem;
}
.after\:border-y-0::after {
  content: var(--tw-content);
  border-top-width: 0rem;
  border-bottom-width: 0rem;
}
.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 {
  content: var(--tw-content);
  border-right-width: 0rem;
}
.after\:border-r-\[0px\]::after {
  content: var(--tw-content);
  border-right-width: 0px;
}
.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}
.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);
}
.after\:content-none::after {
  --tw-content: none;
  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: 0px;
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:rotate-\[-8deg\]:first-child {
  --tw-rotate: -8deg;
  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));
}
.first\:border-0:first-child {
  border-width: 0rem;
}
.first\:pl-md:first-child {
  padding-left: 1rem;
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:right-\[21px\]:last-child {
  right: 21px;
}
.last\:right-\[34px\]:last-child {
  right: 34px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:mr-0:last-child {
  margin-right: 0px;
}
.last\:hidden:last-child {
  display: none;
}
.last\:rotate-\[8deg\]:last-child {
  --tw-rotate: 8deg;
  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));
}
.last\:border-0:last-child {
  border-width: 0rem;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0rem;
}
.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;
}
.last-of-type\:mb-0:last-of-type {
  margin-bottom: 0px;
}
.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-secondary-plain-weak:visited {
  color: var(--color-secondary-plain-weak) !important;
}
.visited\:\!text-white:visited {
  color: rgb(255 255 255 ) !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);
}
.visited\:no-underline:visited {
  text-decoration-line: none;
}
.empty\:hidden:empty {
  display: none;
}
.empty\:pr-0:empty {
  padding-right: 0px;
}
.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\:opacity-100:focus-within {
  opacity: 1;
}
.focus-within\:outline:focus-within {
  outline-style: solid;
}
.focus-within\:outline-1:focus-within {
  outline-width: 1px;
}
@media (hover: hover) and (pointer: fine) {
  .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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-\[2\]:hover {
    --tw-scale-x: 2;
    --tw-scale-y: 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));
  }
  .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-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: rgb(0 0 0 / 0.8);
  }
  .hover\:bg-caution-background-hover:hover {
    background-color: var(--color-caution-background-hover);
  }
  .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-container-strong-hover:hover {
    background-color: var(--color-neutral-background-container-strong-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-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-\[\#949798\]:hover {
    --tw-text-opacity: 1;
    color: rgb(148 151 152 / var(--tw-text-opacity));
  }
  .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-plain-weak:hover {
    color: var(--color-secondary-plain-weak);
  }
  .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\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:no-underline:hover {
    text-decoration-line: none;
  }
  .hover\:decoration-solid:hover {
    text-decoration-style: solid;
  }
  .hover\:opacity-75:hover {
    opacity: 0.75;
  }
  .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: 0.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\:underline:focus {
  text-decoration-line: underline;
}
.focus\:decoration-solid:focus {
  text-decoration-style: solid;
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  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;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  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\:bg-none:active {
  background-image: none;
}
.active\:text-neutral-content-strong:active {
  color: var(--color-neutral-content-strong);
}
.active\:underline:active {
  text-decoration-line: underline;
}
.active\:no-underline:active {
  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\:no-underline:disabled {
  text-decoration-line: none;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.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\:flex {
  display: flex;
}
.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: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\/tablerow:hover .group-hover\/tablerow\:block {
    display: block;
  }
  .group:hover .group-hover\:block {
    display: block;
  }
  .group\/tablerow:hover .group-hover\/tablerow\:flex {
    display: flex;
  }
  .group:hover .group-hover\:flex {
    display: flex;
  }
  .group\/tablerow:hover .group-hover\/tablerow\:hidden {
    display: none;
  }
  .group:hover .group-hover\:hidden {
    display: none;
  }
  .group:hover .group-hover\:w-auto {
    width: auto;
  }
  .group\/award:hover .group-hover\/award\:-translate-y-\[10px\] {
    --tw-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));
  }
  .group\/award:hover .group-hover\/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: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: rgb(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));
  }
}
.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\:visible {
  visibility: visible;
}
.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"] {
  background-color: var(--color-neutral-background-selected);
}
.aria-pressed\:outline[aria-pressed="true"] {
  outline-style: solid;
}
.aria-pressed\:outline-2[aria-pressed="true"] {
  outline-width: 2px;
}
.aria-pressed\:outline-offset-2[aria-pressed="true"] {
  outline-offset: 2px;
}
.aria-pressed\:outline-global-brand-orangered[aria-pressed="true"] {
  outline-color: #FF4500;
}
.group\/award[aria-pressed="true"] .group-aria-pressed\/award\:-translate-y-\[10px\] {
  --tw-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));
}
.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\] {
  --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\:visible:not(:defined) {
  visibility: visible;
}
.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: 0.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: 0.75rem;
}
.nd\:w-xl:not(:defined) {
  width: 2rem;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.nd\:animate-pulse:not(:defined) {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.nd\:overflow-hidden:not(:defined) {
  overflow: hidden;
}
.nd\:bg-neutral-background-selected:not(:defined) {
  background-color: var(--color-neutral-background-selected);
}
.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: 0.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;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .motion-safe\:animate-spin {
    animation: spin 1s 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-\[\#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-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-neutral-background) {
  background-color: var(--color-neutral-background);
}
:is([class~="theme-dark"] .dark\:bg-neutral-background-container-strong) {
  background-color: var(--color-neutral-background-container-strong);
}
: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-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\: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: 0px;
    margin-right: 0px;
  }
  .lg\:mb-lg {
    margin-bottom: 1.5rem;
  }
  .lg\:mr-2xs {
    margin-right: 0.25rem;
  }
  .lg\:mt-sm {
    margin-top: 0.75rem;
  }
  .lg\:mt-xs {
    margin-top: 0.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: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .xs\:visible {
    visibility: visible;
  }
  .xs\:sticky {
    position: sticky;
  }
  .xs\:-left-\[2rem\] {
    left: -2rem;
  }
  .xs\:-top-\[2\.25rem\] {
    top: -2.25rem;
  }
  .xs\:bottom-\[30px\] {
    bottom: 30px;
  }
  .xs\:left-\[-16\.5px\] {
    left: -16.5px;
  }
  .xs\:left-\[unset\] {
    left: unset;
  }
  .xs\:right-\[30px\] {
    right: 30px;
  }
  .xs\:top-\[-2px\] {
    top: -2px;
  }
  .xs\:top-\[56px\] {
    top: 56px;
  }
  .xs\:top-\[calc\(var\(--shreddit-header-height\)\+16px\)\] {
    top: calc(var(--shreddit-header-height) + 16px);
  }
  .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-start-5 {
    grid-row-start: 5;
  }
  .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\:row-end-6 {
    grid-row-end: 6;
  }
  .xs\:m-0 {
    margin: 0px;
  }
  .xs\:-mx-xs {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .xs\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xs\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xs\:mx-md {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xs\:mx-xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xs\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .xs\:my-2xs {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xs\:my-md {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xs\:my-xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xs\:-mb-\[2\.25rem\] {
    margin-bottom: -2.25rem;
  }
  .xs\:mb-0 {
    margin-bottom: 0px;
  }
  .xs\:mb-5xl {
    margin-bottom: 8rem;
  }
  .xs\:mb-\[12px\] {
    margin-bottom: 12px;
  }
  .xs\:mb-md {
    margin-bottom: 1rem;
  }
  .xs\:mb-sm {
    margin-bottom: 0.75rem;
  }
  .xs\:mb-xl {
    margin-bottom: 2rem;
  }
  .xs\:mb-xs {
    margin-bottom: 0.5rem;
  }
  .xs\:ml-0 {
    margin-left: 0px;
  }
  .xs\:ml-\[-14px\] {
    margin-left: -14px;
  }
  .xs\:ml-md {
    margin-left: 1rem;
  }
  .xs\:ml-sm {
    margin-left: 0.75rem;
  }
  .xs\:ml-xl {
    margin-left: 2rem;
  }
  .xs\:mr-0 {
    margin-right: 0px;
  }
  .xs\:mr-lg {
    margin-right: 1.5rem;
  }
  .xs\:mr-md {
    margin-right: 1rem;
  }
  .xs\:mr-sm {
    margin-right: 0.75rem;
  }
  .xs\:mt-0 {
    margin-top: 0px;
  }
  .xs\:mt-2xs {
    margin-top: 0.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: 0.5rem;
  }
  .xs\:line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .xs\:block {
    display: block;
  }
  .xs\:inline-block {
    display: inline-block;
  }
  .xs\:inline {
    display: inline;
  }
  .xs\:flex {
    display: flex;
  }
  .xs\:inline-flex {
    display: inline-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-\[30px\] {
    height: 30px;
  }
  .xs\:h-\[330px\] {
    height: 330px;
  }
  .xs\:h-\[38px\] {
    height: 38px;
  }
  .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\)-32px\)\] {
    max-height: calc(100vh - var(--shreddit-header-height) - 32px);
  }
  .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\:min-h-\[80px\] {
    min-height: 80px;
  }
  .xs\:w-1\/2 {
    width: 50%;
  }
  .xs\:w-100 {
    width: 100%;
  }
  .xs\:w-2xl {
    width: 3rem;
  }
  .xs\:w-\[100px\] {
    width: 100px;
  }
  .xs\:w-\[1010px\] {
    width: 1010px;
  }
  .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-\[450px\] {
    width: 450px;
  }
  .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-\[700px\] {
    width: 700px;
  }
  .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-\[513px\] {
    min-width: 513px;
  }
  .xs\:max-w-\[180px\] {
    max-width: 180px;
  }
  .xs\:max-w-\[25rem\] {
    max-width: 25rem;
  }
  .xs\:max-w-\[316px\] {
    max-width: 316px;
  }
  .xs\:max-w-\[492px\] {
    max-width: 492px;
  }
  .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\2c calc\(100\%-\(16px\+316px\)\)\)\] {
    max-width: min(756px,calc(100% - (16px + 316px)));
  }
  .xs\:max-w-none {
    max-width: none;
  }
  .xs\:shrink-0 {
    flex-shrink: 0;
  }
  .xs\:flex-grow {
    flex-grow: 1;
  }
  .xs\:grow-0 {
    flex-grow: 0;
  }
  .xs\:basis-\[calc\(50\%-6px\)\] {
    flex-basis: calc(50% - 6px);
  }
  .xs\:scroll-m-\[120px\] {
    scroll-margin: 120px;
  }
  .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\2c 1fr\)\] {
    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-wrap {
    flex-wrap: wrap;
  }
  .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: 0px;
  }
  .xs\:gap-\[24px\] {
    gap: 24px;
  }
  .xs\:gap-\[5rem\] {
    gap: 5rem;
  }
  .xs\:gap-md {
    gap: 1rem;
  }
  .xs\:gap-sm {
    gap: 0.75rem;
  }
  .xs\:gap-xl {
    gap: 2rem;
  }
  .xs\:gap-xs {
    gap: 0.5rem;
  }
  .xs\:gap-x-3xl {
    column-gap: 4rem;
  }
  .xs\:gap-x-lg {
    column-gap: 1.5rem;
  }
  .xs\:gap-x-xs {
    column-gap: 0.5rem;
  }
  .xs\:gap-y-xl {
    row-gap: 2rem;
  }
  .xs\:overflow-hidden {
    overflow: hidden;
  }
  .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-b-lg {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .xs\:rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .xs\:border-x-sm {
    border-left-width: 0.0625rem;
    border-right-width: 0.0625rem;
  }
  .xs\:border-l-sm {
    border-left-width: 0.0625rem;
  }
  .xs\:border-t-0 {
    border-top-width: 0rem;
  }
  .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: 0.25rem;
  }
  .xs\:p-\[16px\] {
    padding: 16px;
  }
  .xs\:p-\[2px\] {
    padding: 2px;
  }
  .xs\:p-lg {
    padding: 1.5rem;
  }
  .xs\:\!px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .xs\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xs\:px-2xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xs\:px-3xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xs\:px-\[5rem\] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .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: 0.5rem;
    padding-right: 0.5rem;
  }
  .xs\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .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\:pb-0 {
    padding-bottom: 0px;
  }
  .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-\[5\.5rem\] {
    padding-bottom: 5.5rem;
  }
  .xs\:pb-lg {
    padding-bottom: 1.5rem;
  }
  .xs\:pb-md {
    padding-bottom: 1rem;
  }
  .xs\:pb-xl {
    padding-bottom: 2rem;
  }
  .xs\:pb-xs {
    padding-bottom: 0.5rem;
  }
  .xs\:pl-2xs {
    padding-left: 0.25rem;
  }
  .xs\:pl-sm {
    padding-left: 0.75rem;
  }
  .xs\:pl-xl {
    padding-left: 2rem;
  }
  .xs\:pr-2xs {
    padding-right: 0.25rem;
  }
  .xs\:pr-md {
    padding-right: 1rem;
  }
  .xs\:pt-0 {
    padding-top: 0px;
  }
  .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: 0.5rem;
  }
  .xs\:text-left {
    text-align: left;
  }
  .xs\:text-12 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .xs\:text-14 {
    font-size: 0.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\:leading-\[1\.5em\] {
    line-height: 1.5em;
  }
  .xs\:leading-\[30px\] {
    line-height: 30px;
  }
  .xs\:leading-\[38px\] {
    line-height: 38px;
  }
  .xs\:text-neutral-content {
    color: var(--color-neutral-content);
  }
  .xs\: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: 0.25rem;
  }
  .last\:xs\:block:last-child {
    display: block;
  }
  .last\:xs\:pr-2xs:last-child {
    padding-right: 0.25rem;
  }
  :is([class~="theme-dark"] .xs\:dark\:text-neutral-content-weak) {
    color: var(--color-neutral-content-weak);
  }
  @media (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\: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\:order-1 {
    order: 1;
  }
  .s\:order-2 {
    order: 2;
  }
  .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: 0px;
  }
  .s\:ml-0 {
    margin-left: 0px;
  }
  .s\:ml-\[381px\] {
    margin-left: 381px;
  }
  .s\:ml-\[384px\] {
    margin-left: 384px;
  }
  .s\:mr-0 {
    margin-right: 0px;
  }
  .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-\[32\.5rem\] {
    height: 32.5rem;
  }
  .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\)-160px\)\] {
    height: calc(100vh - var(--shreddit-header-height) - 160px);
  }
  .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-\[45\%\] {
    width: 45%;
  }
  .s\:w-\[454px\] {
    width: 454px;
  }
  .s\:w-\[480px\] {
    width: 480px;
  }
  .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-\[20rem\] {
    max-width: 20rem;
  }
  .s\:max-w-\[360px\] {
    max-width: 360px;
  }
  .s\:max-w-\[450px\] {
    max-width: 450px;
  }
  .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-\[940px\] {
    max-width: 940px;
  }
  .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\: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: 0.75rem;
  }
  .s\:gap-xl {
    gap: 2rem;
  }
  .s\:gap-xs {
    gap: 0.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\:rounded-bl-md {
    border-bottom-left-radius: 1.25rem;
  }
  .s\:rounded-br-md {
    border-bottom-right-radius: 1.25rem;
  }
  .s\:rounded-tl-none {
    border-top-left-radius: 0rem;
  }
  .s\:rounded-tr-none {
    border-top-right-radius: 0rem;
  }
  .s\:border-l-sm {
    border-left-width: 0.0625rem;
  }
  .s\:border-r-sm {
    border-right-width: 0.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-lg {
    padding: 1.5rem;
  }
  .s\:p-md {
    padding: 1rem;
  }
  .s\:p-xl {
    padding: 2rem;
  }
  .s\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .s\:px-3xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .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: 0px;
    padding-bottom: 0px;
  }
  .s\:py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .s\:py-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .s\:pb-0 {
    padding-bottom: 0px;
  }
  .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: 0.75rem;
  }
  .s\:pb-xl {
    padding-bottom: 2rem;
  }
  .s\:pl-0 {
    padding-left: 0px;
  }
  .s\:pr-0 {
    padding-right: 0px;
  }
  .s\:pr-md {
    padding-right: 1rem;
  }
  .s\:pr-xs {
    padding-right: 0.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: 0.75rem;
  }
  .s\:text-left {
    text-align: left;
  }
  .s\:text-14 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .s\:text-16 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .s\:text-20 {
    font-size: 1.25rem;
    line-height: 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: 0.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-\[700px\] {
    height: 700px;
  }
  .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-\[320px\] {
    width: 320px;
  }
  .m\:w-\[400px\] {
    width: 400px;
  }
  .m\:w-\[455px\] {
    width: 455px;
  }
  .m\:w-\[520px\] {
    width: 520px;
  }
  .m\:w-\[560px\] {
    width: 560px;
  }
  .m\:w-\[640px\] {
    width: 640px;
  }
  .m\:w-fit {
    width: fit-content;
  }
  .m\:max-w-\[1072px\] {
    max-width: 1072px;
  }
  .m\:max-w-\[768px\] {
    max-width: 768px;
  }
  .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\: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: 0.5rem;
    padding-right: 0.5rem;
  }
  .m\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .m\:py-\[36px\] {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .m\:py-\[64px\] {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .m\:\!pl-0 {
    padding-left: 0px !important;
  }
  .m\:\!pl-lg {
    padding-left: 1.5rem !important;
  }
  .m\:\!pr-0 {
    padding-right: 0px !important;
  }
  .m\:pb-0 {
    padding-bottom: 0px;
  }
  .m\:pb-5xl {
    padding-bottom: 8rem;
  }
  .m\:pb-xl {
    padding-bottom: 2rem;
  }
  .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: 0px;
  }
  .l\:right-0 {
    right: 0px;
  }
  .l\:top-xs {
    top: 0.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: 0.75rem;
  }
  .l\:p-4xl {
    padding: 6rem;
  }
  .l\:p-lg {
    padding: 1.5rem;
  }
  .l\:px-lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .l\:pb-0 {
    padding-bottom: 0px;
  }
  .l\:pb-xl {
    padding-bottom: 2rem;
  }
  .l\:pt-5xl {
    padding-top: 8rem;
  }
  .l\:text-left {
    text-align: left;
  }
}
@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\] {
    max-width: 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: 0.75rem;
  }
  .xl\:pb-0 {
    padding-bottom: 0px;
  }
  .xl\:pb-xl {
    padding-bottom: 2rem;
  }
  .xl\:text-left {
    text-align: left;
  }
}
@media (max-width: 500px) {
  .embed-m\:right-xs {
    right: 0.5rem;
  }
  .embed-m\:top-xs {
    top: 0.5rem;
  }
  .embed-m\:mr-0 {
    margin-right: 0px;
  }
  .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: 0px;
  }
  .embed-s\:mt-xs {
    margin-top: 0.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: 0px;
    margin-right: 0px;
  }
  .embed-xs\:ml-md {
    margin-left: 1rem;
  }
  .embed-xs\:mt-2xs {
    margin-top: 0.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: 0.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;
  }
}
@media (min-width: 768px) {
  .xs\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,1fr) minmax(0,316px);
  }
  .xs\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,756px) minmax(0,316px);
  }
}
@media (min-width: 960px) {
  .s\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,1fr) minmax(0,316px);
  }
  .s\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,756px) minmax(0,316px);
  }
}
@media (min-width: 1200px) {
  .m\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,1fr) minmax(0,316px);
  }
  .m\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,756px) minmax(0,316px);
  }
}
@media (min-width: 1416px) {
  .l\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,1fr) minmax(0,316px);
  }
  .l\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,756px) minmax(0,316px);
  }
}
@media (min-width: 1920px) {
  .xl\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,1fr) minmax(0,316px);
  }
  .xl\:\[\&\.fixed-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_minmax\(0\2c 316px\)\].fixed-sidebar {
    grid-template-columns: minmax(0,756px) minmax(0,316px);
  }
}
@media (min-width: 768px) {
  .xs\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .xs\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,756px) auto;
  }
}
@media (min-width: 960px) {
  .s\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .s\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,756px) auto;
  }
}
@media (min-width: 1200px) {
  .m\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .m\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,756px) auto;
  }
}
@media (min-width: 1416px) {
  .l\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .l\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,756px) auto;
  }
}
@media (min-width: 1920px) {
  .xl\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 1fr\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .xl\:\[\&\.flex-sidebar\]\:grid-cols-\[minmax\(0\2c 756px\)_auto\].flex-sidebar {
    grid-template-columns: minmax(0,756px) auto;
  }
}
.\[\&\.hidden\~\*\]\:block.hidden~* {
  display: block;
}
.\[\&\:not\(\:defined\)\>\[slot\]\]\:hidden:not(:defined)>[slot] {
  display: none;
}
.\[\&\:not\(\:defined\)_\.directory-link\]\:hidden:not(:defined) .directory-link {
  display: none;
}
.\[\&\>\*\]\:invisible>* {
  visibility: hidden;
}
.\[\&\>\*\]\:rounded-\[8px\]>* {
  border-radius: 8px;
}
.\[\&\>\*\]\:border>* {
  border-width: 0.0625rem;
}
.\[\&\>\*\]\:border-solid>* {
  border-style: solid;
}
.\[\&\>\*\]\:border-neutral-border-weak>* {
  border-color: var(--color-neutral-border-weak);
}
.\[\&\>\*\]\:bg-\[color\:inherit\]>* {
  background-color: inherit;
}
.\[\&\>\.threadline\>\*\]\:border-tone-2>.threadline>* {
  border-color: var(--color-tone-2);
}
.\[\&\>\.threadline\>\*\]\:border-tone-4>.threadline>* {
  border-color: var(--color-tone-4);
}
.\[\&\>\:first-child\]\:mb-0>:first-child {
  margin-bottom: 0px;
}
.\[\&\>\:first-child\]\:h-full>:first-child {
  height: 100%;
}
.\[\&\>\:first-child\]\:max-h-full>:first-child {
  max-height: 100%;
}
.\[\&\>\:first-child\]\:w-full>:first-child {
  width: 100%;
}
.\[\&\>\:first-child\]\:overflow-hidden>:first-child {
  overflow: hidden;
}
.\[\&\>\:first-child\]\:rounded-\[inherit\]>:first-child {
  border-radius: inherit;
}
.\[\&\>\:not\(\.pointer-events-none\)\]\:pointer-events-auto>:not(.pointer-events-none) {
  pointer-events: auto;
}
.\[\&\>div\]\:\!pr-0>div {
  padding-right: 0px !important;
}
.\[\&\>div\]\:pl-xs>div {
  padding-left: 0.5rem;
}
.\[\&\>li\>div\]\:px-0>li>div {
  padding-left: 0px;
  padding-right: 0px;
}
.\[\&\>p\]\:my-0>p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.\[\&\>svg\]\:block>svg {
  display: block;
}
.\[\&\>svg\]\:aspect-square>svg {
  aspect-ratio: 1 / 1;
}
.\[\&\>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: 0.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: 0.75rem;
}
.\[\&\>svg\]\:text-center>svg {
  text-align: center;
}
.\[\&\>svg\]\:align-middle>svg {
  vertical-align: middle;
}
.\[\&\[faceplate-validity\=invalid\]\[faceplate-dirty\]\]\:mb-0[faceplate-validity=invalid][faceplate-dirty] {
  margin-bottom: 0px;
}
.\[\&_\.emote\]\:whitespace-pre .emote {
  white-space: pre;
}
.\[\&_\.emote\]\:leading-\[1\.25rem\] .emote {
  line-height: 1.25rem;
}
.\[\&_\.flair-image\]\:align-bottom .flair-image {
  vertical-align: bottom;
}
.\[\&_a\]\:\!text-current a {
  color: currentColor !important;
}
.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.\[\&_div\]\:inline-flex div {
  display: inline-flex;
}
.\[\&_div\]\:items-center div {
  align-items: center;
}
.\[\&_faceplate-img\.flair-image\]\:align-bottom faceplate-img.flair-image {
  vertical-align: bottom;
}
.\[\&_faceplate-img\]\:leading-normal faceplate-img {
  line-height: 1.5;
}
.\[\&_label\]\:hidden label {
  display: none;
}
.\[\&_strong\]\:font-\[800\] strong {
  font-weight: 800;
}
.\[\&\~\*\]\:hidden~* {
  display: none;
}

    </style> 
    <script type="module" nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      !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__);
//# sourceMappingURL=polyfills-aeb7ac03.js.map
;
    </script>
  

    <script nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      // 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 = 'YiAGO7GU9Jt4biSGOF1Qtw==';

      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="YiAGO7GU9Jt4biSGOF1Qtw==">
      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);
//# sourceMappingURL=perfmetrics-helpers-93141c19.js.map
;
    </script>
   
    <script type="module" nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
      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)}));
//# sourceMappingURL=buffer-faceplate-alerts-92e4f4f2.js.map
;
    </script>
   
        <script nonce="YiAGO7GU9Jt4biSGOF1Qtw==">
          var SENTRY_CONFIG = {"dsn":"https://9f057df6115a4bb488c08ea12a835e6e@error-tracking.reddit.com/o418887/5810803","enabled":true,"environment":"production"};
        </script>
       
    <script
      type="module"
      importance="high"
      fetchpriority="high"
      nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
      src="https://www.redditstatic.com/shreddit/en-US/shell-70263e91.js"
    ></script>
  
        <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/auth-flow-trigger-client-js-47e8c8bb.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/community-value-upsell-center-prompt-client-js-5dff6753.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/header-action-item-user-drawer-client-js-733b8db9.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/hui-translation-button-client-js-ac01a0e6.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/qr-code-persistent-button-upsell-client-js-004cbbc5.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/qr-code-persistent-button-upsell-client-css-09645bda.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/header-large-client-js-075cc0c2.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-large-client-css-772a0624.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-f302ae25.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-client-css-221406e0.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/hui-grid-client-js-cb428813.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/hui-grid-client-css-f4571615.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-e8dddecf.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-58b9ff62.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-e375c34d.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/highlight-post-client-js-9f09b4fb.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/community-highlights-client-js-842e5ea4.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/community-highlights-client-css-8e67208f.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/subreddit-header-client-js-08662091.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/sidebar-ad-client-js-4c64e44f.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/subreddit-right-rail-client-js-914c0972.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/subreddit-right-rail-client-css-5156f0ac.css" />
      <script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/feed-post-client-js-9f09b4fb.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/feed-ad-client-js-6293e742.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/mod-inline-actions-client-js-6de0f530.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/mod-content-state-indicators-client-js-24596baa.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/dsa-transparency-modal-provider-client-js-0b0a4b31.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/mod-removal-reason-form-client-js-07563987.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/media-lightbox-client-js-abf50c99.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/team-flair-selection-client-js-7020f5f5.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/auth-overlay-client-js-c4b7a9a8.js"
      ></script><script
        type="module"
        nonce="YiAGO7GU9Jt4biSGOF1Qtw=="
        src="https://www.redditstatic.com/shreddit/en-US/subreddit-feed-client-js-7e4d31c4.js"
      ></script>
        <link rel="stylesheet" href="https://www.redditstatic.com/shreddit/subreddit-feed-client-css-e068639d.css" />
      
        
  <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"
        />
      
        
        
    <script nonce="YiAGO7GU9Jt4biSGOF1Qtw==" data-src="https://www.google.com/recaptcha/enterprise.js?render=6LfirrMoAAAAAHZOipvza4kpp_VtTwLNuXVwURNQ"></script>
    <script nonce="YiAGO7GU9Jt4biSGOF1Qtw==" data-src="https://www.google.com/recaptcha/enterprise.js?render=6LfRNvoUAAAAAKgEWIXbpPkMWcboc1n1gAeXq7lP"></script>
    <shreddit-async-loader bundleName="reputation_recaptcha">
      <reputation-recaptcha
        site-key="6LfirrMoAAAAAHZOipvza4kpp_VtTwLNuXVwURNQ"
        safety-site-key="6LfRNvoUAAAAAKgEWIXbpPkMWcboc1n1gAeXq7lP"
      ></reputation-recaptcha>
    </shreddit-async-loader>
  
      </head>
      <body>
        <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="000000001i1y8hftmi.2.1738022428057.Z0FBQUFBQm5tQjRjdjM0M2dQQ3dvWVRDTExnNjhXYVVpdVJHQlFpLTVhbktCeHB4dll0R2Zab3RJN21DU0dTY1VfRTJtMmRrajlGZHpaMjJWSGxtVVNDZ0V5ZEZiYlhBMTg2Vk51VEhqVEdZckY1MkE3dTVLaFU2Rno4cHJKMUl1aVZmanpOcjR5ZnI"
          correlation-id="9a4c3514-68f6-4d18-aaac-72ab941c3580"
          feed-correlation-id="769ea221-0e28-4c64-8997-6b84d472cd9f"
          serverRenderId="8474c6d1-c94f-4cec-890b-67f6567dc021"
          update-recaptcha="true"
          routeName="subreddit"
          pageType="community"
          more-comments-route="/svc/shreddit/events"
          deviceType="desktop"
          ctn="CSRF"
          devvit-allow-navigation="true"
          referrer=""
          referrer-type="other"
          country="US"
          disable-send-beacon="true"
          use-local-storage-events-caching="true"
          app-name="web3x"
          microapp-name="feeds"
          microapp-pool="first-time-user"
          microapp-deployment="production"
          clienthash="AG4opypnvZj/6JwG"
          comments-partial-ssr=""
          user-language="en-US"
          release="2025-01-27T20:08:16Z~0689e721"
        >
        <faceplate-server-session timestamp="1738022428084"></faceplate-server-session>
        <slot name="use-app" slot="use-app"></slot>
        <shreddit-good-visit-tracker
                referrerType="other"
                pageType="community"
              ></shreddit-good-visit-tracker>
        <shreddit-async-loader bundleName="screen_reader_alerts">
          <screen-reader-alert-outlet></screen-reader-alert-outlet>
        </shreddit-async-loader>
        
        
        
  <!-- routable page start --><shreddit-activated-feature-meta></shreddit-activated-feature-meta><shreddit-page-meta>
  <template>
      <shreddit-app-attrs
         serverRenderId="8474c6d1-c94f-4cec-890b-67f6567dc021"
        routeName="subreddit"
        pageType="community"
        
        referrer-type="other"
        app-name="web3x"
        microapp-name="feeds"
        microapp-pool="first-time-user"
        microapp-deployment="production"
         correlation-id="9a4c3514-68f6-4d18-aaac-72ab941c3580"
         feed-correlation-id="769ea221-0e28-4c64-8997-6b84d472cd9f"
      >
      </shreddit-app-attrs>
      <shreddit-good-visit-tracker-attrs
        pageType="community"
        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
        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
        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
        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
        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
        d="m492.44,45.35h21.85v25.44h-21.85v76.33h-29.89v-76.33h-21.75v-25.44h21.75v-27.66h29.89v27.66Z"
      />
    </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/realreco/&quot;}"
    >
      <form
        autocomplete="off"
        action="/r/realreco/search/?q="
        class="reddit-search-bar flex relative items-center text-neutral-content-strong w-100 h-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/realreco"
          maxlength="25"
          value=""
        >
          
    <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/realreco
                </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-tracker
      source="xpromo"
      action="view"
      noun="top_button"
      data-faceplate-tracking-context="{&quot;action_info&quot;:{&quot;reason&quot;:&quot;qr_upsell&quot;}}"
    >
      
    <rpl-tooltip appearance="inverted" class="nd:visible coachmark">
      
    <faceplate-tracker class="nd:visible" source="xpromo" action="click" noun="top_button">
      <activate-feature
        reactivatable
        render-mode="contents"
        name="QrCodeModalUpsell_4wg7MS"
        activation="action"
      >
        <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>
      </activate-feature>
    </faceplate-tracker>
  
      <span slot="content">
        Get the Reddit app
      </span>
    </rpl-tooltip>
  
    </faceplate-tracker>
  
    <faceplate-loader
      name="QrCodeModalUpsell_4wg7MS"
      src="https://www.redditstatic.com/shreddit/en-US/qr-code-modal-upsell-client-js-51ebd606.js,https://www.redditstatic.com/shreddit/qr-code-modal-upsell-client-css-02154854.css"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="QrCodeModalUpsell_4wg7MS"
        src="/svc/shreddit/partial/4wg7MS/qr-code-modal-upsell?params=prefix%3Dr%26subredditName%3Drealreco&amp;sig=v1.A8x6f9WURMFxJGZSwMXvoFZS24UVatbbM6AcrI8aJHU"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    </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">
    <faceplate-tooltip
    style="--faceplate-tooltip-z-index: 1001;"
    position="bottom-end"
    appearance="inverted"
  >
    <activate-feature
    name="UserDrawerMenu_SZvQJM"
    activation="intent"
    slot="trigger"
    ><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"
    >
      <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></activate-feature
  ><span
            >Open settings menu</span
          >
  </faceplate-tooltip>
    <shreddit-darkmode-syncer
      cookie-domain=".reddit.com"
      country="US"
    ></shreddit-darkmode-syncer>
  <div slot="menu" id="user-drawer-content" class="min-w-[256px] bg-neutral-background-strong">
    <faceplate-loader
      name="UserDrawerMenu_SZvQJM"
      src="https://www.redditstatic.com/shreddit/en-US/user-drawer-client-js-be707e68.js,https://www.redditstatic.com/shreddit/en-US/user-drawer-client-js-be707e68.js"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="UserDrawerMenu_SZvQJM"
        src="/svc/shreddit/partial/SZvQJM/user-drawer-menu?params=prefix%3Dr%26subredditName%3Drealreco&amp;sig=v1.A8x6f9WURMFxJGZSwMXvoFZS24UVatbbM6AcrI8aJHU"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    </div></faceplate-dropdown-menu></shreddit-async-loader></div></div></nav></header></reddit-header-action-items>
    <faceplate-loader
      name="HamburgerMenu_nwYSWB"
      src="https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-e8dddecf.js,https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-58b9ff62.js,https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-e375c34d.js,https://www.redditstatic.com/shreddit/en-US/hamburger-menu-client-js-3cc82ce1.js,https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-f302ae25.js,https://www.redditstatic.com/shreddit/en-US/left-nav-resources-section-client-js-e8dddecf.js,https://www.redditstatic.com/shreddit/en-US/left-nav-topics-section-client-js-58b9ff62.js,https://www.redditstatic.com/shreddit/en-US/left-nav-client-js-e375c34d.js,https://www.redditstatic.com/shreddit/en-US/hamburger-menu-client-js-3cc82ce1.js,https://www.redditstatic.com/shreddit/en-US/deprecated-content-client-js-f302ae25.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-c0a91d51.js"
      loading="lazy"
    ></faceplate-loader>
  <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-a9d6a6f5.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-99372c08.js,https://www.redditstatic.com/shreddit/en-US/award-leaderboard-locked-banner-client-js-5f07d96d.js,https://www.redditstatic.com/shreddit/en-US/award-leaderboard-client-js-3f5d71ef.js,https://www.redditstatic.com/shreddit/en-US/award-dialog-client-js-b07544f7.js,https://www.redditstatic.com/shreddit/award-dialog-client-css-f0aed915.css"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="AwardDialog_GzBkf2"
        src="/svc/shreddit/award-dialog/:thingId"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    
    <faceplate-loader
      name="ExplainerDialog_Psng26"
      src="https://www.redditstatic.com/shreddit/en-US/explainer-dialog-client-js-161d4a57.js,https://www.redditstatic.com/shreddit/explainer-dialog-client-css-07294a4b.css"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="ExplainerDialog_Psng26"
        src="/svc/shreddit/explainer-dialog/:explainerId"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    
    <faceplate-loader
      name="LeadGenDialog_4ym4rB"
      src="https://www.redditstatic.com/shreddit/en-US/lead-gen-dialog-client-js-9f77bb86.js"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="LeadGenDialog_4ym4rB"
        src="/svc/shreddit/lead-gen-dialog"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    
    <faceplate-loader
      name="DevvitPrivacyModal_n98hrb"
      src="https://www.redditstatic.com/shreddit/en-US/devvit-privacy-modal-client-js-3d5c8604.js"
      loading="programmatic"
    ></faceplate-loader>
  
      <faceplate-partial
        name="DevvitPrivacyModal_n98hrb"
        src="/svc/shreddit/devvit-privacy-modal/:subredditId/:postId/:appSlug/:appName/:appOwnerId"
        loading="programmatic"
      >
        
        
      </faceplate-partial>
    <shreddit-media-lightbox
      ></shreddit-media-lightbox><faceplate-tracker
      source="blocked_community_page"
      action="view"
      noun="modal"
      data-faceplate-tracking-context="{&quot;action_info&quot;:{&quot;reason&quot;:&quot;BANNED&quot;}}"
      ><guard-community-modal isdesktop
        country="US"
        subredditname="realreco"
        subredditid="t5_c0kuab"
        isprivaterequestpending="true"
      >
        <div slot="titleGraphic" class="flex"><svg rpl
      fill="currentColor"
      height="32"
      icon-name="ban-outline"
      viewBox="0 0 20 20"
      width="32"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="m19.59 9.705-1.062-1.061a2.606 2.606 0 0 0-1.856-.769h-.913l-3.634-3.634v-.912a2.597 2.597 0 0 0-.769-1.856L10.3.411a1.128 1.128 0 0 0-1.6.001L3.411 5.705a1.125 1.125 0 0 0 0 1.59l1.061 1.061a2.607 2.607 0 0 0 1.856.769h.913l.375.375-6.557 6.558a2.04 2.04 0 0 0 2.883 2.884l6.558-6.558.375.375v.913a2.608 2.608 0 0 0 .77 1.856l1.06 1.06a1.127 1.127 0 0 0 1.591 0l5.292-5.288a1.124 1.124 0 0 0 0-1.591l.001-.004ZM3.06 18.058a.79.79 0 1 1-1.118-1.116L8.5 10.384 9.616 11.5 3.06 18.058Zm10.44-2.442-.972-.972a1.38 1.38 0 0 1-.4-.972v-1.431L7.76 7.875H6.33a1.367 1.367 0 0 1-.973-.4L4.384 6.5 9.5 1.384l.972.972c.257.259.4.609.4.973v1.43l4.366 4.366h1.431c.364 0 .713.144.972.4l.972.972-5.113 5.119Z"></path>
    </svg></div>
        <faceplate-tracker
          source="blocked_community_page"
          action="click"
          noun="close"
          slot="closeButton"
        >
          <div slot="closeButton">
    <a rpl
      class="
button-medium px-[var(--rem8)]
button-secondary


icon
items-center justify-center
button inline-flex "
      href="/r/popular"
      ><span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      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>
    </a
    >
  </div>
        </faceplate-tracker>
        <faceplate-tracker
        source="blocked_community_page"
        action="click"
        noun="browse"
        slot="primaryButton"
      >
        <a rpl
      class="w-100 no-underline hover:no-underline
button-medium px-[var(--rem14)]
button-primary



items-center justify-center
button inline-flex "
      href="/r/popular"
      ><span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Browse Other Communities</span>
    </span>
    </a
    >
      </faceplate-tracker>
        <div slot="title" class="text-24 s:text-20">r/realreco is banned</div>
        <div class="flex flex-col justify-center">
          <p class="text-14 mb-0">This subreddit was banned due to being used for spam. If you'd like to take it over please make a post in /r/redditrequest.</p>
           <p class="w-full text-14 font-normal mb-0">
        You agree that use of this site constitutes acceptance of
          <a rpl
      class=" a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  "
      href="https://www.redditinc.com/policies/user-agreement"
      target="_blank"
      >Reddit’s User Agreement</a
    >
          and acknowledge our
          <a rpl
      class=" a cursor-pointer
  
  
  
  no-visited
  no-underline hover:no-underline
  "
      href="https://www.redditinc.com/policies/privacy-policy"
      target="_blank"
      >Privacy Policy</a
    >.
      </p> 
        </div>
      </guard-community-modal></faceplate-tracker
    >
    <shreddit-async-loader bundleName="auth_flow_google_one_tap">
      <auth-flow-google-one-tap-shell>
        
    <div class="block">
      <shreddit-slotter slot-name="googleOneTapPrompt">
        <template slot="googleOneTapPrompt">
    <auth-flow-google-one-tap-prompt
      device-type="desktop"
      captcha-action="login_with_external_identity"
      site-key="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      render-string="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      variant-id="regular"
    >
      <slot name="google-one-tap-prompt-container" slot="prompt-container"></slot>
      
    </auth-flow-google-one-tap-prompt>
  </template> <template slot="login"><shreddit-async-loader bundleName="auth_flow_login">
     <auth-flow-login
    captcha-method="execute"
    device-type="desktop"
    captcha-site-key="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
    captcha-action="login_with_password"
    render-string="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
    checkbox-site-key="6LcTl-spAAAAABLFkrAsJbMsEorTVzujiRWrQGRZ"
    
  >
    <faceplate-tabpanel
      pagenames="login_username_and_password,login_otp_app,login_otp_backup"
      pageindex="1"
    >
      <faceplate-form
        id="login"
        method="POST"
        validation-trigger="change"
        action="/svc/shreddit/account/login"
        slot="login_username_and_password"
      >
        <auth-flow-modal class="shadow-sm" pageName="login_username_and_password">
          <faceplate-tracker
    slot="closeButton"
    source="onboarding"
    action="dismiss"
    noun="login_username_and_password"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Log In
  </h1>
      <p
    class="text-14 my-xs"
  >
    By continuing, you agree to our
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/user-agreement"
          >User Agreement</a
        >
        and acknowledge that you understand the
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/privacy-policy"
          >Privacy Policy</a
        >.
  </p>
      <div class="mt-md text-center w-100 box-border">
        
    <auth-flow-link
      class="mb-xs block"
      step="phone_auth"
      hide-underline
      full-width
      has-regular-font
    >
      <faceplate-tracker
    source="onboarding"
    action="click"
    noun="login"
    class="visible"
    data-faceplate-tracking-context="{&quot;action_info&quot;:{&quot;type&quot;:&quot;phone_auth&quot;}}"
    > <div
          class="bg-white border-[#dadce0] rounded-[20px] border-sm border-solid px-sm h-[40px] text-center"
        >
          <div
            class="text-[#131313] font-sans flex flex-nowrap flex-row h-100 items-center justify-between"
          >
            <svg rpl
      fill="currentColor"
      height="20"
      icon-name="phone-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M15.368 0H4.625A1.627 1.627 0 0 0 3 1.625v16.743A1.634 1.634 0 0 0 4.632 20h10.736A1.633 1.633 0 0 0 17 18.368V1.632A1.634 1.634 0 0 0 15.368 0ZM4.625 1.25h10.743a.382.382 0 0 1 .382.382V15.75H4.25V1.625a.375.375 0 0 1 .375-.375Zm10.743 17.5H4.632a.382.382 0 0 1-.382-.382V17h11.5v1.368a.382.382 0 0 1-.382.382Zm-3.413-14.5H8V3h3.955v1.25Z"></path>
    </svg>
            <span class="flex-grow text-14 overflow-hidden overflow-ellipsis align-top capitalize">
              Continue with phone number
            </span>
          </div>
        </div></faceplate-tracker
  >
    </auth-flow-link>
  
        
    <auth-flow-sso-buttons
      locale="en-US"
      auth-flow="login"
      captcha-action="login_with_external_identity"
      site-key="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      render-string="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      captcha-method="execute"
    >
    </auth-flow-sso-buttons>
   
    <div class="flex items-center my-md">
      <hr class="h-px grow bg-neutral-content-disabled border-none m-0" />

      <span class="text-12 text-neutral-content-weak px-md">
        OR
      </span>

      <hr class="h-px grow bg-neutral-content-disabled border-none m-0" />
    </div>
  
      </div>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      
      <auth-text-input
        id="login-username"
        name="username"
        autocomplete="username"
        required
        helper-text-placeholder="&nbsp;"
      >
        <span slot="label">
          Email or username
        </span>
      </auth-text-input>
    
    </fieldset>
  
    
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      
      <auth-text-input
        id="login-password"
        name="password"
        type="password"
        autocomplete="current-password"
        helper-text-placeholder="&nbsp;"
        required
      >
        <span slot="label">
          Password
        </span>
        <slot slot="login-password" name="login-password"></slot>
      </auth-text-input>
    
    </fieldset>
  
    <span id="username-and-password-recaptcha-checkbox-container"></span> 
      <div class="mt-2xs text-14">
        <auth-flow-link step="password" hide-underline large-text has-regular-font>
          <faceplate-tracker source="login" action="click" noun="forgot_password">
            Forgot password?
          </faceplate-tracker>
        </auth-flow-link>
      </div>
      <div class="lg:mt-sm mt-md text-14">
        
            New to Reddit?
            <auth-flow-link step="register" hide-underline large-text has-regular-font>
              Sign Up
            </auth-flow-link>
          
      </div>
    
  </div>
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;button_text&quot;:&quot;login&quot;}}"
        source="onboarding"
        action="click"
        noun="login"
      >
        <button rpl disabled
      class="login w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Log In</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
        </auth-flow-modal>
      </faceplate-form>
      <faceplate-form
        id="login-app-otp"
        method="POST"
        validation-trigger="change"
        action="/svc/shreddit/account/login/otp"
        slot="login_otp_app"
      >
        <auth-flow-modal class="shadow-sm" pageName="login_otp_app">
          <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="back"
    noun="login_otp_app"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Enter the 6-digit code from your authenticator app
  </h1>
      <p
    class="text-14 my-xs"
  >
    You’ve set up two-factor authentication for this account.
  </p>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      
        <faceplate-text-input
          name="appOtp"
          type="tel"
          id="one-time-code-appOtp"
          autocomplete="one-time-code"
          class="text-center"
          helper-text-placeholder="&nbsp;"
        >
          <span slot="label">
            Verification code
          </span>
        </faceplate-text-input>
      
    </fieldset>
  
      <div class="mt-md text-14">
        Lost access to your authenticator?
        <a class="otp-type text-[color:var(--color-a-default)] no-underline no-visited" href="#">
          Use a backup code
        </a>
      </div>
      <span id="otp-app-recaptcha-checkbox-container"></span>
    
  </div>
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;button_text&quot;:&quot;check_otp_app&quot;}}"
        source="onboarding"
        action="click"
        noun="login"
      >
        <button rpl
      class="check-app-code w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Check code</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
        </auth-flow-modal>
      </faceplate-form>
      <faceplate-form
        id="login-backup-otp"
        method="POST"
        validation-trigger="change"
        slot="login_otp_backup"
        action="/svc/shreddit/account/login/otp"
      >
        <auth-flow-modal class="shadow-sm" pageName="login_otp_backup">
          <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="back"
    noun="login_otp_backup"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Enter a 6-digit backup code
  </h1>
      <p
    class="text-14 my-xs"
  >
    You’ve set up two-factor authentication for this account.
  </p>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      
        <faceplate-text-input
          name="backupOtp"
          id="one-time-code-backup"
          autocomplete="one-time-code"
          class="text-center"
          helper-text-placeholder="&nbsp;"
        >
          <span slot="label">
            Backup code
          </span>
        </faceplate-text-input>
      
    </fieldset>
  
      <div class="mt-md text-14">
        Don’t have access to your backup code?
        <a class="otp-type text-[color:var(--color-a-default)] no-underline no-visited" href="#">
          Use a code from an authenticator app
        </a>
      </div>
      <span id="otp-backup-recaptcha-checkbox-container"></span>
    
  </div>
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;button_text&quot;:&quot;check_otp_backup&quot;}}"
        source="onboarding"
        action="click"
        noun="login"
      >
        <button rpl
      class="check-backup-code w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Check code</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
        </auth-flow-modal>
      </faceplate-form>
    </faceplate-tabpanel>
  </auth-flow-login>
  </shreddit-async-loader></template>
        <template slot="register-email-only"><shreddit-async-loader bundleName="auth_flow_register">
    <auth-flow-register
    device-type="desktop"
    register-site-key="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
    captcha-site-key="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
    captcha-action="register_email"
    render-string="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
  >
    <faceplate-form
      id="register"
      action="/svc/shreddit/account/register_email"
      validation-trigger="change"
    >
      <faceplate-tabpanel pagenames="register_email,register_email_verification,register_username_and_password" pageindex="1">
        <auth-flow-modal
          class="shadow-sm"
          pageName="register_email"
          slot="register_email"
        >
          <faceplate-tracker
    slot="closeButton"
    source="onboarding"
    action="dismiss"
    noun="register_email"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
        <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Sign Up
  </h1>
        <p
    class="text-14 my-xs"
  >
    By continuing, you agree to our
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/user-agreement"
          >User Agreement</a
        >
        and acknowledge that you understand the
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/privacy-policy"
          >Privacy Policy</a
        >.
  </p> 
        
        <div class="mt-md">
           
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
      id="register-email"
      name="email"
      type="email"
      required
      autocomplete="email"
      helper-text-placeholder="&nbsp;"
    >
      <span slot="label"
        >Email</span
      >
      <slot slot="register-email" name="register-email"></slot>
    </auth-text-input>
    </fieldset>
  
        </div>
        
    <div class="text-14">
      
          Already a redditor?
          <auth-flow-link step="login" hide-underline large-text has-regular-font
            >Log In</auth-flow-link
          >
        
    </div>
  
        
        <textarea name="gRecaptchaResponse" class="hidden"></textarea>
      
  </div>
    
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;action_info_type&quot;:&quot;continue&quot;}}"
        source="onboarding"
        action="click"
        noun="register"
      >
        <button rpl disabled
      class="continue w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
  
        </auth-flow-modal>
        
    <auth-flow-email-verify slot="register_email_verification">
      <faceplate-form
        id="email-verify"
        method="POST"
        action="/svc/shreddit/account/register_email_verify_check"
      >
        <auth-flow-modal pageName="register_email_verification">
          <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="click"
    noun="back"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          <faceplate-tracker
    source="onboarding"
    action="click"
    noun="skip"
    slot="closeButton"
  >
    <button rpl
      class="
button-small px-[var(--rem10)]
button-plain



items-center justify-center
button inline-flex "
      name="skip"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs"><span class="text-14 font-semibold text-neutral-content-weak"
        >Skip</span
      ></span>
    </span>
    
    </button>
  </faceplate-tracker>
          <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Verify your email
  </h1>
          <p
    class="text-14 my-xs"
  >
    Enter the 6-digit code we sent to <span id="email-placeholder"></span>
  </p>
          <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    <div class="mt-lg">
            
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <faceplate-text-input
                name="code"
                type="text"
                minLength="6"
                maxLength="6"
                inputmode="numeric"
                helper-text-placeholder="&nbsp;"
                autocomplete="one-time-code"
                novalidate
              >
                <span slot="label">
                  Verification code
                </span>
              </faceplate-text-input>
    </fieldset>
  
          </div>
  </div>
          <div slot="primaryButton" class="w-100">
            <div class="mb-md lg:mb-lg text-center">
              Didn&#39;t get an email?
              <button rpl disabled
      class="bg-transparent underline disabled:no-underline pl-xs
button-large px-[var(--rem14)]
button-plain



items-center justify-center
button inline-flex "
      id="auth-email-verify-otp-resend-cta"
      name="resend"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Resend</span>
    </span>
    
    </button>
            </div>
            <button rpl disabled
      class="w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      form="email-verify"
      id="email-verification-submit"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
          </div>
        </auth-flow-modal>
      </faceplate-form>
      <faceplate-form
        id="email-verify-init"
        method="POST"
        action="/svc/shreddit/account/register_email_verify_initialize"
      >
      </faceplate-form>
    </auth-flow-email-verify>
  
        <auth-flow-modal
    class="shadow-sm"
    slot="register_username_and_password"
    pageName="register_username_and_password"
  >
    <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="back"
    noun="register_username_and_password"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
    
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Create your username and password
  </h1>
      <p
    class="text-14 my-xs"
  >
    Reddit is anonymous, so your username is what you’ll go by here. Choose wisely—because once you get a name, you can’t change it.
  </p>
      <div class="mt-lg mb-xs">
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
    id="register-username"
    name="username"
    type="text"
    autocomplete="username"
    minlength="3"
    maxlength="20"
    helper-text-placeholder="&nbsp;"
  >
    <span slot="label"
      >Username</span
    >
    <span slot="trailingIconButton">
      <button rpl
      class="suggest-username
button-large px-[var(--rem12)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="rotate-fill"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M14.2 15.376a1 1 0 0 1 0 1.25l-2.4 2.999a1 1 0 0 1-1.112.318 1 1 0 0 1-.673-.943v-2H7.8A5.8 5.8 0 0 1 2 11.206V9.001h2v2.205a3.8 3.8 0 0 0 3.8 3.795h2.22v-2a1 1 0 0 1 1.781-.625l2.399 3ZM12.205 3.002h-2.22v-2A1 1 0 0 0 8.2.38l-2.4 3a1 1 0 0 0 0 1.25l2.4 3a1 1 0 0 0 1.116.315 1 1 0 0 0 .669-.943v-2h2.22A3.8 3.8 0 0 1 16 8.802v2.2h2v-2.2a5.8 5.8 0 0 0-5.795-5.8Z"></path>
    </svg></span>
      
    </span>
    
    </button>
    </span>
    <slot slot="register-username" name="register-username"></slot>
  </auth-text-input>
    </fieldset>
  </div>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
    id="register-password"
    name="password"
    type="password"
    autocomplete="new-password"
    minlength="8"
    helper-text-placeholder="&nbsp;"
    class="mb-md"
  >
    <span slot="label"
      >Password</span
    >
  </auth-text-input>
    </fieldset>
   
      <slot name="recaptcha"></slot>
    
  </div>
    
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;action_info_type&quot;:&quot;create&quot;}}"
        source="onboarding"
        action="click"
        noun="register"
      >
        <button rpl disabled
      class="create w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="submit"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
  
  </auth-flow-modal>
      </faceplate-tabpanel>
    </faceplate-form>
  </auth-flow-register>
  </shreddit-async-loader></template>
        <template slot="register"><shreddit-async-loader bundleName="auth_flow_register">
    <auth-flow-register
    device-type="desktop"
    register-site-key="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
    captcha-site-key="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
    captcha-action="register_email"
    render-string="6Lf5QrgpAAAAAAGS3Ds9NSm_1N8heBUQcSq-orL7"
  >
    <faceplate-form
      id="register"
      action="/svc/shreddit/account/register_email"
      validation-trigger="change"
    >
      <faceplate-tabpanel pagenames="register_email,register_email_verification,register_username_and_password" pageindex="1">
        <auth-flow-modal
          class="shadow-sm"
          pageName="register_email"
          slot="register_email"
        >
          <faceplate-tracker
    slot="closeButton"
    source="onboarding"
    action="dismiss"
    noun="register_email"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
        <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Sign Up
  </h1>
        <p
    class="text-14 my-xs"
  >
    By continuing, you agree to our
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/user-agreement"
          >User Agreement</a
        >
        and acknowledge that you understand the
        <a
          class="text-[color:var(--color-a-default)] no-underline"
          target="_blank"
          href="https://www.redditinc.com/policies/privacy-policy"
          >Privacy Policy</a
        >.
  </p> 
        
              <div class="mt-md text-center w-100 box-border">
                
    <auth-flow-link
      class="mb-xs block"
      step="phone_auth"
      hide-underline
      full-width
      has-regular-font
    >
      <faceplate-tracker
    source="onboarding"
    action="click"
    noun="signup"
    class="visible"
    data-faceplate-tracking-context="{&quot;action_info&quot;:{&quot;type&quot;:&quot;phone_auth&quot;}}"
    > <div
          class="bg-white border-[#dadce0] rounded-[20px] border-sm border-solid px-sm h-[40px] text-center"
        >
          <div
            class="text-[#131313] font-sans flex flex-nowrap flex-row h-100 items-center justify-between"
          >
            <svg rpl
      fill="currentColor"
      height="20"
      icon-name="phone-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M15.368 0H4.625A1.627 1.627 0 0 0 3 1.625v16.743A1.634 1.634 0 0 0 4.632 20h10.736A1.633 1.633 0 0 0 17 18.368V1.632A1.634 1.634 0 0 0 15.368 0ZM4.625 1.25h10.743a.382.382 0 0 1 .382.382V15.75H4.25V1.625a.375.375 0 0 1 .375-.375Zm10.743 17.5H4.632a.382.382 0 0 1-.382-.382V17h11.5v1.368a.382.382 0 0 1-.382.382Zm-3.413-14.5H8V3h3.955v1.25Z"></path>
    </svg>
            <span class="flex-grow text-14 overflow-hidden overflow-ellipsis align-top capitalize">
              Continue with phone number
            </span>
          </div>
        </div></faceplate-tracker
  >
    </auth-flow-link>
  
                
    <auth-flow-sso-buttons
      locale="en-US"
      auth-flow="register"
      captcha-action="login_with_external_identity"
      site-key="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      render-string="6LcZL1spAAAAAIzQl_DXGakd-J2uwjnfZas9G-Rj"
      captcha-method="execute"
    >
    </auth-flow-sso-buttons>
  
              </div>
              
    <div class="flex items-center my-md">
      <hr class="h-px grow bg-neutral-content-disabled border-none m-0" />

      <span class="text-12 text-neutral-content-weak px-md">
        OR
      </span>

      <hr class="h-px grow bg-neutral-content-disabled border-none m-0" />
    </div>
  
            
        <div class="">
           
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
      id="register-email"
      name="email"
      type="email"
      required
      autocomplete="email"
      helper-text-placeholder="&nbsp;"
    >
      <span slot="label"
        >Email</span
      >
      <slot slot="register-email" name="register-email"></slot>
    </auth-text-input>
    </fieldset>
  
        </div>
        
    <div class="text-14">
      
          Already a redditor?
          <auth-flow-link step="login" hide-underline large-text has-regular-font
            >Log In</auth-flow-link
          >
        
    </div>
  
        
        <textarea name="gRecaptchaResponse" class="hidden"></textarea>
      
  </div>
    
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;action_info_type&quot;:&quot;continue&quot;}}"
        source="onboarding"
        action="click"
        noun="register"
      >
        <button rpl disabled
      class="continue w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
  
        </auth-flow-modal>
        
    <auth-flow-email-verify slot="register_email_verification">
      <faceplate-form
        id="email-verify"
        method="POST"
        action="/svc/shreddit/account/register_email_verify_check"
      >
        <auth-flow-modal pageName="register_email_verification">
          <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="click"
    noun="back"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          <faceplate-tracker
    source="onboarding"
    action="click"
    noun="skip"
    slot="closeButton"
  >
    <button rpl
      class="
button-small px-[var(--rem10)]
button-plain



items-center justify-center
button inline-flex "
      name="skip"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs"><span class="text-14 font-semibold text-neutral-content-weak"
        >Skip</span
      ></span>
    </span>
    
    </button>
  </faceplate-tracker>
          <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Verify your email
  </h1>
          <p
    class="text-14 my-xs"
  >
    Enter the 6-digit code we sent to <span id="email-placeholder"></span>
  </p>
          <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    <div class="mt-lg">
            
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <faceplate-text-input
                name="code"
                type="text"
                minLength="6"
                maxLength="6"
                inputmode="numeric"
                helper-text-placeholder="&nbsp;"
                autocomplete="one-time-code"
                novalidate
              >
                <span slot="label">
                  Verification code
                </span>
              </faceplate-text-input>
    </fieldset>
  
          </div>
  </div>
          <div slot="primaryButton" class="w-100">
            <div class="mb-md lg:mb-lg text-center">
              Didn&#39;t get an email?
              <button rpl disabled
      class="bg-transparent underline disabled:no-underline pl-xs
button-large px-[var(--rem14)]
button-plain



items-center justify-center
button inline-flex "
      id="auth-email-verify-otp-resend-cta"
      name="resend"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Resend</span>
    </span>
    
    </button>
            </div>
            <button rpl disabled
      class="w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      form="email-verify"
      id="email-verification-submit"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
          </div>
        </auth-flow-modal>
      </faceplate-form>
      <faceplate-form
        id="email-verify-init"
        method="POST"
        action="/svc/shreddit/account/register_email_verify_initialize"
      >
      </faceplate-form>
    </auth-flow-email-verify>
  
        <auth-flow-modal
    class="shadow-sm"
    slot="register_username_and_password"
    pageName="register_username_and_password"
  >
    <faceplate-tracker
    slot="backButton"
    source="onboarding"
    action="back"
    noun="register_username_and_password"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
    
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Create your username and password
  </h1>
      <p
    class="text-14 my-xs"
  >
    Reddit is anonymous, so your username is what you’ll go by here. Choose wisely—because once you get a name, you can’t change it.
  </p>
      <div class="mt-lg mb-xs">
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
    id="register-username"
    name="username"
    type="text"
    autocomplete="username"
    minlength="3"
    maxlength="20"
    helper-text-placeholder="&nbsp;"
  >
    <span slot="label"
      >Username</span
    >
    <span slot="trailingIconButton">
      <button rpl
      class="suggest-username
button-large px-[var(--rem12)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="rotate-fill"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M14.2 15.376a1 1 0 0 1 0 1.25l-2.4 2.999a1 1 0 0 1-1.112.318 1 1 0 0 1-.673-.943v-2H7.8A5.8 5.8 0 0 1 2 11.206V9.001h2v2.205a3.8 3.8 0 0 0 3.8 3.795h2.22v-2a1 1 0 0 1 1.781-.625l2.399 3ZM12.205 3.002h-2.22v-2A1 1 0 0 0 8.2.38l-2.4 3a1 1 0 0 0 0 1.25l2.4 3a1 1 0 0 0 1.116.315 1 1 0 0 0 .669-.943v-2h2.22A3.8 3.8 0 0 1 16 8.802v2.2h2v-2.2a5.8 5.8 0 0 0-5.795-5.8Z"></path>
    </svg></span>
      
    </span>
    
    </button>
    </span>
    <slot slot="register-username" name="register-username"></slot>
  </auth-text-input>
    </fieldset>
  </div>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
    id="register-password"
    name="password"
    type="password"
    autocomplete="new-password"
    minlength="8"
    helper-text-placeholder="&nbsp;"
    class="mb-md"
  >
    <span slot="label"
      >Password</span
    >
  </auth-text-input>
    </fieldset>
   
      <slot name="recaptcha"></slot>
    
  </div>
    
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;action_info_type&quot;:&quot;create&quot;}}"
        source="onboarding"
        action="click"
        noun="register"
      >
        <button rpl disabled
      class="create w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      type="submit"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
  
  </auth-flow-modal>
      </faceplate-tabpanel>
    </faceplate-form>
  </auth-flow-register>
  </shreddit-async-loader></template> <template slot="password"><shreddit-async-loader bundleName="auth_flow_password_recovery">
    
    <auth-flow-password-recovery>
      <faceplate-form
        method="POST"
        enctype="application/json"
        action="/svc/shreddit/account/password_reset_initialize"
      >
        <faceplate-tabpanel
          pagenames="reset_password,check_inbox"
        >
          <auth-flow-modal
            class="shadow-sm"
            pageName="reset_password"
            slot="reset_password"
          >
            <faceplate-tracker
    slot="closeButton"
    source="reset_password"
    action="click"
    noun="dismiss"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
            <faceplate-tracker
    slot="backButton"
    source="reset_password"
    action="click"
    noun="back"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
            
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Reset your password
  </h1>
      <p
    class="text-14 my-xs"
  >
    Enter your email address or username and we’ll send you a link to reset your password
  </p>
      <div class="mt-lg">
        
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <faceplate-text-input
          id="auth-password-recovery-input"
          type="text"
          autocomplete="username"
          helper-text-placeholder="&nbsp;"
          name="identifier"
          required
        >
          <span slot="label">
            Email or username
          </span>
        </faceplate-text-input>
    </fieldset>
  
        <p class="text-14 mt-sm">
          <faceplate-tracker
            source="reset_password"
            action="click"
            noun="help"
          >
            <a class="no-underline text-primary" target="_blank" href="https://reddithelp.com/hc/sections/360008917491-Account-Security">
              Need help?
            </a>
          </faceplate-tracker>
        </p>
      </div>
    
  </div>
    <div slot="primaryButton" class="w-100">
      <faceplate-tracker
        data-faceplate-tracking-context="{&quot;popup&quot;:{&quot;button_text&quot;:&quot;reset password&quot;}}"
        source="reset_password"
        action="click"
        noun="request_password_reset_email"
      >
        <button rpl disabled
      class="w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      id="auth-password-recovery-primary-cta"
      type="submit"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Reset password</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
          </auth-flow-modal>
          <auth-flow-modal
            class="shadow-sm"
            pageName="check_inbox"
            slot="check_inbox"
          >
            <faceplate-tracker
    slot="closeButton"
    source="check_inbox"
    action="click"
    noun="dismiss"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
            <faceplate-tracker
    slot="backButton"
    source="check_inbox"
    action="click"
    noun="back"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
            <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Check your inbox
  </h1>
      <p
    class="text-14 my-xs"
  >
    An email with a link to reset your password was sent to the email address associated with your account
  </p>
      <div class="mt-2xl flex justify-center lg:justify-start">
        <faceplate-img class="w-[120px]" src="https://www.redditstatic.com/shreddit/assets/thinking-snoo.png"></faceplate-img>
      </div>
    
  </div>
    <div slot="primaryButton" class="w-100 flex justify-center items-baseline font-sans text-14">
      <span>
        Didn&#39;t get an email?
      </span>
      <faceplate-tracker
        source="check_inbox"
        action="click"
        noun="resend"
      >
        <button rpl
      class="bg-transparent underline disabled:no-underline pl-xs
button-large px-[var(--rem14)]
button-plain



items-center justify-center
button inline-flex "
      id="auth-password-recovery-resend-email-cta"
      type="submit"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Resend</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div> 
          </auth-flow-modal>
        </faceplate-tabpanel>
      </faceplate-form>
    </auth-flow-password-recovery>
  
  </shreddit-async-loader></template>
        <template slot="passwordrecovery"><shreddit-async-loader bundleName="auth_flow_password_reset">
     <auth-flow-password-reset>
    <faceplate-form
      method="POST"
      enctype="application/json"
      action="/svc/shreddit/account/password_reset"
    >
      <faceplate-tabpanel
        pagenames="account_selector,enter_new_password"
      >
        <auth-flow-modal
          class="shadow-sm"
          pageName="account_selector"
          slot="account_selector"
        >
          <faceplate-tracker
    slot="closeButton"
    source="account_selector"
    action="click"
    noun="dismiss"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Choose a Reddit account to continue
  </h1>
      <faceplate-partial
        id="account-selection"
        method="POST"
        loading="programmatic"
        render-mode="append"
        src="/svc/shreddit/account/password_reset_accounts"
      >
        <input type="hidden" name="token_id" />
      </faceplate-partial>
    
  </div>
  
        </auth-flow-modal>
        <auth-flow-modal
          class="shadow-sm"
          pageName="enter_new_password"
          slot="enter_new_password"
        >
          <faceplate-tracker
    slot="backButton"
    source="enter_new_password"
    action="click"
    noun="back"
  >
    <button rpl
      aria-label="Back"
      class="
button-medium px-[var(--rem8)]
button-plain


icon
items-center justify-center
button inline-flex "
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="20"
      icon-name="back-outline"
      viewBox="0 0 20 20"
      width="20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M19 9.375H2.51l7.932-7.933-.884-.884-9 9a.625.625 0 0 0 0 .884l9 9 .884-.884-7.933-7.933H19v-1.25Z"></path>
    </svg></span>
      
    </span>
    <faceplate-screen-reader-content
          >back</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          <faceplate-tracker
    slot="closeButton"
    source="enter_new_password"
    action="click"
    noun="dismiss"
  >
    <button rpl
      aria-label="Close"
      class="z-10 relative
button-small px-[var(--rem6)]
button-secondary


icon
items-center justify-center
button inline-flex "
      id="auth-flow-modal-close-btn"
      type="button"
    >
      <span
      class="flex items-center justify-center"
    >
      <span class="flex"><svg rpl
      fill="currentColor"
      height="16"
      icon-name="close-outline"
      viewBox="0 0 20 20"
      width="16"
      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>
    <faceplate-screen-reader-content
          >close</faceplate-screen-reader-content
        >
    </button>
  </faceplate-tracker>
          
    <div class="font-sans bg-ui-modalbackground pb-[env(safe-area-inset-bottom)]">
    
      <h1
    class="text-24 mt-0 mb-xs font-bold text-neutral-content-strong"
  >
    Reset your password
  </h1>
      
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
      class="mt-md"
      id="password-reset-password"
      autocomplete="new-password"
      helper-text-placeholder="&nbsp;"
      type="password"
      name="password"
      minlength="8"
      required
    >
      <span slot="label">
        New password
      </span>
      <slot slot="password-reset-password" name="password-reset-password"></slot>
    </auth-text-input>
    </fieldset>
  
  
    <fieldset
      class="relative mt-0 mb-0 ml-0 mr-0 p-0 border-0 flex flex-col flex-grow bg-transparent"
    >
      <auth-text-input
      class="mt-sm"
      id="password-reset-password-confirm"
      autocomplete="new-password"
      type="password"
      name="password_repeat"
      helper-text-placeholder="&nbsp;"
      minlength="8"
      required
    >
      <span slot="label">
        Confirm new password
      </span>
      <slot slot="password-reset-password-confirm" name="password-reset-password-confirm"></slot>
    </auth-text-input>
    </fieldset>
  
    
  </div>
    <div slot="primaryButton" class="w-100">
      <div class="font-sans text-12 my-lg text-neutral-content-weak text-center">
        Resetting your password will log you out on all devices.
      </div>
      <faceplate-tracker
        source="enter_new_password"
        action="click"
        noun="continue"
      >
        <button rpl disabled
      class="w-100
button-large px-[var(--rem14)]
button-brand



items-center justify-center
button inline-flex "
      id="auth-password-reset-primary-cta"
      type="submit"
    >
      <span
      class="flex items-center justify-center"
    >
      
      <span class="flex items-center gap-xs">Continue</span>
    </span>
    
    </button>
      </faceplate-tracker>
    </div>
  
        </auth-flow-modal>
      </faceplate-tabpanel>
    </faceplate-form>
  </auth-flow-password-reset>
  </shreddit-async-loader></template>
        <template slot="phone_auth">
    <shreddit-async-loader bundleName="auth_flow_phone_auth">
      <faceplate-partial src="/svc/shreddit/account/phone-auth?">
        <auth-flow-modal pageName="phone_auth-loading"></auth-flow-modal>
      </faceplate-partial>
    </shreddit-async-loader>
  </template>
        <template slot="onboarding">
  <shreddit-async-loader bundleName="onboarding_flow">
    <faceplate-partial src="/svc/shreddit/onboarding-flow">
      <auth-flow-modal class="shadow-sm"></auth-flow-modal>
    </faceplate-partial>
  </shreddit-async-loader>
</template>  <slot slot="recaptcha" name="recaptcha"></slot> 
        
    <slot slot="register-username" name="register-username"></slot>
    <slot slot="register-password" name="register-password"></slot>
    <slot slot="register-email" name="register-email"></slot>
    <slot slot="password-reset-password" name="password-reset-password"></slot>
    <slot slot="password-reset-password-confirm" name="password-reset-password-confirm"></slot>
      </shreddit-slotter>
    </div>
  
      </auth-flow-google-one-tap-shell>
    </shreddit-async-loader>
  <!-- routable page end --><faceplate-perfmetric-collector endpoint="/svc/shreddit/perfMetrics">
     <data value="first-post-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="YiAGO7GU9Jt4biSGOF1Qtw==" data-src="https://www.google.com/recaptcha/enterprise.js?onload=grecaptchaOnLoad&amp;render=explicit"></script>
    <script id="googleid-signin-script" nonce="YiAGO7GU9Jt4biSGOF1Qtw==" data-src="https://accounts.google.com/gsi/client"></script>
    <script id="appleid-signin-script" nonce="YiAGO7GU9Jt4biSGOF1Qtw==" 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>
        </body>
        
        </html>
  