<!DOCTYPE html>
<html lang="en-US" class="theme-beta" dir="ltr" device="desktop">
<head prefix="og: https://ogp.me/ns#">
<title>Reddit - The heart of the internet</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="description"
content="Reddit is where millions of people gather for conversations about the things they care about, in over 100,000 subreddit communities.">
<meta property="og:image" content="https://www.redditstatic.com/shreddit/assets/favicon/192x192.png">
<meta property="og:image:width" content="256">
<meta property="og:image:height" content="256">
<meta property="og:site_name" content="Reddit">
<meta property="og:title" content="reddit">
<meta property="og:ttl" content="600">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.reddit.com/">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://www.redditstatic.com/shreddit/assets/favicon/192x192.png">
<meta name="twitter:site" content="@reddit">
<meta name="twitter:title" content="reddit">
<link rel="canonical" href="https://www.reddit.com/">
<meta name="bingbot" content="noarchive">
<link rel="alternate" type="application/rss+xml" href="https://www.reddit.com/discover.rss"
title="Reddit Upvoted - RSS">
<link rel="preconnect" href="https://www.redditstatic.com/" crossorigin="anonymous">
<link rel="dns-prefetch" href="https://www.redditstatic.com/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
window.CLIENT_EXPERIMENTS = { "shreddit_ad_event_migration_cutoff_m1": "enabled", "shreddit_ad_event_migration_cutoff_m3": "enabled", "shreddit_ad_event_migration_m3": "enabled", "ads_in_related_posts_m1": "enabled", "shreddit_ads_off_reddit_opt_out": "enabled", "shreddit_age_settings": "enabled", "web_bermuda_remove_pm_ui": "enabled", "shreddit_feeds_cuj": "enabled", "shreddit_paid_ua_landing_good_visit": "enabled", "shreddit_record_version_skew": "enabled", "shreddit_seo_referred_initiated_gv": "enabled", "shreddit_server_navigation_session_telemetry": "enabled", "shreddit_service_worker_registration": "enabled", "shreddit_system_theme": "enabled" };
</script>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
// 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 = 'RDvB1J+2nARemEAwcWpDbA==';
var CLIENT_CONFIG = { "APPLE_SSO_CLIENT_ID": "com.reddit.RedditAppleSSO", "ORIGIN": "https://www.reddit.com", "GOOGLE_SSO_CLIENT_ID": "705819728788-b2c1kcs7tst3b7ghv7at0hkqmtc68ckl.apps.googleusercontent.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/", "RUNTIME_CONCAT_BASE_URL": "https://www.redditstatic.com/js/concat", "W3_REPORTING_WEB_VITAL_REPORTS_URL": "https://w3-reporting.reddit.com/reports", "DEVVIT_GATEWAY_ORIGIN": "https://devvit-gateway.reddit.com", "WORLD_ID_APP_ID": "staging_c8137371ceac59890774ccc932e11dcf", "WORLD_ID_RP_ID": "rp_4e7b34a51d24e1eb" };
</script>
<script type="module" nonce="RDvB1J+2nARemEAwcWpDbA=="
src="data:text/javascript,%0A%20%20%20%20%20%20%20%20window.STICKY_CANARY%20%3D%20'false'%3B%0A%20%20%20%20%20%20%20%20window.PRE_PRODUCTION%20%3D%20'false'%3B%0A%20%20%20%20%20%20%20%20if(%22fetch%22in%20window)%7Bconst%20n%3Dwindow.fetch%3Bwindow.fetch%3Dfunction(e%2Ct)%7Bconst%20r%3Dnew%20Headers(t%3F.headers%3F%3F(e%20instanceof%20Request%3Fe.headers%3Avoid%200))%2Ca%3De%20instanceof%20Request%3Fe.url%3Ae%2Co%3D!new%20URLSearchParams(a).has(%22x_use_preprod%22)%3Breturn%22true%22%3D%3D%3Dwindow.PRE_PRODUCTION%26%26o%26%26function(n)%7Bif(%22string%22%3D%3Dtypeof%20n%26%26n.match(%2F%5E%5C%2F%2F))return!0%3Bconst%20e%3Dn%20instanceof%20URL%3Fn%3Anew%20URL(n)%3Breturn%20window.location.host%3D%3D%3De.host%7D(a)%26%26r.set(%22X-Use-Preprod%22%2C%22always%22)%2Cn(e%2C%7B...t%7C%7C%7B%7D%2Cheaders%3Ar%7D)%7D%7Dif(%22sendBeacon%22in%20navigator)%7Bconst%20n%3Dnavigator.sendBeacon.bind(navigator)%3Bnavigator.sendBeacon%3Dfunction(e%2Ct)%7Bconst%20r%3Dfunction(n)%7Bif(%22true%22!%3D%3Dwindow.PRE_PRODUCTION)return%20n%3Bconst%20e%3Dn%20instanceof%20URL%3Fn%3Anew%20URL(n%2Cdocument.baseURI)%3Bif(!e.searchParams.has(%22x_use_preprod%22))return%20e.searchParams.set(%22x_use_preprod%22%2C%22always%22)%2Ce.toString()%3Breturn%20n%7D(e)%3Breturn%20n.call(navigator%2Cr%2Ct)%7D%7Dvar%20n%3D%7B%7D%3Bexport%7Bn%20as%20default%7D%3B%0A%3B%0A%20%20%20%20%20%20"></script>
<script type="module" nonce="RDvB1J+2nARemEAwcWpDbA=="
src="data:text/javascript,!function()%7Bfunction%20e()%7Bfunction%20e(e%2Ct%2Co%3D%5B%5D)%7Breturn%20new%20Promise(function(n)%7Bvar%20r%3Ddocument.createElement(%22script%22)%3Bfunction%20l()%7Br.parentElement%26%26r.parentElement.removeChild(r)%2Cn()%7Dr.src%3De%2Cr.onload%3Dl%2Co.forEach(e%3D%3E%7Br.setAttribute(e.name%2Ce.value)%7D)%2Cr.onerror%3Dfunction()%7Bconsole.error(%22%5Bpolyfills-loader%5D%20failed%20to%20load%3A%20%22%2Be%2B%22%20check%20the%20network%20tab%20for%20HTTP%20status.%22)%2Cl()%7D%2Ct%26%26(r.type%3Dt)%2Cdocument.head.appendChild(r)%7D)%7Dvar%20t%3D%5B%5D%3Bfunction%20o()%7B%7D%22noModule%22in%20HTMLScriptElement.prototype%7C%7Ct.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Fregenerator-runtime.8710f32f34292d0b9a2da4993cb85d94.js%22))%2C%22fetch%22in%20window%7C%7Ct.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Ffetch.c8d777b7c47078fa9a5f834a4cde042b.js%22))%2C%22IntersectionObserver%22in%20window%26%26%22IntersectionObserverEntry%22in%20window%26%26%22intersectionRatio%22in%20window.IntersectionObserverEntry.prototype%7C%7Ct.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Fintersection-observer.b5abb2ed490d1a11490c852d9f27bf3c.js%22))%2C(!(%22attachShadow%22in%20Element.prototype)%7C%7C!(%22getRootNode%22in%20Element.prototype)%7C%7Cwindow.ShadyDOM%26%26window.ShadyDOM.force)%26%26t.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Fwebcomponents.ed846db3e7c3b1354dcb129b8858e4d4.js%22))%2C!(%22noModule%22in%20HTMLScriptElement.prototype)%26%26%22getRootNode%22in%20Element.prototype%26%26t.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Fcustom-elements-es5-adapter.3342b468203af1a14ca005e80d14148f.js%22))%2C%22attachShadow%22in%20Element.prototype%7C%7Ct.push(e(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Flit-polyfill-support.2e7548e448acb656e34764769ec320e0.js%22))%2Ct.length%26%26Promise.all(t).then(o)%7Dif(%22noModule%22in%20HTMLScriptElement.prototype)e()%3Belse%7Bvar%20t%3Ddocument.createElement(%22script%22)%3Bfunction%20o()%7Bdocument.head.removeChild(t)%2Ce()%7Dt.src%3D%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fpolyfills%2Fcore-js.1c7aca84f142889ea448de106c19e2ec.js%22%2Ct.onload%3Do%2Ct.onerror%3Dfunction()%7Bconsole.error(%22%5Bpolyfills-loader%5D%20failed%20to%20load%3A%20%22%2Bt.src%2B%22%20check%20the%20network%20tab%20for%20HTTP%20status.%22)%2Co()%7D%2Cdocument.head.appendChild(t)%7D%7D()%2C%22object%22!%3Dtypeof%20globalThis%26%26(Object.defineProperty(Object.prototype%2C%22__magic__%22%2C%7Bget%3Afunction()%7Breturn%20this%7D%2Cconfigurable%3A!0%7D)%2C__magic__.globalThis%3D__magic__%2Cdelete%20Object.prototype.__magic__)%3B%0A"></script>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
class e { constructor() { let e, t; this.promise = new Promise((s, o) => { e = s, t = o }), this.resolve = e, this.reject = t } } class ShredditModuleLoader { addModulePromise(e) { var t, s, o; this.moduleRegistry[e]?.promise || ((t = this.moduleRegistry)[s = e] ?? (t[s] = {}), this.moduleRegistry[e].isResolved = !1, (o = this.moduleRegistry[e]).promise ?? (o.promise = new Promise(t => { this.moduleRegistry[e].resolver = t }))) } resolveModule(e) { this.moduleRegistry[e].resolver?.(), this.moduleRegistry[e].isResolved = !0 } preDeclareModules(e) { for (const t of e) this.moduleRegistry[t] || this.addModulePromise(t), this.moduleRegistry[t].isLoading = !0 } dm(e, t, s) { this.moduleRegistry[e]?.isDeclared || (this.moduleRegistry[e] = { ...this.moduleRegistry[e], deps: t, factory: s, moduleExports: void 0, isDeclared: !0 }, this.addModulePromise(e), this._evaluateModule(e, !0).then(() => { this.resolveModule(e) })) } async _evaluateModule(e, t = !1) { if (this.moduleRegistry[e]?.isEvaluated) return this.moduleRegistry[e].moduleExports; this.addModulePromise(e), this.moduleRegistry[e].isResolved || t || await this.moduleRegistry[e].promise; const s = this.moduleRegistry[e]; return s.isEvaluated || s.isEvaluating ? s.promise?.then(() => s.moduleExports) : (s.isEvaluating = !0, new Promise(e => { setTimeout(() => { Promise.all(s.deps?.map(e => this._evaluateModule(e)) || []).then(t => { const o = s.factory?.apply(null, t); s.moduleExports = o ?? {}, s.isEvaluated = !0, s.isEvaluating = !1, e(s.moduleExports) }) }, 0) })) } async di(e, t, s) { if (this.moduleRegistry[s]) return this._evaluateModule(s); const o = /\/[^/]*$/; if (!this._diState.concatMode) { const i = new URL(t).href.replace(o, "/"), r = new URL(e, i); r.pathname; const d = r.href; return import(d).then(() => this._evaluateModule(s, !0)) } const i = new URL(t).searchParams.get("prefix") ?? this._diState.lastPrefix, r = e.replaceAll(/(^\.\/|\.js$)/g, ""); return this.addModulePromise(s), this._diState.queue.push([[r], i, void 0]), this.debounce(this.debounceTimeout, 25), this.moduleRegistry[s].promise.then(() => this._evaluateModule(s, !0)) } debounce(e, t = 25) { var s; clearTimeout(this._diState.debounceTimeout), (s = this._diState).debounceStart || (s.debounceStart = Date.now()), Date.now() - this._diState.debounceStart > 3 * t ? e() : this._diState.debounceTimeout = setTimeout(this.debounceTimeout, t) } processDIQueue() { const e = [...this._diState.queue]; this._diState.queue = [], this._diState.debounceStart = 0; const t = e.reduce((e, [t, s, o]) => (e[s] || (e[s] = { chunkIds: [], deferreds: [] }), e[s].chunkIds.push(...t), o && e[s].deferreds.push(o), e), {}); return Object.entries(t).map(([e, { chunkIds: t, deferreds: s }]) => [e, t, s]) } load(t, s = "", o = "auto") { this._diState.concatMode = !0; const i = new e; return "high" === o ? this._load(t, s, o, [i]) : (this._diState.queue.push([t, s, i]), this.debounce(this.debounceTimeout)), i.promise } _flushLoadBuffer() { this._diState.shouldBufferLoad = !1; for (const e of this._loadBuffer.splice(0)) e() } _load(e, t = "", s = "auto", o) { t && (this._diState.lastPrefix = t); const i = [...new Set(e)].filter(e => { const t = this.moduleRegistry[this.urlToName(e)]; return !t || !t.isLoading && !t.isResolved }), r = () => { o.forEach(e => e?.resolve()) }; if (0 === i.length) return void r(); if (i.length > this.maxChunks) { const e = function (e, t) { const s = []; for (let o = 0; o < e.length; o += t)s.push(e.slice(o, o + t)); return s }(i, this.maxChunks); for (const i of e) this._load(i, t, s, o); return } const d = i.map(e => this.urlToName(e)); this.preDeclareModules(d); const u = `${window.CONCAT_BASE_URL ?? "/js/concat"}?prefix=${t}&chunks=${i.sort().join(",")}`; if (this._diState.shouldBufferLoad) return this._createPreloadTag(u, s), void this._loadBuffer.push(() => this._createScript(u, s).then(r)); this._createScript(u, s).then(() => { i.map(e => { this.moduleRegistry[e]?.factory || this.resolveModule(e) }), r() }) } _createScript(e, t) { const s = document.createElement("script"); return s.type = "module", s.src = e, s.fetchPriority = t, document.body.appendChild(s), new Promise((e, t) => { s.onload = () => e(), s.onerror = () => t() }) } _createPreloadTag(e, t) { const s = document.createElement("link"); s.rel = "modulepreload", s.href = e, s.as = "script", s.fetchPriority = t, s.crossOrigin = "anonymous", document.head.appendChild(s) } urlToName(e) { return e.replaceAll(/(^.+\/|\.js$)/g, "") } constructor(e = {}, t = 250) { this._diState = { queue: [], debounceStart: 0, lastPrefix: "en-US/", shouldBufferLoad: "loading" === document.readyState }, this.debounceTimeout = () => this.processDIQueue().forEach(([e, t, s]) => this._load(t, e, void 0, s ?? [])), this._loadBuffer = [], this.moduleRegistry = e, this.maxChunks = t, document.addEventListener("ShredditShellLoaded", () => this._flushLoadBuffer(), { once: !0 }), document.addEventListener("DOMContentLoaded", () => this._flushLoadBuffer(), { once: !0 }) } } window.ShredditModuleLoader = ShredditModuleLoader, window.SML = Object.freeze(new ShredditModuleLoader);
;
</script>
<script type="module" nonce="RDvB1J+2nARemEAwcWpDbA=="
src="data:text/javascript,let%20e%3Dnull%3Basync%20function%20t()%7Breturn%20e%7C%7C(e%3Dasync%20function()%7Bif(!window.navigation)try%7Bconst%7BapplyPolyfill%3Ae%7D%3Dawait%20import(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fapply-polyfill-BcpMVdvg.js%22)%3Be()%7Dcatch(e)%7Bwindow.Sentry%3F.captureException(new%20Error(%22Navigation%20polyfill%20failed%20to%20initialize.%22%2C%7Bcause%3Ae%7D))%7Dreturn%20window.navigation%7D())%2Ce%7Dvar%20n%3D%2FEdge%3F%5C%2F(1%7B2%7D%5B6-9%5D%7C1%5B2-9%5D%5Cd%7C%5B2-9%5D%5Cd%7B2%7D%7C%5Cd%7B4%2C%7D)%5C.%5Cd%2B(%5C.%5Cd%2B%7C)%7CFirefox%5C%2F(1%7B2%7D%5B7-9%5D%7C1%5B2-9%5D%5Cd%7C%5B2-9%5D%5Cd%7B2%7D%7C%5Cd%7B4%2C%7D)%5C.%5Cd%2B(%5C.%5Cd%2B%7C)%7CChrom(ium%7Ce)%5C%2F(4%5B1-9%5D%7C%5B5-9%5D%5Cd%7C%5Cd%7B3%2C%7D)%5C.%5Cd%2B(%5C.%5Cd%2B%7C)(%5B%5Cd.%5D%2B%24%7C.*Safari%5C%2F(%3F!%5B%5Cd.%5D%2B%20Edge%5C%2F%5B%5Cd.%5D%2B%24))%7C(Maci%7CX1%7B2%7D).%2B%20Version%5C%2F(15%5C.%5Cd%2B%7C(1%5B6-9%5D%7C%5B2-9%5D%5Cd%7C%5Cd%7B3%2C%7D)%5C.%5Cd%2B)(%5B%2C.%5D%5Cd%2B%7C)(%20%5C(%5Cw%2B%5C)%7C)(%20Mobile%5C%2F%5Cw%2B%7C)%20Safari%5C%2F%7CChrome.%2BOPR%5C%2F(10%5B1-9%5D%7C1%5B1-9%5D%5Cd%7C%5B2-9%5D%5Cd%7B2%7D%7C%5Cd%7B4%2C%7D)%5C.%5Cd%2B%5C.%5Cd%2B%7C(CPU%5B%20%2B%5DOS%7CiPhone%5B%20%2B%5DOS%7CCPU%5B%20%2B%5DiPhone%7CCPU%20IPhone%20OS%7CCPU%20iPad%20OS)%5B%20%2B%5D%2B(15%5B._%5D%5Cd%2B%7C(1%5B6-9%5D%7C%5B2-9%5D%5Cd%7C%5Cd%7B3%2C%7D)%5B._%5D%5Cd%2B)(%5B._%5D%5Cd%2B%7C)%2F%3Bconst%20o%3D%5B%22window.performance.mark%20is%20not%20a%20function%22%2C%22performance.getEntriesByName%20is%20not%20a%20function%22%2C%22window.queueMicrotask%20is%20not%20a%20function%22%2C%22runCustomize%20is%20not%20defined%22%2C%22require%20is%20not%20defined%22%2C%22n.assignedElements%20is%20not%20a%20function%22%2C%22SymBrowser_ModifyAnchorTagWithTarget%22%2C%22ibFindAllVideos%22%2C%22Unexpected%20token%20'for'%22%5D%2Cr%3D%5B%22findTopmostVisibleElement%22%5D%2Ci%3De%3D%3E%7Bconst%20t%3D(i%3Dnavigator.userAgent%2C!n.test(i))%3Bvar%20i%3Breturn!!((e%3D%3E!!o.some(t%3D%3Ee%3F.originalException%3F.message%3F.includes(t)))(e)%7C%7C(e%3D%3E!!r.some(t%3D%3Ee%3F.originalException%3F.stack%3F.includes(t)))(e)%7C%7Ct)%7D%2Ca%3D%5B%5D%3Blet%20c%3Dnull%3Bconst%20s%3Dasync(e%2Ct)%3D%3E%7Bif(0%3D%3D%3De.length)return%3Bconst%20n%3D%5B...e%5D%3Be.length%3D0%3Btry%7B(await%20fetch(%22%2Fsvc%2Fshreddit%2Fclient-errors%22%2C%7Bmethod%3A%22POST%22%2Cheaders%3A%7B%22Content-Type%22%3A%22application%2Fjson%22%7D%2Cbody%3AJSON.stringify(%7Bcsrf_token%3A(o%3D%22csrf_token%22%2Cdocument.cookie.split(%22%3B%22).map(e%3D%3Ee.trim()).filter(Boolean).map(e%3D%3Ee.split(%22%3D%22)).find((%5Be%5D)%3D%3Ee.trim()%3D%3D%3Do)%3F.%5B1%5D%3F%3Fnull)%2Cerrors%3An%7D)%2Ckeepalive%3At%3F.keepalive%7D)).status%3E%3D500%26%26(u%3D!0)%7Dcatch%7Bu%3D!0%7Dvar%20o%7D%2Cd%3D()%3D%3E%7Bc%26%26(clearTimeout(c)%2Cc%3Dnull)%2Cs(a%2C%7Bkeepalive%3A!0%7D)%7D%3Bdocument.addEventListener(%22visibilitychange%22%2C()%3D%3E%7B%22hidden%22%3D%3D%3Ddocument.visibilityState%26%26d()%7D)%2Cwindow.addEventListener(%22pagehide%22%2Cd)%3Blet%20u%3D!1%3B((e%2Cn%2Co%2Cr%2Ci%2Ca%2Cc)%3D%3E%7Bvar%20s%3D!1%2Cd%3D!1%2Cu%3D%5B%5D%2Cl%3Dfunction(e)%7B(%22e%22in%20e%7C%7C%22p%22in%20e%7C%7Ce.f%26%26e.f.indexOf(%22capture%22)%3E-1%7C%7Ce.f%26%26e.f.indexOf(%22withScope%22)%3E-1%7C%7Ce.f%26%26e.f.indexOf(%22showReportDialog%22)%3E-1)%26%26p(u)%2Cl.data.push(e)%7D%3Bfunction%20p(n)%7Bfunction%20o()%7Bt().then(()%3D%3Eimport(%22https%3A%2F%2Fwww.redditstatic.com%2Fshreddit%2Fsentry-DswLfAC_.js%22)).then(t%3D%3E%7Btry%7Be%5Ba%5D%3Dt.default%2Ce%5Br%5D%3Df%2Ce%5Bi%5D%3Dm%3Bvar%20o%3De%5Ba%5D%2Cs%3Do.init%3Bo.init%3Dfunction(e)%7Bvar%20t%3Dc%3Bfor(var%20n%20in%20e)Object.prototype.hasOwnProperty.call(e%2Cn)%26%26(t%5Bn%5D%3De%5Bn%5D)%3Bs(t)%7D%2Cfunction(t%2Cn)%7Btry%7Bfor(var%20o%3Dl.data%2Ca%3D0%3Ba%3Ct.length%3Ba%2B%2B)%22function%22%3D%3Dtypeof%20t%5Ba%5D%26%26t%5Ba%5D()%3Bvar%20c%3D!1%2Cs%3De.__SENTRY__%3Bvoid%200!%3D%3Ds%26%26s.hub%26%26s.hub.getClient()%26%26(c%3D!0)%3Bvar%20d%3D!1%3Bfor(a%3D0%3Ba%3Co.length%3Ba%2B%2B)if(o%5Ba%5D.f)%7Bd%3D!0%3Bvar%20u%3Do%5Ba%5D%3B!1%3D%3D%3Dc%26%26%22init%22!%3D%3Du.f%26%26n.init()%2Cc%3D!0%2Cu.f%26%26n%5Bu.f%5D.apply(n%2Cu.a)%7D!1%3D%3D%3Dc%26%26!1%3D%3D%3Dd%26%26n.init()%3Bvar%20p%3De%5Br%5D%2Cf%3De%5Bi%5D%3Bfor(a%3D0%3Ba%3Co.length%3Ba%2B%2B)%22e%22in%20o%5Ba%5D%26%26p%3Fp.apply(e%2Co%5Ba%5D.e)%3A%22p%22in%20o%5Ba%5D%26%26f%26%26f.apply(e%2C%5Bo%5Ba%5D.p%5D)%7Dcatch(e)%7Bconsole.error(e)%7D%7D(n%2Co)%7Dcatch(e)%7Bconsole.error(e)%7D%7D)%7Dd%7C%7C(d%3D!0%2C%22requestIdleCallback%22in%20e%3Fe.requestIdleCallback(o%2C%7Btimeout%3A3e3%7D)%3Ae.setTimeout(o%2C0))%7Dl.data%3D%5B%5D%2Ce%5Ba%5D%3De%5Ba%5D%7C%7C%7B%7D%2Ce%5Ba%5D.onLoad%3Dfunction(e)%7Bu.push(e)%2Cs%26%26p(u)%7D%2Ce%5Ba%5D.forceLoad%3Dfunction()%7Bs%3D!0%2CsetTimeout(function()%7Bp(u)%7D)%7D%2C%5B%22init%22%2C%22addBreadcrumb%22%2C%22captureMessage%22%2C%22captureException%22%2C%22captureEvent%22%2C%22configureScope%22%2C%22withScope%22%2C%22showReportDialog%22%5D.forEach(function(t)%7Be%5Ba%5D%5Bt%5D%3Dfunction()%7Bl(%7Bf%3At%2Ca%3Aarguments%7D)%7D%7D)%3Bvar%20f%3De%5Br%5D%3Be%5Br%5D%3Dfunction(t%2Cn%2Co%2Cr%2Ci)%7Bl(%7Be%3A%5B%5D.slice.call(arguments)%7D)%2Cf%26%26f.apply(e%2Carguments)%7D%3Bvar%20m%3De%5Bi%5D%3Be%5Bi%5D%3Dfunction(t)%7Bl(%7Bp%3A%22reason%22in%20t%3Ft.reason%3A%22detail%22in%20t%26%26%22reason%22in%20t.detail%3Ft.detail.reason%3At%7D)%2Cm%26%26m.apply(e%2Carguments)%7D%7D)(window%2Cdocument%2C0%2C%22onerror%22%2C%22onunhandledrejection%22%2C%22Sentry%22%2C%7Benabled%3ASENTRY_CONFIG.enabled%2Cdsn%3ASENTRY_CONFIG.dsn%2Cenvironment%3ASENTRY_CONFIG.environment%2Crelease%3A%22b83f282564fd63b2411d92c6a5658422316ee41a%22%2CbeforeSend%3A(e%2Ct)%3D%3E%7Bif(i(t))return%20null%3Bconst%20n%3DMath.random()%3C(SENTRY_CONFIG.sampleRate%3F%3F.004)%3Bif(!u%26%26e.exception)%7Blet%20n%3D%22unknown%22%2Co%3D%22unknown%22%3Bconst%20r%3Ddocument.querySelector(%22shreddit-app%22)%3BcustomElements.get(%22shreddit-app%22)%26%26%22function%22%3D%3Dtypeof%20r%3F._trackEvent%26%26(n%3Dr.pageType%7C%7C%22unknown%22%2Co%3Dr.routeName%7C%7C%22unknown%22)%3Bconst%20i%3D(e%3D%3E%7Bconst%20t%3De.exception%3F.values%3F.%5B0%5D%3Breturn%20t%3F.type%26%26t%3F.value%3F%60%24%7Bt.type%7D%3A%20%24%7Bt.value%7D%60%3A%22%22%7D)(e)%3Bi%26%26(e%3D%3E%7Ba.push(e)%2Ca.length%3E%3D10%3F(c%26%26(clearTimeout(c)%2Cc%3Dnull)%2Cs(a))%3Ac%7C%7C(c%3DsetTimeout(()%3D%3E%7Bc%3Dnull%2Ca.length%3E0%26%26s(a)%7D%2C2e3))%7D)(%7Bmessage%3Ai%2Cstack%3At.originalException%3F.stack%3F%3Ft.syntheticException%3F.stack%3F%3F%22%22%2Cpage_type%3An%2Croute_name%3Ao%2CctData%3Ar%3F.ctData%7D)%7Dreturn%20n%3Fe%3Anull%7D%7D)%3Bclass%20l%20extends%20HTMLElement%7Bconstructor()%7Bsuper(...arguments)%2Cthis.marked%3D!1%7DconnectedCallback()%7Bif(this.marked)return%3Bconst%20e%3Dthis.getAttribute(%22name%22)%3Bif(!e)throw%20new%20Error(%22No%20name%20attribute%20specified%20on%20faceplate-perfmark%20element.%22)%3Bwindow.performance.mark(e)%2Cthis.marked%3D!0%7D%7Dfunction%20p(e%2Ct%2Cn%3D!0)%7Breturn%20new%20CustomEvent(e%2C%7Bcomposed%3A!0%2Cbubbles%3An%2Ccancelable%3A!0%2Cdetail%3At%7D)%7Dfunction%20f(e%2Ct)%7Bconst%20n%3Dp(%22faceplate-track%22%2Ct)%2Co%3Dfunction(e)%7Breturn%60%24%7Be.source%7D%2F%24%7Be.action%7D%2F%24%7Be.noun%7D%60.toLowerCase()%7D(t)%3Bn.SAN%3Do%2Ce.dispatchEvent(n)%7DcustomElements.define(%22faceplate-perfmark%22%2Cl)%3Bconst%20m%3D%22frontend_start_timestamp%22%3Bvar%20_%2Cg%2Ch%2Cw%2Cy%3B!function(e)%7Be%5Be.emergency%3D0%5D%3D%22emergency%22%2Ce%5Be.alert%3D1%5D%3D%22alert%22%2Ce%5Be.critical%3D2%5D%3D%22critical%22%2Ce%5Be.error%3D3%5D%3D%22error%22%2Ce%5Be.warning%3D4%5D%3D%22warning%22%2Ce%5Be.notice%3D5%5D%3D%22notice%22%2Ce%5Be.info%3D6%5D%3D%22info%22%2Ce%5Be.success%3D7%5D%3D%22success%22%2Ce%5Be.debug%3D8%5D%3D%22debug%22%2Ce%5Be.none%3D9%5D%3D%22none%22%7D(_%7C%7C(_%3D%7B%7D))%2Cfunction(e)%7Be.Programmatic%3D%22programmatic%22%2Ce.Eager%3D%22eager%22%2Ce.Action%3D%22action%22%2Ce.Intent%3D%22intent%22%2Ce.Lazy%3D%22lazy%22%2Ce.Preload%3D%22preload%22%7D(g%7C%7C(g%3D%7B%7D))%2Cfunction(e)%7Be.Once%3D%22once%22%2Ce.Always%3D%22always%22%7D(h%7C%7C(h%3D%7B%7D))%2Cfunction(e)%7Be.Get%3D%22get%22%2Ce.Post%3D%22post%22%2Ce.Dialog%3D%22dialog%22%2Ce.Log%3D%22log%22%7D(w%7C%7C(w%3D%7B%7D))%2Cfunction(e)%7Be.Append%3D%22append%22%2Ce.Prepend%3D%22prepend%22%2Ce.After%3D%22after%22%2Ce.Before%3D%22before%22%2Ce.Replace%3D%22replace%22%2Ce.Contents%3D%22contents%22%7D(y%7C%7C(y%3D%7B%7D))%3Bfor(let%20e%3D0%3Be%3C256%3Be%2B%2B)(e%3E%3E4%2615).toString(16)%2C(15%26e).toString(16)%3B(new%20class%7Bconstructor()%7Bthis.settled%3D!1%2Cthis.promise%3Dnew%20Promise((e%2Ct)%3D%3E%7Bthis._resolve%3De%2Cthis._reject%3Dt%7D)%7Dresolve(e)%7Bthis.settled%3D!0%2Cthis._resolve(e)%7Dreject(e)%7Bthis.settled%3D!0%2Cthis._reject(e)%7D%7D).resolve()%3B(function()%7Bfunction%20e()%7Bfor(var%20e%3D0%2Ct%3D%7B%7D%3Be%3Carguments.length%3Be%2B%2B)%7Bvar%20n%3Darguments%5Be%5D%3Bfor(var%20o%20in%20n)t%5Bo%5D%3Dn%5Bo%5D%7Dreturn%20t%7Dfunction%20t(e)%7Breturn%20e.replace(%2F(%25%5B0-9A-Z%5D%7B2%7D)%2B%2Fg%2CdecodeURIComponent)%7D(function%20n(o)%7Bfunction%20r()%7B%7Dfunction%20i(t%2Cn%2Ci)%7Bif(%22undefined%22!%3Dtypeof%20document)%7B%22number%22%3D%3Dtypeof(i%3De(%7Bpath%3A%22%2F%22%7D%2Cr.defaults%2Ci)).expires%26%26(i.expires%3Dnew%20Date(1*new%20Date%2B864e5*i.expires))%2Ci.expires%3Di.expires%3Fi.expires.toUTCString()%3A%22%22%3Btry%7Bvar%20a%3DJSON.stringify(n)%3B%2F%5E%5B%5C%7B%5C%5B%5D%2F.test(a)%26%26(n%3Da)%7Dcatch(e)%7B%7Dn%3Do.write%3Fo.write(n%2Ct)%3AencodeURIComponent(String(n)).replace(%2F%25(23%7C24%7C26%7C2B%7C3A%7C3C%7C3E%7C3D%7C2F%7C3F%7C40%7C5B%7C5D%7C5E%7C60%7C7B%7C7D%7C7C)%2Fg%2CdecodeURIComponent)%2Ct%3DencodeURIComponent(String(t)).replace(%2F%25(23%7C24%7C26%7C2B%7C5E%7C60%7C7C)%2Fg%2CdecodeURIComponent).replace(%2F%5B%5C(%5C)%5D%2Fg%2Cescape)%3Bvar%20c%3D%22%22%3Bfor(var%20s%20in%20i)i%5Bs%5D%26%26(c%2B%3D%22%3B%20%22%2Bs%2C!0!%3D%3Di%5Bs%5D%26%26(c%2B%3D%22%3D%22%2Bi%5Bs%5D.split(%22%3B%22)%5B0%5D))%3Breturn%20document.cookie%3Dt%2B%22%3D%22%2Bn%2Bc%7D%7Dfunction%20a(e%2Cn)%7Bif(%22undefined%22!%3Dtypeof%20document)%7Bfor(var%20r%3D%7B%7D%2Ci%3Ddocument.cookie%3Fdocument.cookie.split(%22%3B%20%22)%3A%5B%5D%2Ca%3D0%3Ba%3Ci.length%3Ba%2B%2B)%7Bvar%20c%3Di%5Ba%5D.split(%22%3D%22)%2Cs%3Dc.slice(1).join(%22%3D%22)%3Bn%7C%7C'%22'!%3D%3Ds.charAt(0)%7C%7C(s%3Ds.slice(1%2C-1))%3Btry%7Bvar%20d%3Dt(c%5B0%5D)%3Bif(s%3D(o.read%7C%7Co)(s%2Cd)%7C%7Ct(s)%2Cn)try%7Bs%3DJSON.parse(s)%7Dcatch(e)%7B%7Dif(r%5Bd%5D%3Ds%2Ce%3D%3D%3Dd)break%7Dcatch(e)%7B%7D%7Dreturn%20e%3Fr%5Be%5D%3Ar%7D%7Dreturn%20r.set%3Di%2Cr.get%3Dfunction(e)%7Breturn%20a(e%2C!1)%7D%2Cr.getJSON%3Dfunction(e)%7Breturn%20a(e%2C!0)%7D%2Cr.remove%3Dfunction(t%2Cn)%7Bi(t%2C%22%22%2Ce(n%2C%7Bexpires%3A-1%7D))%7D%2Cr.defaults%3D%7B%7D%2Cr.withConverter%3Dn%2Cr%7D)(function()%7B%7D)%7D)()%3Bfunction%20v(e)%7Bconst%20t%3Dfunction(e)%7Bif(window%3F.CLIENT_EXPERIMENTS)return%20window%3F.CLIENT_EXPERIMENTS%3F.%5Be%5D%7D(e)%3Breturn(e%3D%3E!!(e%3D%3E%7Bif(%22control_1%22!%3D%3De%26%26%22control_2%22!%3D%3De)return%20e%7C%7Cvoid%200%7D)(e))(t)%7Dconst%20E%3D%2F%5E(%5Ba-z0-9-%5D%2B%5C.)%3Freddit%5C.com%24%2F%3Bconst%20b%3D(e%3D%22%22%2Ct%3D%22%22)%3D%3E%7Bconst%20n%3D(e%3D%3E%7Bif(!e)return%3Blet%20t%3Btry%7Bconst%7BsearchParams%3An%7D%3Dnew%20URL(e)%2Co%3Dn.get(%22embed_host_url%22)%2Cr%3Do%26%26decodeURIComponent(o)%3Bif(!r)return%3Bt%3D%7Burl%3Ar%2Cdomain%3Anew%20URL(r).hostname%7D%7Dcatch(e)%7B%7Dreturn%20t%7D)(t)%3Bif(n)return%20n%3Blet%20o%3D%22%22%3Btry%7Bo%3De%26%26new%20URL(e)%3F.hostname%7C%7C%22%22%7Dcatch(e)%7B%7Dreturn%7Burl%3Ae%2Cdomain%3Ao%7D%7D%2CS%3De%3D%3E%7Blet%20t%3D%7B%7D%3Btry%7Bt%3DJSON.parse(document.querySelector(%22shreddit-screenview-data%22)%3F.getAttribute(%22data%22)%3F%3F%22%7B%7D%22)%7Dcatch(e)%7Bwindow.Sentry.captureException(new%20Error(%22Unable%20to%20parse%20screenview%20data%22%2C%7Bcause%3Ae%7D))%7Dreturn%20e%3Ft%5Be%5D%3At%7D%2Ck%3D()%3D%3E%7Bconst%20e%3Ddocument.getElementsByTagName(%22shreddit-app%22)%3F.%5B0%5D%3F.getAttribute(%22referrer%22)%7C%7Cdocument.referrer%2Ct%3Dfunction(e)%7Bif(!e)return%20null%3Btry%7Breturn%20new%20URL(e)%7Dcatch%7Breturn%20null%7D%7D(e)%3Blet%20n%3Bif(t%26%26(o%3Dt.hostname%2CE.test(o)))%7Bconst%20e%3Dt.pathname%3Bn%3Dv(%22shreddit_pdp_telemetry_code_yellow_killswitch%22)%3Fvoid%200%3AR(e)%7Delse%20t%26%26(n%3D%22deeplink%22)%3Bvar%20o%3Breturn%7Breferrer%3Ab(e%2Cwindow.location.href)%2Cclient_timestamp%3ADate.now()%2C...n%3F%7Bnavigation_session%3A%7Breferring_page_type%3An%7D%7D%3A%7B%7D%7D%7D%2CT%3D(e%2Ct%2Cn%3DS)%3D%3E%7Bif(t%3F.%5Be%5D)return%7B%7D%3Bconst%20o%3Dn(e)%3Breturn%20o%3F%7B%5Be%5D%3Ao%7D%3A%7B%7D%7D%3Bfunction%20C(e%2Ct)%7Bconst%7Bsource%3An%2Caction%3Ao%2Cnoun%3Ar%2C...i%7D%3Dfunction(e)%7Bif(%22string%22%3D%3Dtypeof%20e)%7Bconst%20t%3De.split(%22__%22)%3Bif(t.length%3C3)return%7Bsource%3A%22%22%2Caction%3A%22%22%2Cnoun%3A%22%22%7D%3Bconst%20n%3Dt.pop()%2Co%3Dt.pop()%3Breturn%7Bsource%3At.join(%22__%22)%2Caction%3Ao%2Cnoun%3An%7D%7Dreturn%20e%7D(e)%3Breturn%20function(e%2Ct)%7Bif(!(%22request%22in%20e))return%7B...e%2Crequest%3At%7D%3Bconst%20n%3D%7B...e.request%3F.shreddit_client_timestamps%3F%3F%7B%7D%2C...t.shreddit_client_timestamps%7D%2Co%3D%7B...e.request%3F%3F%7B%7D%2Cshreddit_client_timestamps%3An%7D%3Breturn%7B...e%2Crequest%3Ao%7D%7D(%7B...t%7C%7C%7B%7D%2Csource%3An%2Caction%3Ao%2Cnoun%3Ar%2C...k()%2C...T(%22post%22%2Ct)%2C...i%7D%2C%7Bshreddit_client_timestamps%3A%7B%5Bm%5D%3ADate.now()%7D%7D)%7Dconst%20R%3De%3D%3E%7Bconst%20t%3De%3F.toLowerCase()%3Bif(!t)return%3Bconst%20n%3DsessionStorage.getItem(%22pathname-page-type-map%22)%3Breturn(n%3FJSON.parse(n)%3A%7B%7D)%5Bt%5D%7D%2CN%3Dnew%20Set(%5B%22v%22%2C%22dn%22%2C%22p%22%2C%22cs%22%2C%22rb%22%5D)%2CO%3D%5B%22js%22%2C%22css%22%2C%22document%22%5D%2CL%3D%7Bnavigation%3A%22document%22%2Cscript%3A%22js%22%2Clink%3Ae%3D%3Ee.endsWith(%22.js%22)%3F%22js%22%3Ae.endsWith(%22.css%22)%3F%22css%22%3Anull%2Ccss%3A%22css%22%7D%2CP%3D%7Bgzip%3A%22gzip%22%2Cbr%3A%22br%22%2Czstd%3A%22zstd%22%2Cdcz%3A%22dcz%22%2Cdcb%3A%22dcb%22%2Cdeflate%3A%22deflate%22%2Cidentity%3A%22identity%22%2C%22%22%3A%22%22%7D%2Cx%3De%3D%3Enew%20Promise(t%3D%3EsetTimeout(t%2Ce))%2Cz%3D6e5%3B!function()%7Bconst%20e%3Dnew%20PerformanceObserver(t%3D%3E%7Bt.getEntries().forEach(t%3D%3E%7Bconst%7BdomContentLoadedEventStart%3An%7D%3Dt%3Bif(n)%7B!function(e)%7Bconst%20t%3Ddocument.querySelector(%22shreddit-app%22)%3Bif(!t)return%3Bconst%20n%3Dnew%20CustomEvent(%22faceplate-track%22%2C%7Bdetail%3A%7Bsource%3A%22client%22%2Caction%3A%22emit%22%2Cnoun%3A%22metric%22%2Cclient_timestamp%3ADate.now()%2Cmetric%3A%7Bname%3A%22shreddit_dom_content_loaded_seconds%22%2Cvalue%3Ae%2Clabel_values%3A%5B%60page_type%2C%24%7Bt.getAttribute(%22pagetype%22)%7D%60%2C%60device_type%2C%24%7Bt.getAttribute(%22devicetype%22)%7D%60%5D%7D%7D%7D)%3Bt.dispatchEvent(n)%7D(n%2F1e3)%2Ce.disconnect()%7D%7D)%7D)%3Be.observe(%7Btype%3A%22navigation%22%2Cbuffered%3A!0%7D)%7D()%2Casync%20function(e%3D!1%2Ct%3Dwindow.performance)%7Bif(!PerformanceObserver.supportedEntryTypes.includes(%22longtask%22))return%3Bconst%20n%3De%3Ft.now()%3A0%3Bt.mark(%22total-page-load-start%22)%3Blet%20o%3D!1%2Cr%3D!1%2Ci%3D-1%3Bwindow.addEventListener(%22beforeRoute%22%2C()%3D%3Eo%3D!0)%2Cwindow.addEventListener(%22afterRoute%22%2C()%3D%3E%7Br%3D!0%2Ci%3Dt.now()%7D)%3Blet%20a%3D-1%3Bnew%20PerformanceObserver(e%3D%3E%7Be.getEntries().forEach(e%3D%3E%7B%22longtask%22%3D%3D%3De.entryType%26%26e.duration%3E%3D50%26%26(a%3De.startTime%2Be.duration)%7D)%7D).observe(%7Btype%3A%22longtask%22%7D)%3Bconst%20c%3DO.reduce((e%2Ct)%3D%3E(e%5Bt%5D%3D%7Btype%3At%2Ccount%3A0%2Ccached%3A0%2Ccontent_encoding%3A%22unknown%22%2Ctotal_encoded_size_bytes%3A0%2Ctotal_decoded_size_bytes%3A0%2Ctotal_download_size_bytes%3A0%2Ctotal_load_time_ms%3A0%2Ccumulative_load_time_ms%3A0%2CearliestResourceStart%3A1%2F0%2ClatestResourceEnd%3A-1%2F0%2Cblocking_count%3A0%7D%2Ce)%2C%7B%7D)%2Cs%3D(%7Bname%3Ae%2CinitiatorType%3At%2CstartTime%3An%2CresponseEnd%3Ao%2CtransferSize%3Ar%2CcontentEncoding%3Ai%2CdecodedBodySize%3Aa%2CencodedBodySize%3As%2CrenderBlockingStatus%3Ad%3D%22%22%7D)%3D%3E%7Bconst%20u%3D%22function%22%3D%3Dtypeof%20L%5Bt%5D%3FL%5Bt%5D(e)%3AL%5Bt%5D%3Bif(!u)return%3Bconst%20l%3Dc%5Bu%5D%3Bl%26%26(l.content_encoding%3D(e%3D%3Evoid%200%3D%3D%3De%3F%22unknown%22%3AP%5Be%5D%3F%3F%22unknown%22)(i)%2Cl.count%2B%2B%2C0%3D%3D%3Dr%26%26a%3E0%3Fl.cached%2B%2B%3A(l.total_decoded_size_bytes%2B%3Da%2Cl.total_encoded_size_bytes%2B%3Ds%2Cl.total_download_size_bytes%2B%3Dr%2Cl.cumulative_load_time_ms%2B%3Do-n%2Cl.earliestResourceStart%3DMath.min(l.earliestResourceStart%2Cn)%2Cl.latestResourceEnd%3DMath.max(l.latestResourceEnd%2Co))%2C%22blocking%22%3D%3D%3Dd%26%26l.blocking_count%2B%2B)%7D%2Cd%3Dnew%20PerformanceObserver(e%3D%3E%7Be.getEntriesByType(%22navigation%22).forEach(e%3D%3E%7Bs(e)%7D)%7D)%3Bnew%20PerformanceObserver(e%3D%3E%7Be.getEntries().forEach(e%3D%3E%7Bif(%22resource%22%3D%3D%3De.entryType)%7Bconst%7Bname%3At%2CinitiatorType%3An%7D%3De%3B(t.includes(CLIENT_CONFIG.STATIC_BASE_URL)%7C%7Ct.includes(CLIENT_CONFIG.RUNTIME_CONCAT_BASE_URL))%26%26L%5Bn%5D%26%26s(e)%3Bconst%20o%3De%3Bif(%22fetch%22%3D%3D%3Do.initiatorType%26%26o.serverTiming)%7Bconst%20e%3Do.serverTiming.find(e%3D%3E%22requestType%22%3D%3D%3De.name)%2Ct%3Do.serverTiming.find(e%3D%3E%22reddit-ct%22%3D%3D%3De.name)%3Bif(e%26%26t)%7Bconst%20n%3D%22hybrid%22%3D%3D%3De.description%3B!function(e%2Ct)%7Bif(!e)return%3Bdocument.querySelector(%22shreddit-app%22)%3F.dispatchEvent(new%20CustomEvent(%22ct-data-update%22%2C%7Bdetail%3A%7Bdata%3Ae%2CisNavigation%3At%7D%7D))%7D((e%3D%3E%7Bif(!e)return%20null%3Bconst%20t%3D%7B%7D%3Bfor(const%20n%20of%20e.split(%22%2C%22))%7Bconst%20e%3Dn.indexOf(%22%3D%22)%3Bif(-1%3D%3D%3De)continue%3Bconst%20o%3Dn.slice(0%2Ce)%2Cr%3Dn.slice(e%2B1)%3Bo%26%26r%26%26N.has(o)%26%26(t%5Bo%5D%3Dr)%7Dreturn%20Object.keys(t).length%3E0%3Ft%3Anull%7D)(t.description)%2Cn)%7D%7D%7D%7D)%7D).observe(%7Btype%3A%22resource%22%2Cbuffered%3A!e%7D)%2Cd.observe(%7BentryTypes%3A%5B%22navigation%22%5D%7D)%3Blet%20u%3D0%2Cl%3D-1%3Bconst%20p%3De%3D%3E%22FACEPLATE-IMG%22%3D%3D%3De.target%3F.nodeName%3Bwindow.addEventListener(%22faceplate-load-start%22%2Ce%3D%3E%7Bp(e)%7C%7Cu%2B%2B%7D)%2Cwindow.addEventListener(%22faceplate-load%22%2Ce%3D%3E%7Bp(e)%7C%7C(u--%2Cl%3Dt.now())%7D)%2C%22complete%22!%3D%3Ddocument.readyState%26%26await%20new%20Promise(e%3D%3Ewindow.addEventListener(%22load%22%2Ce%2C%7Bonce%3A!0%7D))%3Blet%20m%3Dt.now()%3Bfor(%3Bt.now()-n%3Cz%3B)%7Bif(await%20x(1e3)%2Co)return%3Bif((!e%7C%7Cr)%26%26!(u%3E0))%7Bif(-1%3D%3D%3Da)return%20_(Math.max(m%2Cl%2Ci))%3Bif(a%3C%3Dm)return%20_(m)%3Bm%3DMath.max(a%2Cl%2Cl%2Ci)%7D%7Dfunction%20_(e)%7Bconst%20o%3De-n%3Bt.mark(%22total-page-load-end%22%2C%7BstartTime%3Ae%7D)%2Ct.measure(%22total-page-load%22%2C%7Bstart%3An%2Cend%3Ae%7D)%2Cfunction(e)%7Bconst%20t%3Dnew%20CustomEvent(%22faceplate-request%22%2C%7Bdetail%3A%7Bresource%3A%22%2Fsvc%2Fshreddit%2FperfMetrics%22%2Crequest%3A%7Bbody%3A%7Bmetrics%3A%7B%22total-page-load%22%3AMath.round(e)%7D%7D%7D%7D%7D)%3Bdocument.querySelector(%22shreddit-app%22)%3F.dispatchEvent(t)%7D(o)%2Cfunction(e)%7Bfor(const%20t%20of%20Object.values(e))%7Bconst%7Btype%3Ae%2Ccount%3An%2Ccached%3Ao%2Cblocking_count%3Ar%2Ccontent_encoding%3Ai%2Ctotal_decoded_size_bytes%3Aa%2Ctotal_encoded_size_bytes%3Ac%2Ctotal_download_size_bytes%3As%2CearliestResourceStart%3Ad%2ClatestResourceEnd%3Au%2Ccumulative_load_time_ms%3Al%7D%3Dt%2Cp%3Ddocument.querySelector(%22shreddit-app%22)%2Cm%3DC(%7Bsource%3A%22browser%22%2Caction%3A%22observe%22%2Cnoun%3A%22performance%22%7D%2C%7Bstatic_asset_usage%3A%7Basset_type%3Ae%2Ccount%3An%2Ccache_hit_rate%3A0!%3D%3Dn%3Fo%2Fn%3A0%2Ccontent_encoding%3Ai%2Ctotal_encoded_size_bytes%3Ac%2Ctotal_decoded_size_bytes%3Aa%2Ctotal_download_size_bytes%3As%2Ctotal_load_time_ms%3Ad!%3D%3D1%2F0%26%26u!%3D%3D-1%2F0%3Fu-d%3A0%2Ccumulative_load_time_ms%3Al%2Cblocking_count%3Ar%7D%7D)%3Bp%26%26f(p%2Cm)%7D%7D(c)%7D_(n%2Bz)%7D()%3Blet%20I%3D!0%3Bconst%20A%3D%5B%5D%3Bfunction%20U(e)%7BI%26%26A.push(e)%7Dwindow.addEventListener(%22faceplate-alert%22%2CU)%2Cwindow.setTimeout(()%3D%3E%7Bif(I%3D!1%2Cwindow.removeEventListener(%22faceplate-alert%22%2CU)%2CA.length)for(const%20e%20of%20A)e.target%26%26window.navigator.onLine%26%26e.target.dispatchEvent(p(%22faceplate-alert%22%2Ce.detail))%7D%2C5e3)%2Cwindow.addEventListener(%22no-resolve%22%2Cfunction(e)%7Bwindow.Sentry.captureException(new%20Error(%60Request%20resolution%20halted%20due%20to%20issue%20with%20GVS%20event%3A%20%24%7BJSON.stringify(e.detail)%7D%60))%7D)%3B%0A"></script>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
var SENTRY_CONFIG = { "dsn": "https://9f057df6115a4bb488c08ea12a835e6e@error-tracking.reddit.com/o418887/5810803", "enabled": true, "environment": "production" };
</script>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
window.CONCAT_BASE_URL = "https://www.redditstatic.com/js/concat";
SML.load([]);
SML.preDeclareModules(['CGTMIGYAP9', 'BgkQqdioAm'])
</script>
<script type="module" importance="high" fetchpriority="high" nonce="RDvB1J+2nARemEAwcWpDbA=="
src="https://www.redditstatic.com/shreddit/en-US/CGTMIGYAP9.js"></script>
<script type="module" importance="high" fetchpriority="high" nonce="RDvB1J+2nARemEAwcWpDbA=="
src="https://www.redditstatic.com/shreddit/en-US/BgkQqdioAm.js"></script>
<script
nonce="RDvB1J+2nARemEAwcWpDbA==">import("https://www.redditstatic.com/shreddit/suspense-DHoigKBB.js");</script>
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/google-one-tap-client-css-C556qdmX.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/nsfw-bypassable-modal-client-css-DFFxdNBl.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/experiences-client-css-gtFQDben.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/comment-preview-unit-client-css-CES0qfzD.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/search-input-desktop-client-css-tgqsYgQD.css" />
<link rel="stylesheet"
href="https://www.redditstatic.com/shreddit/qr-code-persistent-button-upsell-client-css-Bgh5zqyM.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-large-client-css-Du4QHoPm.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/header-client-css-BYPk6fcZ.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/hui-grid-client-css-DP-dfyG4.css" />
<link rel="stylesheet" href="https://www.redditstatic.com/shreddit/home-feed-client-css-DNQNhHiU.css" />
<style nonce="RDvB1J+2nARemEAwcWpDbA==" data-testid="styles-css-inlined">
:root,
button,
html,
input,
select {
font-family: var(--font-sans)
}
faceplate-expandable-section-helper>details>summary,
menu {
list-style-type: none
}
del,
ins {
text-underline-position: under
}
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-ad-post:not(:defined) [slot=ssr-share-button],
shreddit-ad-post:not(:defined) [slot=share-button],
shreddit-ad-post[view-type=compactView]:not(:defined) [slot=credit-bar],
shreddit-ad-post[view-type=compactView]:not(:defined) [slot=action-bar-ad-cta],
shreddit-post:not(:defined) [slot=desktop-cta-row],
shreddit-post:not(:defined) [slot=ssr-share-button],
shreddit-post:not(:defined) [slot=share-button],
shreddit-post[view-type=compactView]:not(:defined) [slot=credit-bar],
shreddit-post[view-type=compactView]:not(:defined) [slot=action-bar-ad-cta] {
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-1: 0.25rem;
--radius-2: 0.5rem;
--radius-4: 1rem;
--radius-5: 1.25rem;
--radius-6: 1.5rem;
--radius-8: 2rem;
--radius-sm: 0.25rem;
--radius-lg: 2rem;
--radius-full: 624.9375rem;
--radius-accordion-size: var(--radius-sm);
--font-10-15-bold: 700 0.625rem/0.9375rem var(--font-sans);
--font-button-lg: 700 1.125rem/1.375rem var(--font-sans);
--font-button-lg-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-button-md: 700 1rem/1.25rem var(--font-sans);
--font-button-md-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-button-sm: 700 0.875rem/1.125rem var(--font-sans);
--font-button-sm-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-button-xs: 700 0.75rem/0.875rem var(--font-sans);
--font-button-xs-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--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,
.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: 400 0.625rem/1rem var(--font-sans);
--font-12: 400 0.75rem/1rem var(--font-sans);
--font-14: 400 0.875rem/1.25rem var(--font-sans);
--font-16: 400 1rem/1.25rem var(--font-sans);
--font-18: 400 1.125rem/1.5rem var(--font-sans);
--font-20: 400 1.25rem/1.25rem var(--font-sans);
--font-24: 400 1.5rem/1.75rem var(--font-sans);
--font-32: 400 2rem/2.25rem var(--font-sans);
--font-48: 400 3rem/3rem var(--font-sans);
--font-64: 400 4rem/4rem 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: 400 0.875rem/1.25rem var(--font-sans);
--font-14-20-semibold: 600 0.875rem/1.25rem var(--font-sans);
--font-16-20-regular: 400 1rem/1.25rem var(--font-sans);
--font-12-16-regular: 400 0.75rem/1rem var(--font-sans);
--font-12-16-semibold: 600 0.75rem/1rem var(--font-sans);
--font-huge-display-weight: 700;
--font-huge-display-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.004em);
--font-huge-display: var(--font-huge-display-weight) var(--font-huge-display-size)/var(--font-huge-display-line-height) var(--font-sans);
--font-display-weight: 700;
--font-display-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.004em);
--font-display: var(--font-display-weight) var(--font-display-size)/var(--font-display-line-height) var(--font-sans);
--font-title-1-weight: 700;
--font-title-1: var(--font-title-1-weight) var(--font-title-1-size)/var(--font-title-1-line-height) var(--font-sans);
--font-title-2-weight: 700;
--font-title-2-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.002em);
--font-title-2: var(--font-title-2-weight) var(--font-title-2-size)/var(--font-title-2-line-height) var(--font-sans);
--font-title-3-weight: 700;
--font-title-3-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.005em);
--font-title-3: var(--font-title-3-weight) var(--font-title-3-size)/var(--font-title-3-line-height) var(--font-sans);
--font-headline-weight: 600;
--font-headline-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.004em);
--font-headline: var(--font-headline-weight) var(--font-headline-size)/var(--font-headline-line-height) var(--font-sans);
--font-body-1-weight: 400;
--font-body-1-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.003em);
--font-body-1: var(--font-body-1-weight) var(--font-body-1-size)/var(--font-body-1-line-height) var(--font-sans);
--font-body-2-weight: 400;
--font-body-2-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.002em);
--font-body-2: var(--font-body-2-weight) var(--font-body-2-size)/var(--font-body-2-line-height) var(--font-sans);
--font-label-1-weight: 600;
--font-label-1-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.003em);
--font-label-1: var(--font-label-1-weight) var(--font-label-1-size)/var(--font-label-1-line-height) var(--font-sans);
--font-label-2-weight: 600;
--font-label-2-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-label-2: var(--font-label-2-weight) var(--font-label-2-size)/var(--font-label-2-line-height) var(--font-sans);
--font-caption-1-weight: 400;
--font-caption-1-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-caption-1: var(--font-caption-1-weight) var(--font-caption-1-size)/var(--font-caption-1-line-height) var(--font-sans);
--font-caption-2-weight: 400;
--font-caption-2-kerning: calc(var(--rpl-disable-letter-spacing, 1) * -0.001em);
--font-caption-2: var(--font-caption-2-weight) var(--font-caption-2-size)/var(--font-caption-2-line-height) var(--font-sans);
--font-button-lg: var(--font-label-1);
--font-button-md: var(--font-label-1);
--font-button-sm: var(--font-label-2);
--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-bordered-onBackground: #000000;
--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: Highlight;
--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-canvas: #E5EBEE;
--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-highlighted: #F6F8F9;
--color-neutral-background-highlighted-strong: #FFF9E0;
--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-plain-inverted-onBackground: #FFFFFF;
--color-plain-onBackground: #000000;
--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-primarynext-background: #000000;
--color-primarynext-background-hover: #21272A;
--color-primarynext-onBackground: #FFFFFF;
--color-primarynext-plain: #0A449B;
--color-primarynext-plain-hover: #0A2F6C;
--color-primarynext-plain-visited: #7600A3;
--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);
--font-huge-display-size: 4rem;
--font-huge-display-line-height: 4rem;
--font-display-size: 3rem;
--font-display-line-height: 3rem;
--font-title-1-size: 2rem;
--font-title-1-line-height: 2.25rem;
--font-title-2-size: 1.5rem;
--font-title-2-line-height: 1.75rem;
--font-title-3-size: 1.125rem;
--font-title-3-line-height: 1.5rem;
--font-headline-size: 1rem;
--font-headline-line-height: 1.25rem;
--font-body-1-size: 1rem;
--font-body-1-line-height: 1.25rem;
--font-body-2-size: 0.875rem;
--font-body-2-line-height: 1.25rem;
--font-label-1-size: 0.875rem;
--font-label-1-line-height: 1.25rem;
--font-label-2-size: 0.75rem;
--font-label-2-line-height: 1rem;
--font-caption-1-size: 0.75rem;
--font-caption-1-line-height: 1rem;
--font-caption-2-size: 0.625rem;
--font-caption-2-line-height: 1rem
}
.theme-beta[device=mobile] .text-responsive,
.theme-beta[device=tablet] .text-responsive,
.theme-light.theme-beta[device=mobile] .text-responsive,
.theme-light.theme-beta[device=tablet] .text-responsive,
.theme-light.theme-rpl[device=mobile] .text-responsive,
.theme-light.theme-rpl[device=tablet] .text-responsive,
.theme-rpl[device=mobile] .text-responsive,
.theme-rpl[device=tablet] .text-responsive {
--font-huge-display-size: 3rem;
--font-huge-display-line-height: 3rem;
--font-display-size: 3rem;
--font-display-line-height: 3rem;
--font-title-1-size: 2rem;
--font-title-1-line-height: 2.25rem;
--font-title-2-size: 1.5rem;
--font-title-2-line-height: 1.75rem;
--font-title-3-size: 1.1875rem;
--font-title-3-line-height: 1.5rem;
--font-headline-size: 1.0625rem;
--font-headline-line-height: 1.25rem;
--font-body-1-size: 1.0625rem;
--font-body-1-line-height: 1.25rem;
--font-body-2-size: 0.9375rem;
--font-body-2-line-height: 1.25rem;
--font-label-1-size: 0.9375rem;
--font-label-1-line-height: 1.25rem;
--font-label-2-size: 0.8125rem;
--font-label-2-line-height: 1rem;
--font-caption-1-size: 0.8125rem;
--font-caption-1-line-height: 1rem;
--font-caption-2-size: 0.6875rem;
--font-caption-2-line-height: 1rem
}
@media (prefers-color-scheme:dark) {
:root:not(.theme-light) .theme-beta,
:root:not(.theme-light) .theme-rpl,
:root:not(.theme-light).theme-beta,
: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-bordered-onBackground: #FFFFFF;
--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: Highlight;
--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-canvas: #21272A;
--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-highlighted: #181C1F;
--color-neutral-background-highlighted-strong: #2A3236;
--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-plain-inverted-onBackground: #000000;
--color-plain-onBackground: #FFFFFF;
--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-primarynext-background: #EEF1F3;
--color-primarynext-background-hover: #FFFFFF;
--color-primarynext-onBackground: #000000;
--color-primarynext-plain: #648EFC;
--color-primarynext-plain-hover: #90A9FD;
--color-primarynext-plain-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-rpl,
.theme-dark.theme-beta,
.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-bordered-onBackground: #FFFFFF;
--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: Highlight;
--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-canvas: #21272A;
--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-highlighted: #181C1F;
--color-neutral-background-highlighted-strong: #2A3236;
--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-plain-inverted-onBackground: #000000;
--color-plain-onBackground: #FFFFFF;
--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-primarynext-background: #EEF1F3;
--color-primarynext-background-hover: #FFFFFF;
--color-primarynext-onBackground: #000000;
--color-primarynext-plain: #648EFC;
--color-primarynext-plain-hover: #90A9FD;
--color-primarynext-plain-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))
}
:not(:defined):not(faceplate-auto-height-animator, faceplate-dropdown-menu, faceplate-expandable-section-helper, faceplate-hovercard, faceplate-tracker) {
visibility: hidden
}
.nd-visible :not(:defined) {
visibility: visible
}
.theme-beta,
.theme-beta.theme-dark,
.theme-beta.theme-light,
.theme-rpl,
.theme-rpl.theme-dark,
.theme-rpl.theme-light {
--og-font: normal var(--font-sans);
--font-10: var(--og-font);
--font-12: var(--og-font);
--font-14: var(--og-font);
--font-16: var(--og-font);
--font-18: var(--og-font);
--font-20: var(--og-font);
--font-24: var(--og-font);
--font-32: var(--og-font);
--font-48: var(--og-font);
--font-64: var(--og-font)
}
.rpl-fonts-fix {
--font-10: normal 400 0.625rem/1rem var(--font-sans);
--font-12: normal 400 0.75rem/1rem var(--font-sans);
--font-14: normal 400 0.875rem/1.25rem var(--font-sans);
--font-16: normal 400 1rem/1.25rem var(--font-sans);
--font-18: normal 400 1.125rem/1.5rem var(--font-sans);
--font-20: normal 400 1.25rem/1.25rem var(--font-sans);
--font-24: normal 400 1.5rem/1.75rem var(--font-sans);
--font-32: normal 400 2rem/2.25rem var(--font-sans);
--font-48: normal 400 3rem/3rem var(--font-sans);
--font-64: normal 400 4rem/4rem 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)
}
[rpl][avatar]:dir(rtl):not([flip]):has(.snoovatar, img[src*='redditstatic.com/avatars/defaults/v2/'], img[src$='/assets/snoovatar-anonymous.png'], img[src$='/assets/snoovatar-blank.png'], img[src$='/assets/snoovatar-back-64x64px.png'], img[src$='/assets/snoovatar-snoo.png'], img[src$='/assets/suspended-snoo.png']),
[rpl][avatar][flip]:not(:dir(rtl)):has(.snoovatar, img[src*='redditstatic.com/avatars/defaults/v2/'], img[src$='/assets/snoovatar-anonymous.png'], img[src$='/assets/snoovatar-blank.png'], img[src$='/assets/snoovatar-back-64x64px.png'], img[src$='/assets/snoovatar-snoo.png'], img[src$='/assets/suspended-snoo.png']) {
transform: scaleX(-1)
}
faceplate-banner [slot=closeButton] {
margin-inline-start: var(--spacer-sm)
}
faceplate-banner [slot=actionButtons] button:first-of-type {
margin-inline-end: 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;
--loader-color: var(--color-plain-onBackground);
--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;
--loader-color: var(--color-plain-onBackground);
--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);
--loader-color: var(--color-secondary-onBackground);
--button-color-background-default: var(--color-button-secondary-background-activated);
--button-border-color-default: var(--color-neutral-border)
}
.button-plain-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-color-text-hover: var(--color-button-plain-text-hover);
--button-border-color-default: transparent;
--loader-color: var(--color-plain-onBackground);
--button-color-background-default: var(--color-neutral-background-selected);
--button-color-text-default: var(--color-button-plain-text-activated)
}
.button-primary-toggled {
--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-disabled: var(--color-interactive-content-disabled);
--button-color-text-activated: var(--color-neutral-content-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);
--loader-color: var(--color-bordered-onBackground);
--button-color-text-default: var(--color-primary-plain);
--button-color-text-hover: var(--color-primary-plain-hover);
--button-border-color-default: var(--color-primary-border);
--button-border-color-hover: var(--color-primary-border-hover);
--button-border-color-active: var(--color-primary-border-hover)
}
.button-media-toggled {
--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-border-width-default: var(--line-sm);
--loader-color: var(--color-media-onBackground);
--button-border-color-default: var(--color-media-border-selected)
}
.button-plain-inverted-toggled {
--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-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);
--loader-color: var(--color-plain-inverted-onBackground);
--button-color-background-default: var(--color-button-plain-inverted-background-activated);
--button-color-text-default: var(--color-button-plain-inverted-text-activated)
}
.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);
--loader-color: var(--color-caution-onBackground)
}
.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-start-start-radius: var(--rem8);
border-start-end-radius: var(--rem8)
}
faceplate-dropdown-menu faceplate-menu li[rpl]:last-child [role=menuitem] {
border-end-start-radius: var(--rem8);
border-end-end-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 :last-child {
padding-bottom: 0;
margin-bottom: 0
}
header {
padding-inline: calc(50vw - 50%);
margin-inline: 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);
--loader-color: var(--color-secondary-onBackground)
}
.align-left,
td,
th {
text-align: start
}
:where(button).icon,
:where(input):where([type=submit], [type=reset], [type=button]).icon {
width: var(--button-height)
}
: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(button)[aria-disabled=true],
:where(input):where([type=submit], [type=reset], [type=button]).anchor-disabled,
:where(input):where([type=submit], [type=reset], [type=button]):disabled,
:where(input):where([type=submit], [type=reset], [type=button])[aria-disabled=true] {
--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);
--button-border-color: var(--button-border-color-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);
--button-border-color: var(--button-border-color-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;
--loader-color: var(--color-primary-onBackground)
}
: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;
--loader-color: var(--color-plain-onBackground)
}
: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);
--loader-color: var(--color-secondary-onBackground);
background: var(--color-ui-canvas);
--shreddit-content-background: var(--color-tone-7);
--preferred-text-scale: env(preferred-text-scale);
-webkit-text-size-adjust: clamp(100%, calc(100% * var(--preferred-text-scale)), 100%);
text-size-adjust: clamp(100%, calc(100% * var(--preferred-text-scale)), 100%)
}
: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;
--loader-color: var(--color-primary-onBackground)
}
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;
color: inherit;
border: 0;
padding: 0;
margin: 0
}
code pre {
display: inline
}
details {
padding: .5rem 1rem;
border: var(--misc-accordion-border);
border-radius: var(--radius-accordion-size)
}
details summary {
cursor: pointer;
font-weight: 700;
list-style-type: var(--misc-accordion-closed-list-style-type)
}
details[open] summary {
margin-bottom: .375rem;
list-style-type: var(--misc-accordion-open-list-style-type)
}
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-inline-start: 2rem
}
li {
margin-top: .25rem
}
menu {
padding-inline-start: 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)
}
.scroll-is-blocked {
touch-action: none;
overflow: hidden;
overscroll-behavior: none
}
.grecaptcha-badge {
visibility: hidden
}
faceplate-partial[loading=eager],
noscript *,
shreddit-app activate-feature:not(:defined),
shreddit-app click-location-tracker:not(:defined),
shreddit-app devvit-post: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-onBackground: #665505;
--shreddit-color-wordmark: var(--color-global-brand-orangered);
--shreddit-color-mods-filtered-background: #FBDBD4;
--shreddit-color-mods-filtered-background-hover: #FDB3A4;
--shreddit-color-mods-filtered-onBackground: #BC0117;
--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-wordmark: var(--color-global-white);
--shreddit-color-mods-reported-background: #251e02;
--shreddit-color-mods-reported-background-hover: #382d03;
--shreddit-color-mods-reported-onBackground: #dbaf00;
--shreddit-color-mods-filtered-background: #1F0B04;
--shreddit-color-mods-filtered-background-hover: #650405;
--shreddit-color-mods-filtered-onBackground: #FF4F40;
--shreddit-color-streak-progress: #623a00;
--shreddit-color-streak-not-reached-background: #131f23;
--shreddit-color-streak-not-reached-text: #82959b
}
}
:root.theme-dark {
--shreddit-color-wordmark: var(--color-global-white);
--shreddit-color-mods-reported-background: #251e02;
--shreddit-color-mods-reported-background-hover: #382d03;
--shreddit-color-mods-reported-onBackground: #dbaf00;
--shreddit-color-mods-filtered-background: #1F0B04;
--shreddit-color-mods-filtered-background-hover: #650405;
--shreddit-color-mods-filtered-onBackground: #FF4F40;
--shreddit-color-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;
overflow-y: scroll
}
.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:has(reddit-header-small:not(.fixed)) {
--page-y-padding: 0px
}
shreddit-app shreddit-dynamic-ad-link:not(:defined) {
display: flex;
height: 100%;
align-items: center
}
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
}
shreddit-ad-post,
shreddit-post {
grid-template-columns: auto 1fr auto
}
shreddit-ad-post:not(:defined),
shreddit-post:not(:defined) {
position: relative
}
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 table,
shreddit-post table {
display: inline-block;
max-width: 100%;
overflow-x: scroll;
width: 100%;
table-layout: fixed
}
shreddit-ad-post devvit2-custom-post devvit2-surface,
shreddit-post devvit2-custom-post devvit2-surface {
--devvit2-surface-height: var(--devvit2-surface-height-post-style);
--devvit2-surface-background-color: var(--devvit2-surface-background-color-post-style);
display: block;
height: var(--devvit2-surface-height);
overflow: hidden;
background-color: var(--devvit2-surface-background-color)
}
.theme-dark shreddit-ad-post devvit2-custom-post devvit2-surface,
.theme-dark shreddit-post devvit2-custom-post devvit2-surface {
--devvit2-surface-background-color: var(--devvit2-surface-background-color-dark-post-style)
}
shreddit-ad-post[view-type=compactView]:not(:defined),
shreddit-post[view-type=compactView]:not(:defined) {
display: flex;
flex-wrap: wrap;
padding: 4px
}
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=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;
margin-top: 24px;
padding-left: 16px
}
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=recommendation-bar],
shreddit-post[view-type=compactView]:not(:defined) [slot=recommendation-bar] {
width: 100%;
height: 32px
}
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 :not(ol, ul, li),
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
}
shreddit-ad-post .feed-card-text-preview ol,
shreddit-ad-post .feed-card-text-preview ul {
display: inline;
list-style: none;
margin: 0;
padding: 0
}
shreddit-ad-post .feed-card-text-preview li {
display: inline;
margin: 0;
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: end
}
.rte-media {
margin: 0 0 1rem
}
.rte-media a {
display: block
}
.rte-media img {
display: block;
width: auto
}
.rte-media-caption {
font-size: .8em;
margin-top: .4em;
text-align: center
}
.rte-video-placeholder {
background: var(--color-global-black)
}
.continue {
margin-top: .5rem
}
.shreddit-pagination {
display: grid;
grid-gap: 1rem;
margin-bottom: 1rem;
grid-template-columns: repeat(2, minmax(0, 50%));
padding: 1rem
}
.shreddit-pagination * {
grid-column: 1/span 1
}
.shreddit-pagination * button {
display: block;
width: 100%
}
.shreddit-pagination .right {
grid-column: 2/span 1
}
shreddit-comment:not(:defined):not([slot-config=light]) {
display: block;
position: relative;
padding-left: 24px
}
@media (min-width:768px) {
shreddit-comment:not(:defined):not([slot-config=light]) {
padding-left: 32px
}
}
rpl-hovercard:not(:defined) [slot=content],
shreddit-comment:not(:defined):not([slot-config=light]) [slot=commentAvatar] {
display: none
}
shreddit-comment:not(:defined):not([slot-config=light])::before {
content: '';
position: absolute;
left: 0;
top: 4px;
display: inline-block;
border-radius: 100%;
width: 24px;
height: 24px;
background-color: var(--color-tone-4)
}
@media (min-width:768px) {
shreddit-comment:not(:defined):not([slot-config=light])::before {
width: 32px;
height: 32px
}
}
shreddit-comment .load-more::after,
shreddit-comment .load-more::before {
position: absolute;
left: -1.5em;
width: 6px;
content: ''
}
shreddit-comment:not(:defined):not([slot-config=light]) [slot=commentMeta] {
height: 36px;
margin-bottom: 2px
}
shreddit-comment:not(:defined):not([slot-config=light]) author-flair-event-handler {
display: flex
}
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-inline-end: 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
}
blockquote {
border-inline-start: 5px solid var(--color-tone-5);
margin: .5rem 0 1rem;
margin-inline-start: .5rem;
padding: .5rem 1rem;
background: 0 0
}
shreddit-comment-tree .top-level {
padding: 1rem 1rem 0
}
shreddit-comment-tree:not(:defined) {
display: block;
padding: 0 16px
}
@media (min-width:768px) {
shreddit-comment-tree:not(:defined) {
padding: 0
}
}
shreddit-comment-tree:not(:defined)>shreddit-comment {
margin-bottom: 16px
}
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
}
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-tabgroup:not(:defined) .button.icon,
faceplate-tooltip:not(:defined)>:not([slot=trigger]),
rpl-dropdown:not(:defined)>[slot=content],
rpl-tooltip:not(:defined)>[slot=content] {
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: auto var(--color-global-focus);
outline-offset: -1px
}
shreddit-app>:not(reddit-debug-panel) {
--rpl-debugger-color: rgba(255, 0, 255, 0.4)
}
gallery-carousel:not(:defined) ul {
padding: 0;
margin: 0;
height: 100%
}
gallery-carousel:not(:defined) li {
height: 100%
}
@keyframes bg-shimmer-animation {
0% {
background-position-x: 100%
}
100% {
background-position-x: -100%
}
}
.bg-shimmer {
position: relative;
background: var(--color-shimmer-background);
overflow: hidden
}
.bg-shimmer:before {
content: '';
position: absolute;
inset: 0;
background: var(--color-shimmer-gradient-overlay);
background-size: 200% 100%;
animation: bg-shimmer-animation 2.5s infinite
}
suspense-placeholder:empty~* {
visibility: hidden !important
}
</style>
<style nonce="RDvB1J+2nARemEAwcWpDbA==" id="tailwind" data-testid="tailwind-css-inlined">
faceplate-expandable-section-helper {
display: contents
}
faceplate-expandable-section-helper>details>summary {
list-style-type: none
}
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(0deg)
}
faceplate-hovercard:not(:defined)>[slot=content] {
display: none
}
.dx-zstack>* {
grid-column-start: 1;
grid-row-start: 1
}
.text-outline-thin-bright {
text-shadow: #000 1px 0 .5px, #000 -1px 0 .5px, #000 0 1px .5px, #000 0 -1px .5px
}
.text-outline-thick-bright {
text-shadow: #000 1px 0 2px, #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px, #000 1px 0 2px, #000 -1px 0 2px, #000 0 1px 1px, #000 0 -1px 1px
}
.text-outline-thin-dark {
text-shadow: #fff 1px 0 .5px, #fff -1px 0 .5px, #fff 0 1px .5px, #fff 0 -1px .5px
}
.text-outline-thick-dark {
text-shadow: #fff 1px 0 2px, #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px, #fff 1px 0 2px, #fff -1px 0 2px, #fff 0 1px 1px, #fff 0 -1px 1px
}
.border-dx-thick {
border-width: 2px
}
.border-dx-thin {
border-width: 1px
}
.rounded-dx-lg {
border-radius: 1.5rem
}
.rounded-dx-md {
border-radius: 1rem
}
.rounded-dx-sm {
border-radius: .5rem
}
: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
}
.dx-bg-color,
.light .dx-bg-color {
background-color: var(--dx-bg-color-light)
}
.dx-border-color,
.light .dx-border-color {
border-color: var(--dx-border-color-light)
}
.dx-text-color,
.light .dx-text-color {
color: var(--dx-text-color-light)
}
.dark .dx-bg-color {
background-color: var(--dx-bg-color-dark)
}
.dark .dx-border-color {
border-color: var(--dx-border-color-dark)
}
.dark .dx-text-color {
color: var(--dx-text-color-dark)
}
@media (prefers-color-scheme:dark) {
.dx-bg-color {
background-color: var(--dx-bg-color-dark)
}
.dx-text-color {
color: var(--dx-text-color-dark)
}
.dx-border-color {
border-color: var(--dx-border-color-dark)
}
}
svg[rpl].rpl-rtl-icon:dir(rtl) {
transform: scaleX(-1)
}
.border-spacing-xs {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0
}
.-rotate-45,
.-rotate-90,
.-scale-x-100,
.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-4xl,
.-translate-x-\[4px\],
.-translate-y-1\/2,
.-translate-y-2\/4,
.-translate-y-\[2px\],
.-translate-y-full,
.before\:scale-\[--emote-scale\]:before,
.enabled\:hover\:scale-\[1\.2\],
.group-aria-pressed\/award\:-translate-y-\[10px\],
.group-aria-pressed\/award\:scale-\[1\.4\],
.group-hover\/award\:-translate-y-\[10px\],
.group-hover\/award\:scale-\[1\.4\],
.group-hover\:scale-\[1\.03\],
.group-open\:rotate-180,
.hover\:scale-110,
.hover\:scale-\[2\],
.rotate-180,
.rotate-45,
.rotate-90,
.scale-0,
.scale-100,
.scale-75,
.scale-90,
.scale-\[1\.2\],
.scale-\[2\],
.scale-\[4\],
.scale-\[\.68\],
.scale-x-100,
.scale-x-\[-1\],
.skew-x-0,
.transform,
.translate-x-0,
.translate-x-1\/2,
.translate-x-4xl,
.translate-x-full,
.translate-x-px,
.translate-y-0,
.translate-y-1\/2,
.translate-y-4xl,
.translate-y-full,
.translate-y-px {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1
}
.snap-x {
--tw-scroll-snap-strictness: proximity
}
.from-\[color\:var\(--color-neutral-background-weak\)\],
.from-\[color\:var\(--color-neutral-background\)\],
.from-\[color\:var\(--gallery-gradient-bg\2c var\(--color-neutral-background\)\)\],
.from-berrypurple-900,
.from-black\/80,
.from-orangered-500,
.from-transparent,
.group-hover\:from-\[color\:var\(--color-neutral-background-hover\)\],
.to-\[var\(--color-neutral-background\)\],
.to-lightblue-500,
.to-orangered-400,
.to-transparent,
.via-black\/25,
.xs\:from-\[color\:var\(--color-neutral-background-weak\)\] {
--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:
}
.hover\:shadow-\[0_0_0_2px_var\(--color-primary-background\)\],
.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_0px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-\[0px_1px_8px_0px\],
.shadow-\[0px_2px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-\[0px_3px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-\[0px_4px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-lg,
.shadow-md,
.shadow-none,
.shadow-sm,
.shadow-xs,
.xs\:shadow-none,
.xs\:shadow-sm,
:is([class~=theme-dark] .dark\:shadow-none) {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000
}
.focus\:ring-1,
.group-focus-within\/topic\:ring-2,
.ring {
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .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-2xl,
.backdrop-blur-\[16px\],
.backdrop-blur-sm,
.backdrop-filter {
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.\!container {
width: 100% !important
}
.container {
width: 100%
}
@media (min-width:768px) {
.\!container {
max-width: 768px !important
}
.container {
max-width: 768px
}
}
@media (min-width:960px) {
.\!container {
max-width: 960px !important
}
.container {
max-width: 960px
}
}
@media (min-width:1024px) {
.\!container {
max-width: 1024px !important
}
.container {
max-width: 1024px
}
}
@media (min-width:1200px) {
.\!container {
max-width: 1200px !important
}
.container {
max-width: 1200px
}
}
@media (min-width:1416px) {
.\!container {
max-width: 1416px !important
}
.container {
max-width: 1416px
}
}
@media (min-width:1472px) {
.\!container {
max-width: 1472px !important
}
.container {
max-width: 1472px
}
}
@media (min-width:1920px) {
.\!container {
max-width: 1920px !important
}
.container {
max-width: 1920px
}
}
.\!a {
color: var(--color-a-default) !important;
font-size: 1em !important;
text-decoration: none !important
}
.a {
color: var(--color-a-default);
font-size: 1em;
text-decoration: none
}
.\!a:hover {
color: var(--color-a-hover) !important
}
.a:hover {
color: var(--color-a-hover)
}
.a.visited:not(.no-visited),
.a:visited:not(.no-visited) {
color: var(--color-a-visited)
}
.\!a.visited:not(.no-visited),
.\!a:visited:not(.no-visited) {
color: var(--color-a-visited) !important
}
.\!button {
background: var(--button-color-background) !important;
border: none !important;
border: var(--button-border-width, 0) solid var(--button-border-color, transparent) !important;
border-radius: 999px !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) - var(--button-border-width, 0px)*2) !important;
outline-offset: 0 !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;
--button-border-color: var(--button-border-color-default) !important;
--button-border-width: var(--button-border-width-default) !important;
--button-color-background: var(--button-color-background-default) !important;
--button-color-text: var(--button-color-text-default) !important
}
.button {
background: var(--button-color-background);
border: none;
border: var(--button-border-width, 0) solid var(--button-border-color, transparent);
border-radius: 999px;
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) - var(--button-border-width, 0px)*2);
outline-offset: 0;
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;
--button-border-color: var(--button-border-color-default);
--button-border-width: var(--button-border-width-default);
--button-color-background: var(--button-color-background-default);
--button-color-text: var(--button-color-text-default)
}
.\!button.icon {
width: var(--button-height) !important
}
.button.icon {
width: var(--button-height)
}
.button.\!icon {
width: var(--button-height) !important
}
.\!button:focus {
--button-color-overlay: var(--color-button-overlay-focus) !important
}
.button:focus {
--button-color-overlay: var(--color-button-overlay-focus)
}
.\!button.hover {
--button-color-overlay: var(--color-button-overlay-focus) !important;
--button-border-color: var(--button-border-color-hover) !important;
--button-color-background: var(--button-color-background-hover) !important;
--button-color-text: var(--button-color-text-hover, var(--button-color-text-default)) !important
}
.button.hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover, var(--button-color-text-default))
}
@media (hover:hover) {
.\!button:hover {
--button-color-overlay: var(--color-button-overlay-focus) !important;
--button-border-color: var(--button-border-color-hover) !important;
--button-color-background: var(--button-color-background-hover) !important;
--button-color-text: var(--button-color-text-hover, var(--button-color-text-default)) !important
}
.button:hover {
--button-color-overlay: var(--color-button-overlay-focus);
--button-border-color: var(--button-border-color-hover);
--button-color-background: var(--button-color-background-hover);
--button-color-text: var(--button-color-text-hover, var(--button-color-text-default))
}
}
.button.active,
.button:active {
--button-color-overlay: var(--color-button-overlay-active);
--button-color-background: linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)), var(--button-color-background-active)
}
.\!button.active,
.\!button:active,
.button.\!active {
--button-color-overlay: var(--color-button-overlay-active) !important;
--button-color-background: linear-gradient(var(--color-interactive-pressed), var(--color-interactive-pressed)), var(--button-color-background-active) !important
}
.button.anchor-disabled,
.button:disabled,
.button[aria-disabled=true] {
--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);
--button-border-color: var(--button-border-color-disabled);
cursor: not-allowed;
pointer-events: none
}
.\!button.anchor-disabled,
.\!button:disabled,
.\!button[aria-disabled=true] {
pointer-events: none !important
}
.\!button.anchor-disabled,
.\!button.disabled.pointer-all,
.\!button:disabled,
.\!button[aria-disabled=true] {
--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;
--button-border-color: var(--button-border-color-disabled) !important;
cursor: not-allowed !important
}
.\!button.disabled.pointer-all {
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);
--button-border-color: var(--button-border-color-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;
--button-border-color: var(--button-border-color-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: none;
border: var(--button-border-width, 0) solid var(--button-border-color, transparent);
border-radius: 999px;
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) - var(--button-border-width, 0px)*2);
outline-offset: 0;
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;
--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-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);
--button-border-color: var(--button-border-color-disabled)
}
.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;
--loader-color: var(--color-primary-onBackground)
}
.button-primarynext {
--button-color-background-default: var(--color-primarynext-background);
--button-color-background-focus: var(--color-primarynext-background);
--button-color-background-hover: var(--color-primarynext-background-hover);
--button-color-background-active: linear-gradient(var(--color-primarynext-background-hover), var(--color-primarynext-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-primarynext-onBackground);
--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;
--loader-color: var(--color-primarynext-onBackground)
}
.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);
--loader-color: var(--color-secondary-onBackground)
}
.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-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;
--loader-color: var(--color-plain-onBackground)
}
.button-plain-weak {
--button-color-text-default: var(--color-button-plain-text-weak)
}
.button-bordered,
.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);
--loader-color: var(--color-bordered-onBackground)
}
.button-bordered-cab {
--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;
--loader-color: var(--color-danger-onBackground)
}
.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: #fff;
--button-color-text-disabled: var(--color-media-onbackground-disabled);
--button-color-background-disabled: var(--color-media-background);
--button-border-color-default: var(--color-media-border-weak);
--button-border-width-default: var(--line-sm);
--loader-color: var(--color-media-onBackground)
}
.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-neutral-border-weak);
--button-border-color-disabled: var(--color-media-border-weak);
--button-border-width-default: var(--line-sm);
--button-border-color-activated: var(--color-media-border-weak)
}
.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;
--loader-color: var(--color-brand-onBackground)
}
.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;
--loader-color: var(--color-success-onBackground)
}
.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);
--loader-color: var(--color-plain-inverted-onBackground)
}
.full-snoo-xs {
--full-snoo-size: var(--rem48);
--full-snoo-top-spacer: 0.125rem;
--full-snoo-bottom-spacer: -0.1875rem
}
.full-snoo-xs:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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(var(--rem4)*-1)
}
.full-snoo-sm:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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(var(--rem6)*-1)
}
.full-snoo-md:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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(var(--rem10)*-1)
}
.full-snoo-lg:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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(var(--rem14)*-1)
}
.full-snoo-xl:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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(var(--rem22)*-1)
}
.full-snoo-2xl:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.full-snoo-2xl:not(.no-safe-area)>img {
bottom: var(--full-snoo-bottom-spacer)
}
.full-snoo-2xl>img {
width: 14.75rem
}
.sr-only {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border-width: 0;
white-space: nowrap
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.\!visible {
visibility: visible !important
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
.collapse {
visibility: collapse
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.\!relative {
position: relative !important
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
inset: 0
}
.inset-1\/2 {
inset: 50%
}
.inset-x-0 {
left: 0;
right: 0
}
.inset-y-0 {
bottom: 0;
top: 0
}
.-bottom-1\/2 {
bottom: -50%
}
.-bottom-xl {
bottom: -2rem
}
.-end-px {
inset-inline-end: -1px
}
.-end-sm {
inset-inline-end: -.75rem
}
.-left-1\/2 {
left: -50%
}
.-left-\[1rem\] {
left: -1rem
}
.-left-\[99999px\] {
left: -99999px
}
.-left-full {
left: -100%
}
.-right-\[\.65rem\] {
right: -.65rem
}
.-right-\[\.75rem\] {
right: -.75rem
}
.-right-\[0\.0625rem\] {
right: -.0625rem
}
.-right-\[0\.0825rem\] {
right: -.0825rem
}
.-right-\[0\.125rem\] {
right: -.125rem
}
.-right-\[6px\] {
right: -6px
}
.-right-px {
right: -1px
}
.-start-full {
inset-inline-start: -100%
}
.-top-2xl {
top: -3rem
}
.-top-2xs {
top: -.25rem
}
.-top-\[35px\] {
top: -35px
}
.-top-\[6px\] {
top: -6px
}
.-top-\[9rem\] {
top: -9rem
}
.-top-full {
top: -100%
}
.-top-xs {
top: -.5rem
}
.bottom-0 {
bottom: 0
}
.bottom-100 {
bottom: 100%
}
.bottom-2xl {
bottom: 3rem
}
.bottom-\[-38px\] {
bottom: -38px
}
.bottom-\[-50px\] {
bottom: -50px
}
.bottom-\[-70px\] {
bottom: -70px
}
.bottom-\[-8px\] {
bottom: -8px
}
.bottom-\[0px\] {
bottom: 0
}
.bottom-\[10px\] {
bottom: 10px
}
.bottom-\[13px\] {
bottom: 13px
}
.bottom-\[29px\] {
bottom: 29px
}
.bottom-\[2px\] {
bottom: 2px
}
.bottom-\[38px\] {
bottom: 38px
}
.bottom-\[3px\] {
bottom: 3px
}
.bottom-\[40px\] {
bottom: 40px
}
.bottom-\[42px\] {
bottom: 42px
}
.bottom-\[44px\] {
bottom: 44px
}
.bottom-\[48px\] {
bottom: 48px
}
.bottom-\[4px\] {
bottom: 4px
}
.bottom-\[52px\] {
bottom: 52px
}
.bottom-\[56px\] {
bottom: 56px
}
.bottom-\[5px\] {
bottom: 5px
}
.bottom-\[9\%\] {
bottom: 9%
}
.bottom-\[96px\] {
bottom: 96px
}
.bottom-\[var\(--rem20\)\] {
bottom: var(--rem20)
}
.bottom-lg {
bottom: 1.5rem
}
.bottom-md {
bottom: 1rem
}
.bottom-sm {
bottom: .75rem
}
.bottom-xl {
bottom: 2rem
}
.bottom-xs {
bottom: .5rem
}
.end-0 {
inset-inline-end: 0
}
.end-2xs {
inset-inline-end: .25rem
}
.end-\[-26px\] {
inset-inline-end: -26px
}
.end-\[-50px\] {
inset-inline-end: -50px
}
.end-\[-56px\] {
inset-inline-end: -56px
}
.end-\[-8px\] {
inset-inline-end: -8px
}
.end-\[17px\] {
inset-inline-end: 17px
}
.end-\[20px\] {
inset-inline-end: 20px
}
.end-\[23px\] {
inset-inline-end: 23px
}
.end-\[46px\] {
inset-inline-end: 46px
}
.end-\[4px\] {
inset-inline-end: 4px
}
.end-\[5\%\] {
inset-inline-end: 5%
}
.end-\[84px\] {
inset-inline-end: 84px
}
.end-\[calc\(50\%-380px\)\] {
inset-inline-end: calc(50% - 380px)
}
.end-md {
inset-inline-end: 1rem
}
.end-sm {
inset-inline-end: .75rem
}
.end-xs {
inset-inline-end: .5rem
}
.left-0 {
left: 0
}
.left-1\/2 {
left: 50%
}
.left-1\/4 {
left: 25%
}
.left-2\/4 {
left: 50%
}
.left-\[10px\] {
left: 10px
}
.left-\[16px\] {
left: 16px
}
.left-\[18px\] {
left: 18px
}
.left-\[2rem\] {
left: 2rem
}
.left-\[3px\] {
left: 3px
}
.left-\[4px\] {
left: 4px
}
.left-\[5\%\] {
left: 5%
}
.left-\[50\%\] {
left: 50%
}
.left-\[8px\] {
left: 8px
}
.left-\[9px\] {
left: 9px
}
.left-\[var\(--rem20\)\] {
left: var(--rem20)
}
.left-md {
left: 1rem
}
.left-sm {
left: .75rem
}
.left-xs {
left: .5rem
}
.right-0 {
right: 0
}
.right-1\/2 {
right: 50%
}
.right-1\/4 {
right: 25%
}
.right-\[0\.05rem\] {
right: .05rem
}
.right-\[0\.10rem\] {
right: .1rem
}
.right-\[15px\] {
right: 15px
}
.right-\[19px\] {
right: 19px
}
.right-\[29px\] {
right: 29px
}
.right-\[2rem\] {
right: 2rem
}
.right-\[318px\] {
right: 318px
}
.right-\[3px\] {
right: 3px
}
.right-\[40px\] {
right: 40px
}
.right-\[4px\] {
right: 4px
}
.right-\[52px\] {
right: 52px
}
.right-\[59px\] {
right: 59px
}
.right-\[5px\] {
right: 5px
}
.right-\[8px\] {
right: 8px
}
.right-\[9px\] {
right: 9px
}
.right-lg {
right: 1.5rem
}
.right-md {
right: 1rem
}
.right-sm {
right: .75rem
}
.right-xl {
right: 2rem
}
.right-xs {
right: .5rem
}
.start-0 {
inset-inline-start: 0
}
.start-\[-12\.5px\] {
inset-inline-start: -12.5px
}
.start-\[11px\] {
inset-inline-start: 11px
}
.start-\[12\.5px\] {
inset-inline-start: 12.5px
}
.start-\[16px\] {
inset-inline-start: 16px
}
.start-\[28px\] {
inset-inline-start: 28px
}
.start-\[2px\] {
inset-inline-start: 2px
}
.start-\[4px\] {
inset-inline-start: 4px
}
.start-\[8px\] {
inset-inline-start: 8px
}
.start-\[calc\(50\%-360px\)\] {
inset-inline-start: calc(50% - 360px)
}
.start-md {
inset-inline-start: 1rem
}
.start-xl {
inset-inline-start: 2rem
}
.start-xs {
inset-inline-start: .5rem
}
.top-0 {
top: 0
}
.top-1\/2 {
top: 50%
}
.top-100 {
top: 100%
}
.top-2\/4 {
top: 50%
}
.top-2xs {
top: .25rem
}
.top-3xl {
top: 4rem
}
.top-5xl {
top: 8rem
}
.top-\[-0\.25rem\] {
top: -.25rem
}
.top-\[-1px\] {
top: -1px
}
.top-\[-20px\] {
top: -20px
}
.top-\[-47px\] {
top: -47px
}
.top-\[-8px\] {
top: -8px
}
.top-\[0\.125em\] {
top: .125em
}
.top-\[0\.1875em\] {
top: .1875em
}
.top-\[11px\] {
top: 11px
}
.top-\[12px\] {
top: 12px
}
.top-\[15\%\] {
top: 15%
}
.top-\[23px\] {
top: 23px
}
.top-\[2px\] {
top: 2px
}
.top-\[2rem\] {
top: 2rem
}
.top-\[37px\] {
top: 37px
}
.top-\[3px\] {
top: 3px
}
.top-\[48px\] {
top: 48px
}
.top-\[4px\] {
top: 4px
}
.top-\[50\%\] {
top: 50%
}
.top-\[56px\] {
top: 56px
}
.top-\[5px\] {
top: 5px
}
.top-\[72px\] {
top: 72px
}
.top-\[7px\] {
top: 7px
}
.top-\[8px\] {
top: 8px
}
.top-\[9px\] {
top: 9px
}
.top-\[calc\(50\%-230px\)\] {
top: calc(50% - 230px)
}
.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-\[var\(--shreddit-header-height\)\] {
top: var(--shreddit-header-height)
}
.top-lg {
top: 1.5rem
}
.top-md {
top: 1rem
}
.top-px {
top: 1px
}
.top-sm {
top: .75rem
}
.top-xl {
top: 2rem
}
.top-xs {
top: .5rem
}
.isolate {
isolation: isolate
}
.-z-10 {
z-index: -10
}
.z-0 {
z-index: 0
}
.z-1 {
z-index: 1
}
.z-10 {
z-index: 10
}
.z-2 {
z-index: 2
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-5 {
z-index: 5
}
.z-50 {
z-index: 50
}
.z-\[-1\] {
z-index: -1
}
.z-\[1001\] {
z-index: 1001
}
.z-\[100\] {
z-index: 100
}
.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-\[9000\] {
z-index: 9000
}
.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-\[1\] {
grid-column: 1
}
.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-5 {
grid-column: span 5/span 5
}
.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\] {
grid-row: 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-start {
float: inline-start
}
.float-right {
float: right
}
.float-left {
float: left
}
.\!m-0 {
margin: 0 !important
}
.-m-\[0\.5rem\] {
margin: -.5rem
}
.-m-\[4px\] {
margin: -4px
}
.-m-xs {
margin: -.5rem
}
.m-0 {
margin: 0
}
.m-2xs {
margin: .25rem
}
.m-\[16px\] {
margin: 16px
}
.m-\[2px\] {
margin: 2px
}
.m-\[4px\] {
margin: 4px
}
.m-\[6px\] {
margin: 6px
}
.m-auto {
margin: auto
}
.m-lg {
margin: 1.5rem
}
.m-md {
margin: 1rem
}
.m-sm {
margin: .75rem
}
.m-xs {
margin: .5rem
}
.\!mx-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.\!my-\[-10px\] {
margin-bottom: -10px !important;
margin-top: -10px !important
}
.-mx-md {
margin-left: -1rem;
margin-right: -1rem
}
.-mx-sm {
margin-left: -.75rem;
margin-right: -.75rem
}
.-mx-xs {
margin-left: -.5rem;
margin-right: -.5rem
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.mx-2xs {
margin-left: .25rem;
margin-right: .25rem
}
.mx-\[-16px\] {
margin-left: -16px;
margin-right: -16px
}
.mx-\[12px\] {
margin-left: 12px;
margin-right: 12px
}
.mx-\[2px\] {
margin-left: 2px;
margin-right: 2px
}
.mx-\[3rem\] {
margin-left: 3rem;
margin-right: 3rem
}
.mx-\[40px\] {
margin-left: 40px;
margin-right: 40px
}
.mx-\[4px\] {
margin-left: 4px;
margin-right: 4px
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.mx-lg {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.mx-md {
margin-left: 1rem;
margin-right: 1rem
}
.mx-sm {
margin-left: .75rem;
margin-right: .75rem
}
.mx-xs {
margin-left: .5rem;
margin-right: .5rem
}
.my-0 {
margin-bottom: 0;
margin-top: 0
}
.my-2xl {
margin-bottom: 3rem;
margin-top: 3rem
}
.my-2xs {
margin-bottom: .25rem;
margin-top: .25rem
}
.my-\[-10px\] {
margin-bottom: -10px;
margin-top: -10px
}
.my-\[10px\] {
margin-bottom: 10px;
margin-top: 10px
}
.my-\[16px\] {
margin-bottom: 16px;
margin-top: 16px
}
.my-\[18px\] {
margin-bottom: 18px;
margin-top: 18px
}
.my-\[1px\] {
margin-bottom: 1px;
margin-top: 1px
}
.my-\[20px\] {
margin-bottom: 20px;
margin-top: 20px
}
.my-\[6px\] {
margin-bottom: 6px;
margin-top: 6px
}
.my-\[calc\(var\(--rem8\)-var\(--rem1\)\)\] {
margin-bottom: calc(var(--rem8) - var(--rem1));
margin-top: calc(var(--rem8) - var(--rem1))
}
.my-auto {
margin-bottom: auto;
margin-top: auto
}
.my-lg {
margin-bottom: 1.5rem;
margin-top: 1.5rem
}
.my-md {
margin-bottom: 1rem;
margin-top: 1rem
}
.my-px {
margin-bottom: 1px;
margin-top: 1px
}
.my-sm {
margin-bottom: .75rem;
margin-top: .75rem
}
.my-xl {
margin-bottom: 2rem;
margin-top: 2rem
}
.my-xs {
margin-bottom: .5rem;
margin-top: .5rem
}
.\!mr-xs {
margin-right: .5rem !important
}
.-mb-2xs {
margin-bottom: -.25rem
}
.-mb-\[1px\] {
margin-bottom: -1px
}
.-mb-\[1rem\] {
margin-bottom: -1rem
}
.-mb-\[2px\] {
margin-bottom: -2px
}
.-mb-\[2rem\] {
margin-bottom: -2rem
}
.-mb-\[35px\] {
margin-bottom: -35px
}
.-mb-\[4px\] {
margin-bottom: -4px
}
.-mb-lg {
margin-bottom: -1.5rem
}
.-mb-px {
margin-bottom: -1px
}
.-mb-sm {
margin-bottom: -.75rem
}
.-mb-xl {
margin-bottom: -2rem
}
.-mb-xs {
margin-bottom: -.5rem
}
.-me-2xs {
margin-inline-end: -.25rem
}
.-me-\[10px\] {
margin-inline-end: -10px
}
.-me-\[7px\] {
margin-inline-end: -7px
}
.-me-md {
margin-inline-end: -1rem
}
.-me-sm {
margin-inline-end: -.75rem
}
.-me-xs {
margin-inline-end: -.5rem
}
.-ml-2xs {
margin-left: -.25rem
}
.-ml-lg {
margin-left: -1.5rem
}
.-ml-md {
margin-left: -1rem
}
.-ml-px {
margin-left: -1px
}
.-ml-sm {
margin-left: -.75rem
}
.-ml-xs {
margin-left: -.5rem
}
.-mr-2xs {
margin-right: -.25rem
}
.-mr-\[7px\] {
margin-right: -7px
}
.-mr-md {
margin-right: -1rem
}
.-mr-sm {
margin-right: -.75rem
}
.-ms-2xs {
margin-inline-start: -.25rem
}
.-ms-\[2px\] {
margin-inline-start: -2px
}
.-ms-\[calc\(var\(--rem4\)-var\(--rem1\)\)\] {
margin-inline-start: calc(var(--rem4)*-1 - var(--rem1)*-1)
}
.-ms-\[var\(--rem10\)\] {
margin-inline-start: calc(var(--rem10)*-1)
}
.-ms-\[var\(--rem12\)\] {
margin-inline-start: calc(var(--rem12)*-1)
}
.-ms-\[var\(--rem14\)\] {
margin-inline-start: calc(var(--rem14)*-1)
}
.-ms-\[var\(--rem16\)\] {
margin-inline-start: calc(var(--rem16)*-1)
}
.-ms-\[var\(--rem18\)\] {
margin-inline-start: calc(var(--rem18)*-1)
}
.-ms-\[var\(--rem20\)\] {
margin-inline-start: calc(var(--rem20)*-1)
}
.-ms-\[var\(--rem4\)\] {
margin-inline-start: calc(var(--rem4)*-1)
}
.-ms-\[var\(--rem6\)\] {
margin-inline-start: calc(var(--rem6)*-1)
}
.-ms-\[var\(--rem8\)\] {
margin-inline-start: calc(var(--rem8)*-1)
}
.-ms-lg {
margin-inline-start: -1.5rem
}
.-ms-md {
margin-inline-start: -1rem
}
.-ms-sm {
margin-inline-start: -.75rem
}
.-ms-xs {
margin-inline-start: -.5rem
}
.-mt-2xs {
margin-top: -.25rem
}
.-mt-3xl {
margin-top: -4rem
}
.-mt-\[103px\] {
margin-top: -103px
}
.-mt-\[1em\] {
margin-top: -1em
}
.-mt-\[1px\] {
margin-top: -1px
}
.-mt-\[2px\] {
margin-top: -2px
}
.-mt-\[36px\] {
margin-top: -36px
}
.-mt-\[4px\] {
margin-top: -4px
}
.-mt-\[var\(--page-y-padding\)\] {
margin-top: calc(var(--page-y-padding)*-1)
}
.-mt-\[var\(--shreddit-header-large-height\)\] {
margin-top: calc(var(--shreddit-header-large-height)*-1)
}
.-mt-lg {
margin-top: -1.5rem
}
.-mt-md {
margin-top: -1rem
}
.-mt-xl {
margin-top: -2rem
}
.-mt-xs {
margin-top: -.5rem
}
.mb-0 {
margin-bottom: 0
}
.mb-2xl {
margin-bottom: 3rem
}
.mb-2xs {
margin-bottom: .25rem
}
.mb-3xl {
margin-bottom: 4rem
}
.mb-\[-1px\] {
margin-bottom: -1px
}
.mb-\[-2px\] {
margin-bottom: -2px
}
.mb-\[-32px\] {
margin-bottom: -32px
}
.mb-\[-40px\] {
margin-bottom: -40px
}
.mb-\[-4px\] {
margin-bottom: -4px
}
.mb-\[0\.25rem\] {
margin-bottom: .25rem
}
.mb-\[0\.5rem\] {
margin-bottom: .5rem
}
.mb-\[0px\] {
margin-bottom: 0
}
.mb-\[1\.25rem\] {
margin-bottom: 1.25rem
}
.mb-\[10px\] {
margin-bottom: 10px
}
.mb-\[12px\] {
margin-bottom: 12px
}
.mb-\[14px\] {
margin-bottom: 14px
}
.mb-\[16px\] {
margin-bottom: 16px
}
.mb-\[18px\] {
margin-bottom: 18px
}
.mb-\[1px\] {
margin-bottom: 1px
}
.mb-\[2\.5rem\] {
margin-bottom: 2.5rem
}
.mb-\[20px\] {
margin-bottom: 20px
}
.mb-\[24px\] {
margin-bottom: 24px
}
.mb-\[2px\] {
margin-bottom: 2px
}
.mb-\[2rem\] {
margin-bottom: 2rem
}
.mb-\[300px\] {
margin-bottom: 300px
}
.mb-\[32px\] {
margin-bottom: 32px
}
.mb-\[36px\] {
margin-bottom: 36px
}
.mb-\[3px\] {
margin-bottom: 3px
}
.mb-\[40px\] {
margin-bottom: 40px
}
.mb-\[45px\] {
margin-bottom: 45px
}
.mb-\[4px\] {
margin-bottom: 4px
}
.mb-\[50px\] {
margin-bottom: 50px
}
.mb-\[52px\] {
margin-bottom: 52px
}
.mb-\[8px\] {
margin-bottom: 8px
}
.mb-lg {
margin-bottom: 1.5rem
}
.mb-md {
margin-bottom: 1rem
}
.mb-px {
margin-bottom: 1px
}
.mb-sm {
margin-bottom: .75rem
}
.mb-xl {
margin-bottom: 2rem
}
.mb-xs {
margin-bottom: .5rem
}
.me-0 {
margin-inline-end: 0
}
.me-2xs {
margin-inline-end: .25rem
}
.me-3xl {
margin-inline-end: 4rem
}
.me-\[-16px\] {
margin-inline-end: -16px
}
.me-\[-2px\] {
margin-inline-end: -2px
}
.me-\[-4px\] {
margin-inline-end: -4px
}
.me-\[-8px\] {
margin-inline-end: -8px
}
.me-\[0\.375rem\] {
margin-inline-end: .375rem
}
.me-\[12px\] {
margin-inline-end: 12px
}
.me-\[2px\] {
margin-inline-end: 2px
}
.me-\[3px\] {
margin-inline-end: 3px
}
.me-\[4px\] {
margin-inline-end: 4px
}
.me-\[6px\] {
margin-inline-end: 6px
}
.me-\[8px\] {
margin-inline-end: 8px
}
.me-\[calc\(var\(--size-button-sm-h\)-var\(--rem10\)-var\(--button-border-width-default\)\)\] {
margin-inline-end: calc(var(--size-button-sm-h) - var(--rem10) - var(--button-border-width-default))
}
.me-\[var\(--rem4\)\] {
margin-inline-end: var(--rem4)
}
.me-auto {
margin-inline-end: auto
}
.me-lg {
margin-inline-end: 1.5rem
}
.me-md {
margin-inline-end: 1rem
}
.me-sm {
margin-inline-end: .75rem
}
.me-xl {
margin-inline-end: 2rem
}
.me-xs {
margin-inline-end: .5rem
}
.ml-0 {
margin-left: 0
}
.ml-2xl {
margin-left: 3rem
}
.ml-2xs {
margin-left: .25rem
}
.ml-\[-14px\] {
margin-left: -14px
}
.ml-\[-16px\] {
margin-left: -16px
}
.ml-\[-1rem\] {
margin-left: -1rem
}
.ml-\[11px\] {
margin-left: 11px
}
.ml-\[15px\] {
margin-left: 15px
}
.ml-\[1px\] {
margin-left: 1px
}
.ml-\[2\.5rem\] {
margin-left: 2.5rem
}
.ml-\[2\.75rem\] {
margin-left: 2.75rem
}
.ml-\[28px\] {
margin-left: 28px
}
.ml-\[2px\] {
margin-left: 2px
}
.ml-\[2rem\] {
margin-left: 2rem
}
.ml-\[40px\] {
margin-left: 40px
}
.ml-\[4px\] {
margin-left: 4px
}
.ml-\[6px\] {
margin-left: 6px
}
.ml-auto {
margin-left: auto
}
.ml-lg {
margin-left: 1.5rem
}
.ml-md {
margin-left: 1rem
}
.ml-px {
margin-left: 1px
}
.ml-sm {
margin-left: .75rem
}
.ml-xl {
margin-left: 2rem
}
.ml-xs {
margin-left: .5rem
}
.mr-0 {
margin-right: 0
}
.mr-2xl {
margin-right: 3rem
}
.mr-2xs {
margin-right: .25rem
}
.mr-\[-16px\] {
margin-right: -16px
}
.mr-\[-8px\] {
margin-right: -8px
}
.mr-\[15px\] {
margin-right: 15px
}
.mr-\[2px\] {
margin-right: 2px
}
.mr-\[300px\] {
margin-right: 300px
}
.mr-\[4px\] {
margin-right: 4px
}
.mr-\[6px\] {
margin-right: 6px
}
.mr-\[8px\] {
margin-right: 8px
}
.mr-\[var\(--rem6\)\] {
margin-right: var(--rem6)
}
.mr-auto {
margin-right: auto
}
.mr-lg {
margin-right: 1.5rem
}
.mr-md {
margin-right: 1rem
}
.mr-sm {
margin-right: .75rem
}
.mr-xl {
margin-right: 2rem
}
.mr-xs {
margin-right: .5rem
}
.ms-0 {
margin-inline-start: 0
}
.ms-2xl {
margin-inline-start: 3rem
}
.ms-2xs {
margin-inline-start: .25rem
}
.ms-\[-\.25rem\] {
margin-inline-start: -.25rem
}
.ms-\[-14px\] {
margin-inline-start: -14px
}
.ms-\[-24px\] {
margin-inline-start: -24px
}
.ms-\[-2px\] {
margin-inline-start: -2px
}
.ms-\[-36px\] {
margin-inline-start: -36px
}
.ms-\[0\.375rem\] {
margin-inline-start: .375rem
}
.ms-\[22px\] {
margin-inline-start: 22px
}
.ms-\[2px\] {
margin-inline-start: 2px
}
.ms-\[30px\] {
margin-inline-start: 30px
}
.ms-\[34px\] {
margin-inline-start: 34px
}
.ms-\[36px\] {
margin-inline-start: 36px
}
.ms-\[38px\] {
margin-inline-start: 38px
}
.ms-\[3px\] {
margin-inline-start: 3px
}
.ms-\[4px\] {
margin-inline-start: 4px
}
.ms-\[6px\] {
margin-inline-start: 6px
}
.ms-\[var\(--rem4\)\] {
margin-inline-start: var(--rem4)
}
.ms-auto {
margin-inline-start: auto
}
.ms-lg {
margin-inline-start: 1.5rem
}
.ms-md {
margin-inline-start: 1rem
}
.ms-px {
margin-inline-start: 1px
}
.ms-sm {
margin-inline-start: .75rem
}
.ms-xl {
margin-inline-start: 2rem
}
.ms-xs {
margin-inline-start: .5rem
}
.mt-0 {
margin-top: 0
}
.mt-2xl {
margin-top: 3rem
}
.mt-2xs {
margin-top: .25rem
}
.mt-3xl {
margin-top: 4rem
}
.mt-4xl {
margin-top: 6rem
}
.mt-5xl {
margin-top: 8rem
}
.mt-\[-0\.125rem\] {
margin-top: -.125rem
}
.mt-\[-0\.25rem\] {
margin-top: -.25rem
}
.mt-\[-14px\] {
margin-top: -14px
}
.mt-\[-16px\] {
margin-top: -16px
}
.mt-\[-21px\] {
margin-top: -21px
}
.mt-\[-24px\] {
margin-top: -24px
}
.mt-\[-2px\] {
margin-top: -2px
}
.mt-\[-40px\] {
margin-top: -40px
}
.mt-\[-4px\] {
margin-top: -4px
}
.mt-\[-65vh\] {
margin-top: -65vh
}
.mt-\[-66px\] {
margin-top: -66px
}
.mt-\[-8px\] {
margin-top: -8px
}
.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-\[16px\] {
margin-top: 16px
}
.mt-\[1em\] {
margin-top: 1em
}
.mt-\[1px\] {
margin-top: 1px
}
.mt-\[1rem\] {
margin-top: 1rem
}
.mt-\[2\.5rem\] {
margin-top: 2.5rem
}
.mt-\[20px\] {
margin-top: 20px
}
.mt-\[20vh\] {
margin-top: 20vh
}
.mt-\[2px\] {
margin-top: 2px
}
.mt-\[30px\] {
margin-top: 30px
}
.mt-\[34px\] {
margin-top: 34px
}
.mt-\[36px\] {
margin-top: 36px
}
.mt-\[48px\] {
margin-top: 48px
}
.mt-\[4px\] {
margin-top: 4px
}
.mt-\[50px\] {
margin-top: 50px
}
.mt-\[60px\] {
margin-top: 60px
}
.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: .75rem
}
.mt-xl {
margin-top: 2rem
}
.mt-xs {
margin-top: .5rem
}
.box-border {
box-sizing: border-box
}
.box-content {
box-sizing: initial
}
.line-clamp-1 {
-webkit-line-clamp: 1
}
.line-clamp-1,
.line-clamp-12 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.line-clamp-12 {
-webkit-line-clamp: 12
}
.line-clamp-2 {
-webkit-line-clamp: 2
}
.line-clamp-2,
.line-clamp-3 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.line-clamp-3 {
-webkit-line-clamp: 3
}
.line-clamp-4 {
-webkit-line-clamp: 4
}
.line-clamp-4,
.line-clamp-5 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.line-clamp-5 {
-webkit-line-clamp: 5
}
.line-clamp-6 {
-webkit-line-clamp: 6
}
.line-clamp-6,
.line-clamp-8 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.line-clamp-8 {
-webkit-line-clamp: 8
}
.\!block {
display: block !important
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.\!flex {
display: flex !important
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.\!table {
display: table !important
}
.table {
display: table
}
.inline-table {
display: inline-table
}
.table-cell {
display: table-cell
}
.table-row-group {
display: table-row-group
}
.table-row {
display: table-row
}
.grid {
display: grid
}
.inline-grid {
display: inline-grid
}
.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-\[32\/9\] {
aspect-ratio: 32/9
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3
}
.aspect-square {
aspect-ratio: 1/1
}
.size-sm {
height: .75rem;
width: .75rem
}
.\!h-\[24px\] {
height: 24px !important
}
.\!h-auto {
height: auto !important
}
.h-0 {
height: 0
}
.h-100 {
height: 100%
}
.h-2xl {
height: 3rem
}
.h-2xs {
height: .25rem
}
.h-3xl {
height: 4rem
}
.h-4xl {
height: 6rem
}
.h-5xl {
height: 8rem
}
.h-\[\.25rem\] {
height: .25rem
}
.h-\[\.375rem\] {
height: .375rem
}
.h-\[\.5rem\] {
height: .5rem
}
.h-\[\.75rem\] {
height: .75rem
}
.h-\[1\.5rem\] {
height: 1.5rem
}
.h-\[1\.75rem\] {
height: 1.75rem
}
.h-\[1\.7rem\] {
height: 1.7rem
}
.h-\[100px\] {
height: 100px
}
.h-\[100vh\] {
height: 100vh
}
.h-\[1024px\] {
height: 1024px
}
.h-\[104px\] {
height: 104px
}
.h-\[108px\] {
height: 108px
}
.h-\[10px\] {
height: 10px
}
.h-\[11\.5px\] {
height: 11.5px
}
.h-\[110px\] {
height: 110px
}
.h-\[1120px\] {
height: 1120px
}
.h-\[112px\] {
height: 112px
}
.h-\[114px\] {
height: 114px
}
.h-\[115px\] {
height: 115px
}
.h-\[118px\] {
height: 118px
}
.h-\[120px\] {
height: 120px
}
.h-\[124px\] {
height: 124px
}
.h-\[125px\] {
height: 125px
}
.h-\[126px\] {
height: 126px
}
.h-\[128px\] {
height: 128px
}
.h-\[129px\] {
height: 129px
}
.h-\[12px\] {
height: 12px
}
.h-\[12rem\] {
height: 12rem
}
.h-\[135\%\] {
height: 135%
}
.h-\[140px\] {
height: 140px
}
.h-\[144px\] {
height: 144px
}
.h-\[146px\] {
height: 146px
}
.h-\[148px\] {
height: 148px
}
.h-\[14px\] {
height: 14px
}
.h-\[150px\] {
height: 150px
}
.h-\[151px\] {
height: 151px
}
.h-\[159px\] {
height: 159px
}
.h-\[160px\] {
height: 160px
}
.h-\[161px\] {
height: 161px
}
.h-\[164px\] {
height: 164px
}
.h-\[168px\] {
height: 168px
}
.h-\[16px\] {
height: 16px
}
.h-\[170px\] {
height: 170px
}
.h-\[175px\] {
height: 175px
}
.h-\[176px\] {
height: 176px
}
.h-\[177px\] {
height: 177px
}
.h-\[17rem\] {
height: 17rem
}
.h-\[180px\] {
height: 180px
}
.h-\[184px\] {
height: 184px
}
.h-\[185px\] {
height: 185px
}
.h-\[18px\] {
height: 18px
}
.h-\[190px\] {
height: 190px
}
.h-\[192px\] {
height: 192px
}
.h-\[196px\] {
height: 196px
}
.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-\[209px\] {
height: 209px
}
.h-\[20px\] {
height: 20px
}
.h-\[210px\] {
height: 210px
}
.h-\[213px\] {
height: 213px
}
.h-\[218px\] {
height: 218px
}
.h-\[21px\] {
height: 21px
}
.h-\[228px\] {
height: 228px
}
.h-\[22px\] {
height: 22px
}
.h-\[240px\] {
height: 240px
}
.h-\[24px\] {
height: 24px
}
.h-\[250px\] {
height: 250px
}
.h-\[280px\] {
height: 280px
}
.h-\[285px\] {
height: 285px
}
.h-\[289px\] {
height: 289px
}
.h-\[28px\] {
height: 28px
}
.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-\[328px\] {
height: 328px
}
.h-\[32px\] {
height: 32px
}
.h-\[33px\] {
height: 33px
}
.h-\[348px\] {
height: 348px
}
.h-\[34px\] {
height: 34px
}
.h-\[350px\] {
height: 350px
}
.h-\[360px\] {
height: 360px
}
.h-\[36px\] {
height: 36px
}
.h-\[370px\] {
height: 370px
}
.h-\[374px\] {
height: 374px
}
.h-\[38px\] {
height: 38px
}
.h-\[396px\] {
height: 396px
}
.h-\[3rem\] {
height: 3rem
}
.h-\[4\.5rem\] {
height: 4.5rem
}
.h-\[400px\] {
height: 400px
}
.h-\[40px\] {
height: 40px
}
.h-\[420px\] {
height: 420px
}
.h-\[42px\] {
height: 42px
}
.h-\[434px\] {
height: 434px
}
.h-\[44px\] {
height: 44px
}
.h-\[452px\] {
height: 452px
}
.h-\[455px\] {
height: 455px
}
.h-\[46px\] {
height: 46px
}
.h-\[470px\] {
height: 470px
}
.h-\[485px\] {
height: 485px
}
.h-\[48px\] {
height: 48px
}
.h-\[494px\] {
height: 494px
}
.h-\[4px\] {
height: 4px
}
.h-\[4rem\] {
height: 4rem
}
.h-\[5\.5rem\] {
height: 5.5rem
}
.h-\[500px\] {
height: 500px
}
.h-\[50px\] {
height: 50px
}
.h-\[50vh\] {
height: 50vh
}
.h-\[520px\] {
height: 520px
}
.h-\[52px\] {
height: 52px
}
.h-\[550px\] {
height: 550px
}
.h-\[55vh\] {
height: 55vh
}
.h-\[562px\] {
height: 562px
}
.h-\[56px\] {
height: 56px
}
.h-\[580px\] {
height: 580px
}
.h-\[584px\] {
height: 584px
}
.h-\[58px\] {
height: 58px
}
.h-\[5rem\] {
height: 5rem
}
.h-\[600px\] {
height: 600px
}
.h-\[60px\] {
height: 60px
}
.h-\[628px\] {
height: 628px
}
.h-\[62px\] {
height: 62px
}
.h-\[63px\] {
height: 63px
}
.h-\[644px\] {
height: 644px
}
.h-\[64px\] {
height: 64px
}
.h-\[65px\] {
height: 65px
}
.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-\[73px\] {
height: 73px
}
.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-\[83px\] {
height: 83px
}
.h-\[84px\] {
height: 84px
}
.h-\[88px\] {
height: 88px
}
.h-\[8px\] {
height: 8px
}
.h-\[8rem\] {
height: 8rem
}
.h-\[90px\] {
height: 90px
}
.h-\[91px\] {
height: 91px
}
.h-\[92px\] {
height: 92px
}
.h-\[93px\] {
height: 93px
}
.h-\[96px\] {
height: 96px
}
.h-\[97px\] {
height: 97px
}
.h-\[98px\] {
height: 98px
}
.h-\[auto\] {
height: auto
}
.h-\[calc\(100dvh-var\(--shreddit-header-height\)\)\] {
height: calc(100dvh - var(--shreddit-header-height))
}
.h-\[calc\(100vh-64px-56px\)\] {
height: calc(100vh - 120px)
}
.h-\[calc\(100vh-7\.5rem\)\] {
height: calc(100vh - 7.5rem)
}
.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\)-120px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 120px)
}
.h-\[calc\(100vh-var\(--shreddit-header-height\)-130px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 130px)
}
.h-\[calc\(100vh-var\(--shreddit-header-height\)-1px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 1px)
}
.h-\[calc\(100vh-var\(--shreddit-header-height\)-2px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 2px)
}
.h-\[calc\(100vh-var\(--shreddit-header-height\)-48px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 48px)
}
.h-\[calc\(100vh-var\(--shreddit-header-height\)-var\(--shreddit-bottom-padding\)\)\] {
height: calc(100vh - var(--shreddit-header-height) - var(--shreddit-bottom-padding))
}
.h-\[calc\(100vh-var\(--shreddit-header-large-height\)-100px\)\] {
height: calc(100vh - var(--shreddit-header-large-height) - 100px)
}
.h-\[var\(--accessory-container-height\)\] {
height: var(--accessory-container-height)
}
.h-\[var\(--gallery-max-h\)\] {
height: var(--gallery-max-h)
}
.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\(--rem20\)\] {
height: var(--rem20)
}
.h-\[var\(--rem28\)\] {
height: var(--rem28)
}
.h-\[var\(--rem32\)\] {
height: var(--rem32)
}
.h-\[var\(--rem36\)\] {
height: var(--rem36)
}
.h-auto {
height: auto
}
.h-dvh {
height: 100dvh
}
.h-fit {
height: fit-content
}
.h-full {
height: 100%
}
.h-header-large {
height: var(--shreddit-header-large-height)
}
.h-header-small {
height: var(--shreddit-header-height)
}
.h-lg {
height: 1.5rem
}
.h-lvh {
height: 100lvh
}
.h-md {
height: 1rem
}
.h-min {
height: min-content
}
.h-px {
height: 1px
}
.h-screen {
height: 100vh
}
.h-screen-without-header {
height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-height) - 1px)
}
.h-screen-without-header-large {
height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-large-height) - 1px)
}
.h-sm {
height: .75rem
}
.h-xl {
height: 2rem
}
.h-xs {
height: .5rem
}
.\!max-h-0 {
max-height: 0 !important
}
.\!max-h-none {
max-height: none !important
}
.max-h-0 {
max-height: 0
}
.max-h-2xl {
max-height: 3rem
}
.max-h-3xl {
max-height: 4rem
}
.max-h-\[1\.5rem\] {
max-height: 1.5rem
}
.max-h-\[1000px\] {
max-height: 1000px
}
.max-h-\[100vw\] {
max-height: 100vw
}
.max-h-\[107px\] {
max-height: 107px
}
.max-h-\[1120px\] {
max-height: 1120px
}
.max-h-\[128px\] {
max-height: 128px
}
.max-h-\[13\.125rem\] {
max-height: 13.125rem
}
.max-h-\[130\%\] {
max-height: 130%
}
.max-h-\[130px\] {
max-height: 130px
}
.max-h-\[140px\] {
max-height: 140px
}
.max-h-\[148px\] {
max-height: 148px
}
.max-h-\[150px\] {
max-height: 150px
}
.max-h-\[18px\] {
max-height: 18px
}
.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-\[2\.5em\] {
max-height: 2.5em
}
.max-h-\[2\.5rem\] {
max-height: 2.5rem
}
.max-h-\[20rem\] {
max-height: 20rem
}
.max-h-\[228px\] {
max-height: 228px
}
.max-h-\[232px\] {
max-height: 232px
}
.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-\[280px\] {
max-height: 280px
}
.max-h-\[294px\] {
max-height: 294px
}
.max-h-\[2em\] {
max-height: 2em
}
.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-\[330px\] {
max-height: 330px
}
.max-h-\[336px\] {
max-height: 336px
}
.max-h-\[348px\] {
max-height: 348px
}
.max-h-\[350px\] {
max-height: 350px
}
.max-h-\[370px\] {
max-height: 370px
}
.max-h-\[375px\] {
max-height: 375px
}
.max-h-\[384px\] {
max-height: 384px
}
.max-h-\[385px\] {
max-height: 385px
}
.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-\[520px\] {
max-height: 520px
}
.max-h-\[532px\] {
max-height: 532px
}
.max-h-\[540px\] {
max-height: 540px
}
.max-h-\[560px\] {
max-height: 560px
}
.max-h-\[590px\] {
max-height: 590px
}
.max-h-\[596px\] {
max-height: 596px
}
.max-h-\[600px\] {
max-height: 600px
}
.max-h-\[62px\] {
max-height: 62px
}
.max-h-\[640px\] {
max-height: 640px
}
.max-h-\[651px\] {
max-height: 651px
}
.max-h-\[67vh\] {
max-height: 67vh
}
.max-h-\[70vh\] {
max-height: 70vh
}
.max-h-\[711px\] {
max-height: 711px
}
.max-h-\[740px\] {
max-height: 740px
}
.max-h-\[768px\] {
max-height: 768px
}
.max-h-\[80\%\] {
max-height: 80%
}
.max-h-\[80px\] {
max-height: 80px
}
.max-h-\[80vh\] {
max-height: 80vh
}
.max-h-\[90vh\] {
max-height: 90vh
}
.max-h-\[95vh\] {
max-height: 95vh
}
.max-h-\[calc\(100dvh_-_8rem\)\] {
max-height: calc(100dvh - 8rem)
}
.max-h-\[calc\(100vh-128px\)\] {
max-height: calc(100vh - 128px)
}
.max-h-\[calc\(100vh-155px\)\] {
max-height: calc(100vh - 155px)
}
.max-h-\[calc\(100vh-175px\)\] {
max-height: calc(100vh - 175px)
}
.max-h-\[calc\(100vh-240px\)\] {
max-height: calc(100vh - 240px)
}
.max-h-\[calc\(100vh-300px\)\] {
max-height: calc(100vh - 300px)
}
.max-h-\[calc\(100vh-64px\)\] {
max-height: calc(100vh - 64px)
}
.max-h-\[calc\(100vh-var\(--shreddit-header-height\)-15px-10px\)\] {
max-height: calc(100vh - var(--shreddit-header-height) - 25px)
}
.max-h-\[calc\(100vh-var\(--shreddit-header-height\)-1px\)\] {
max-height: calc(100vh - var(--shreddit-header-height) - 1px)
}
.max-h-\[calc\(100vh-var\(--shreddit-header-height\)-33px\)\] {
max-height: calc(100vh - var(--shreddit-header-height) - 33px)
}
.max-h-\[calc\(100vh-var\(--shreddit-header-height\)-6\.25rem\)\] {
max-height: calc(100vh - var(--shreddit-header-height) - 6.25rem)
}
.max-h-\[calc\(var\(--dvh-unit\)\*100-var\(--shreddit-header-height\)-1px\)\] {
max-height: calc(var(--dvh-unit)*100 - var(--shreddit-header-height) - 1px)
}
.max-h-\[calc\(var\(--viewport-height\)-220px\)\] {
max-height: calc(var(--viewport-height) - 220px)
}
.max-h-\[calc\(var\(--viewport-height\)-var\(--size-5xl\)\)\] {
max-height: calc(var(--viewport-height) - var(--size-5xl))
}
.max-h-\[max\(23vw\2c 250px\)\] {
max-height: max(23vw, 250px)
}
.max-h-\[min\(20vw\2c 150px\)\] {
max-height: min(20vw, 150px)
}
.max-h-\[min\(230px\2c 100\%\)\] {
max-height: min(230px, 100%)
}
.max-h-\[unset\] {
max-height: unset
}
.max-h-\[var\(--gallery-max-h\)\] {
max-height: var(--gallery-max-h)
}
.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-screen-without-header {
max-height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-height) - 1px)
}
.max-h-xl {
max-height: 2rem
}
.min-h-0 {
min-height: 0
}
.min-h-2xl {
min-height: 3rem
}
.min-h-3xl {
min-height: 4rem
}
.min-h-4xl {
min-height: 6rem
}
.min-h-5xl {
min-height: 8rem
}
.min-h-\[0px\] {
min-height: 0
}
.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-\[12px\] {
min-height: 12px
}
.min-h-\[132px\] {
min-height: 132px
}
.min-h-\[144px\] {
min-height: 144px
}
.min-h-\[150px\] {
min-height: 150px
}
.min-h-\[15rem\] {
min-height: 15rem
}
.min-h-\[180px\] {
min-height: 180px
}
.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-\[200px\] {
min-height: 200px
}
.min-h-\[20px\] {
min-height: 20px
}
.min-h-\[240px\] {
min-height: 240px
}
.min-h-\[24px\] {
min-height: 24px
}
.min-h-\[260px\] {
min-height: 260px
}
.min-h-\[28px\] {
min-height: 28px
}
.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-\[350px\] {
min-height: 350px
}
.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-\[45\%\] {
min-height: 45%
}
.min-h-\[480px\] {
min-height: 480px
}
.min-h-\[500px\] {
min-height: 500px
}
.min-h-\[506px\] {
min-height: 506px
}
.min-h-\[56px\] {
min-height: 56px
}
.min-h-\[584px\] {
min-height: 584px
}
.min-h-\[58px\] {
min-height: 58px
}
.min-h-\[5rem\] {
min-height: 5rem
}
.min-h-\[600px\] {
min-height: 600px
}
.min-h-\[60px\] {
min-height: 60px
}
.min-h-\[60vh\] {
min-height: 60vh
}
.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-\[900px\] {
min-height: 900px
}
.min-h-\[90px\] {
min-height: 90px
}
.min-h-\[93px\] {
min-height: 93px
}
.min-h-\[auto\] {
min-height: auto
}
.min-h-\[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\)-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-\[var\(--shreddit-header-height\)\] {
min-height: var(--shreddit-header-height)
}
.min-h-full {
min-height: 100%
}
.min-h-lg {
min-height: 1.5rem
}
.min-h-md {
min-height: 1rem
}
.min-h-px {
min-height: 1px
}
.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-sm {
min-height: .75rem
}
.min-h-xl {
min-height: 2rem
}
.\!w-auto {
width: auto !important
}
.\!w-lg {
width: 1.5rem !important
}
.\!w-md {
width: 1rem !important
}
.w-0 {
width: 0
}
.w-1\/2 {
width: 50%
}
.w-1\/3 {
width: 33.333333%
}
.w-1\/4 {
width: 25%
}
.w-1\/6 {
width: 16.666667%
}
.w-100 {
width: 100%
}
.w-11\/12 {
width: 91.666667%
}
.w-2\/3 {
width: 66.666667%
}
.w-2xl {
width: 3rem
}
.w-2xs {
width: .25rem
}
.w-3\/4 {
width: 75%
}
.w-3\/5 {
width: 60%
}
.w-3\/6 {
width: 50%
}
.w-3xl {
width: 4rem
}
.w-4\/5 {
width: 80%
}
.w-4xl {
width: 6rem
}
.w-5\/6 {
width: 83.333333%
}
.w-5xl {
width: 8rem
}
.w-\[\.25rem\] {
width: .25rem
}
.w-\[\.375rem\] {
width: .375rem
}
.w-\[\.5rem\] {
width: .5rem
}
.w-\[\.75rem\] {
width: .75rem
}
.w-\[1\.5rem\] {
width: 1.5rem
}
.w-\[1\.75rem\] {
width: 1.75rem
}
.w-\[10\%\] {
width: 10%
}
.w-\[100px\] {
width: 100px
}
.w-\[100vw\] {
width: 100vw
}
.w-\[1024px\] {
width: 1024px
}
.w-\[1080px\] {
width: 1080px
}
.w-\[109px\] {
width: 109px
}
.w-\[10px\] {
width: 10px
}
.w-\[11\.5px\] {
width: 11.5px
}
.w-\[110px\] {
width: 110px
}
.w-\[1120px\] {
width: 1120px
}
.w-\[112px\] {
width: 112px
}
.w-\[113px\] {
width: 113px
}
.w-\[114px\] {
width: 114px
}
.w-\[1164px\] {
width: 1164px
}
.w-\[1200px\] {
width: 1200px
}
.w-\[120px\] {
width: 120px
}
.w-\[124px\] {
width: 124px
}
.w-\[128px\] {
width: 128px
}
.w-\[129px\] {
width: 129px
}
.w-\[12px\] {
width: 12px
}
.w-\[12rem\] {
width: 12rem
}
.w-\[130px\] {
width: 130px
}
.w-\[131px\] {
width: 131px
}
.w-\[138px\] {
width: 138px
}
.w-\[14\%\] {
width: 14%
}
.w-\[140px\] {
width: 140px
}
.w-\[142px\] {
width: 142px
}
.w-\[145px\] {
width: 145px
}
.w-\[146px\] {
width: 146px
}
.w-\[15\%\] {
width: 15%
}
.w-\[150px\] {
width: 150px
}
.w-\[156px\] {
width: 156px
}
.w-\[15rem\] {
width: 15rem
}
.w-\[160px\] {
width: 160px
}
.w-\[164px\] {
width: 164px
}
.w-\[165px\] {
width: 165px
}
.w-\[166px\] {
width: 166px
}
.w-\[16px\] {
width: 16px
}
.w-\[170px\] {
width: 170px
}
.w-\[172px\] {
width: 172px
}
.w-\[174px\] {
width: 174px
}
.w-\[176px\] {
width: 176px
}
.w-\[178px\] {
width: 178px
}
.w-\[180px\] {
width: 180px
}
.w-\[184px\] {
width: 184px
}
.w-\[187px\] {
width: 187px
}
.w-\[190px\] {
width: 190px
}
.w-\[196px\] {
width: 196px
}
.w-\[199px\] {
width: 199px
}
.w-\[19px\] {
width: 19px
}
.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-\[200px\] {
width: 200px
}
.w-\[204px\] {
width: 204px
}
.w-\[20px\] {
width: 20px
}
.w-\[20rem\] {
width: 20rem
}
.w-\[212px\] {
width: 212px
}
.w-\[215px\] {
width: 215px
}
.w-\[219px\] {
width: 219px
}
.w-\[22\.5rem\] {
width: 22.5rem
}
.w-\[220px\] {
width: 220px
}
.w-\[224px\] {
width: 224px
}
.w-\[225px\] {
width: 225px
}
.w-\[22px\] {
width: 22px
}
.w-\[230px\] {
width: 230px
}
.w-\[236px\] {
width: 236px
}
.w-\[240px\] {
width: 240px
}
.w-\[24px\] {
width: 24px
}
.w-\[24rem\] {
width: 24rem
}
.w-\[25\%\] {
width: 25%
}
.w-\[250px\] {
width: 250px
}
.w-\[251px\] {
width: 251px
}
.w-\[25rem\] {
width: 25rem
}
.w-\[260px\] {
width: 260px
}
.w-\[262px\] {
width: 262px
}
.w-\[266px\] {
width: 266px
}
.w-\[268px\] {
width: 268px
}
.w-\[270px\] {
width: 270px
}
.w-\[272px\] {
width: 272px
}
.w-\[273px\] {
width: 273px
}
.w-\[275px\] {
width: 275px
}
.w-\[27rem\] {
width: 27rem
}
.w-\[28\%\] {
width: 28%
}
.w-\[280px\] {
width: 280px
}
.w-\[288px\] {
width: 288px
}
.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-\[304px\] {
width: 304px
}
.w-\[306px\] {
width: 306px
}
.w-\[30px\] {
width: 30px
}
.w-\[314px\] {
width: 314px
}
.w-\[316px\] {
width: 316px
}
.w-\[320px\] {
width: 320px
}
.w-\[322px\] {
width: 322px
}
.w-\[324px\] {
width: 324px
}
.w-\[327px\] {
width: 327px
}
.w-\[328px\] {
width: 328px
}
.w-\[329px\] {
width: 329px
}
.w-\[32px\] {
width: 32px
}
.w-\[32rem\] {
width: 32rem
}
.w-\[330px\] {
width: 330px
}
.w-\[336px\] {
width: 336px
}
.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-\[360px\] {
width: 360px
}
.w-\[368px\] {
width: 368px
}
.w-\[36px\] {
width: 36px
}
.w-\[370px\] {
width: 370px
}
.w-\[373px\] {
width: 373px
}
.w-\[380px\] {
width: 380px
}
.w-\[384px\] {
width: 384px
}
.w-\[388px\] {
width: 388px
}
.w-\[38px\] {
width: 38px
}
.w-\[396px\] {
width: 396px
}
.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-\[448px\] {
width: 448px
}
.w-\[44px\] {
width: 44px
}
.w-\[45\%\] {
width: 45%
}
.w-\[450px\] {
width: 450px
}
.w-\[452px\] {
width: 452px
}
.w-\[456px\] {
width: 456px
}
.w-\[468px\] {
width: 468px
}
.w-\[480px\] {
width: 480px
}
.w-\[48px\] {
width: 48px
}
.w-\[494px\] {
width: 494px
}
.w-\[4rem\] {
width: 4rem
}
.w-\[5\.5rem\] {
width: 5.5rem
}
.w-\[50\%\] {
width: 50%
}
.w-\[500px\] {
width: 500px
}
.w-\[50px\] {
width: 50px
}
.w-\[50vw\] {
width: 50vw
}
.w-\[524px\] {
width: 524px
}
.w-\[52px\] {
width: 52px
}
.w-\[532px\] {
width: 532px
}
.w-\[53px\] {
width: 53px
}
.w-\[55\%\] {
width: 55%
}
.w-\[550px\] {
width: 550px
}
.w-\[56px\] {
width: 56px
}
.w-\[584px\] {
width: 584px
}
.w-\[58px\] {
width: 58px
}
.w-\[5rem\] {
width: 5rem
}
.w-\[60\%\] {
width: 60%
}
.w-\[600px\] {
width: 600px
}
.w-\[608px\] {
width: 608px
}
.w-\[60px\] {
width: 60px
}
.w-\[62\.4px\] {
width: 62.4px
}
.w-\[62px\] {
width: 62px
}
.w-\[640px\] {
width: 640px
}
.w-\[64px\] {
width: 64px
}
.w-\[66px\] {
width: 66px
}
.w-\[68px\] {
width: 68px
}
.w-\[69\%\] {
width: 69%
}
.w-\[692px\] {
width: 692px
}
.w-\[6rem\] {
width: 6rem
}
.w-\[70\%\] {
width: 70%
}
.w-\[70px\] {
width: 70px
}
.w-\[70vw\] {
width: 70vw
}
.w-\[720px\] {
width: 720px
}
.w-\[728px\] {
width: 728px
}
.w-\[72px\] {
width: 72px
}
.w-\[730px\] {
width: 730px
}
.w-\[736px\] {
width: 736px
}
.w-\[74px\] {
width: 74px
}
.w-\[75\%\] {
width: 75%
}
.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-\[85\%\] {
width: 85%
}
.w-\[86px\] {
width: 86px
}
.w-\[88px\] {
width: 88px
}
.w-\[8px\] {
width: 8px
}
.w-\[90\%\] {
width: 90%
}
.w-\[90px\] {
width: 90px
}
.w-\[90vw\] {
width: 90vw
}
.w-\[92px\] {
width: 92px
}
.w-\[94px\] {
width: 94px
}
.w-\[95\%\] {
width: 95%
}
.w-\[950px\] {
width: 950px
}
.w-\[95px\] {
width: 95px
}
.w-\[95vw\] {
width: 95vw
}
.w-\[96\%\] {
width: 96%
}
.w-\[96px\] {
width: 96px
}
.w-\[97px\] {
width: 97px
}
.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\%-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\(100\%-var\(--spacer-xl\)\)\] {
width: calc(100% - var(--spacer-xl))
}
.w-\[calc\(100\%_-_5rem\)\] {
width: calc(100% - 5rem)
}
.w-\[calc\(100vw-2rem\)\] {
width: calc(100vw - 2rem)
}
.w-\[calc\(100vw-32px\)\] {
width: calc(100vw - 32px)
}
.w-\[calc\(100vw-80px\)\] {
width: calc(100vw - 80px)
}
.w-\[calc\(100vw-var\(--size-2xl\)\)\] {
width: calc(100vw - var(--size-2xl))
}
.w-\[calc\(50\%\+0\.5px\)\] {
width: calc(50% + .5px)
}
.w-\[inherit\] {
width: inherit
}
.w-\[var\(--accessory-container-width\)\] {
width: var(--accessory-container-width)
}
.w-\[var\(--confirmation-modal-width\)\] {
width: var(--confirmation-modal-width)
}
.w-\[var\(--content-width\)\] {
width: var(--content-width)
}
.w-\[var\(--emote-size\)\] {
width: var(--emote-size)
}
.w-\[var\(--gallery-max-h\)\] {
width: var(--gallery-max-h)
}
.w-\[var\(--icon-badge-container-width\)\] {
width: var(--icon-badge-container-width)
}
.w-\[var\(--rem20\)\] {
width: var(--rem20)
}
.w-\[var\(--rem28\)\] {
width: var(--rem28)
}
.w-\[var\(--rem36\)\] {
width: var(--rem36)
}
.w-\[var\(--right-rail-width\)\] {
width: var(--right-rail-width)
}
.w-\[var\(--wv-modal-width\)\] {
width: var(--wv-modal-width)
}
.w-auto {
width: auto
}
.w-fit {
width: fit-content
}
.w-full {
width: 100%
}
.w-lg {
width: 1.5rem
}
.w-max {
width: max-content
}
.w-md {
width: 1rem
}
.w-min {
width: min-content
}
.w-px {
width: 1px
}
.w-screen {
width: 100vw
}
.w-sm {
width: .75rem
}
.w-xl {
width: 2rem
}
.w-xs {
width: .5rem
}
.min-w-0 {
min-width: 0
}
.min-w-100 {
min-width: 100%
}
.min-w-2xs {
min-width: .25rem
}
.min-w-4xl {
min-width: 6rem
}
.min-w-5xl {
min-width: 8rem
}
.min-w-\[0\.5rem\] {
min-width: .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-\[15rem\] {
min-width: 15rem
}
.min-w-\[170px\] {
min-width: 170px
}
.min-w-\[174px\] {
min-width: 174px
}
.min-w-\[175px\] {
min-width: 175px
}
.min-w-\[180px\] {
min-width: 180px
}
.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-\[220px\] {
min-width: 220px
}
.min-w-\[256px\] {
min-width: 256px
}
.min-w-\[272px\] {
min-width: 272px
}
.min-w-\[277px\] {
min-width: 277px
}
.min-w-\[280px\] {
min-width: 280px
}
.min-w-\[288px\] {
min-width: 288px
}
.min-w-\[28px\] {
min-width: 28px
}
.min-w-\[2rem\] {
min-width: 2rem
}
.min-w-\[3\.25rem\] {
min-width: 3.25rem
}
.min-w-\[300px\] {
min-width: 300px
}
.min-w-\[312px\] {
min-width: 312px
}
.min-w-\[316px\] {
min-width: 316px
}
.min-w-\[320px\] {
min-width: 320px
}
.min-w-\[32px\] {
min-width: 32px
}
.min-w-\[34px\] {
min-width: 34px
}
.min-w-\[350px\] {
min-width: 350px
}
.min-w-\[358px\] {
min-width: 358px
}
.min-w-\[368px\] {
min-width: 368px
}
.min-w-\[36px\] {
min-width: 36px
}
.min-w-\[384px\] {
min-width: 384px
}
.min-w-\[38px\] {
min-width: 38px
}
.min-w-\[3rem\] {
min-width: 3rem
}
.min-w-\[4\.5rem\] {
min-width: 4.5rem
}
.min-w-\[400px\] {
min-width: 400px
}
.min-w-\[40px\] {
min-width: 40px
}
.min-w-\[42px\] {
min-width: 42px
}
.min-w-\[432px\] {
min-width: 432px
}
.min-w-\[500px\] {
min-width: 500px
}
.min-w-\[50px\] {
min-width: 50px
}
.min-w-\[52px\] {
min-width: 52px
}
.min-w-\[55\%\] {
min-width: 55%
}
.min-w-\[5rem\] {
min-width: 5rem
}
.min-w-\[610px\] {
min-width: 610px
}
.min-w-\[632px\] {
min-width: 632px
}
.min-w-\[69px\] {
min-width: 69px
}
.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-\[8rem\] {
min-width: 8rem
}
.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-lg {
min-width: 1.5rem
}
.min-w-max {
min-width: max-content
}
.min-w-px {
min-width: 1px
}
.\!max-w-\[448px\] {
max-width: 448px !important
}
.max-w-0 {
max-width: 0
}
.max-w-100 {
max-width: 100%
}
.max-w-2xl {
max-width: 42rem
}
.max-w-3xl {
max-width: 48rem
}
.max-w-4xl {
max-width: 56rem
}
.max-w-\[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-\[110px\] {
max-width: 110px
}
.max-w-\[115px\] {
max-width: 115px
}
.max-w-\[120px\] {
max-width: 120px
}
.max-w-\[124px\] {
max-width: 124px
}
.max-w-\[12rem\] {
max-width: 12rem
}
.max-w-\[1340px\] {
max-width: 1340px
}
.max-w-\[140px\] {
max-width: 140px
}
.max-w-\[144px\] {
max-width: 144px
}
.max-w-\[148px\] {
max-width: 148px
}
.max-w-\[14rem\] {
max-width: 14rem
}
.max-w-\[1500px\] {
max-width: 1500px
}
.max-w-\[150px\] {
max-width: 150px
}
.max-w-\[160px\] {
max-width: 160px
}
.max-w-\[164px\] {
max-width: 164px
}
.max-w-\[169px\] {
max-width: 169px
}
.max-w-\[170px\] {
max-width: 170px
}
.max-w-\[176px\] {
max-width: 176px
}
.max-w-\[180px\] {
max-width: 180px
}
.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-\[24px\] {
max-width: 24px
}
.max-w-\[250px\] {
max-width: 250px
}
.max-w-\[260px\] {
max-width: 260px
}
.max-w-\[262px\] {
max-width: 262px
}
.max-w-\[274px\] {
max-width: 274px
}
.max-w-\[280px\] {
max-width: 280px
}
.max-w-\[285px\] {
max-width: 285px
}
.max-w-\[294px\] {
max-width: 294px
}
.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-\[340px\] {
max-width: 340px
}
.max-w-\[343px\] {
max-width: 343px
}
.max-w-\[348px\] {
max-width: 348px
}
.max-w-\[350px\] {
max-width: 350px
}
.max-w-\[352px\] {
max-width: 352px
}
.max-w-\[360px\] {
max-width: 360px
}
.max-w-\[370px\] {
max-width: 370px
}
.max-w-\[375px\] {
max-width: 375px
}
.max-w-\[378px\] {
max-width: 378px
}
.max-w-\[380px\] {
max-width: 380px
}
.max-w-\[38px\] {
max-width: 38px
}
.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-\[448px\] {
max-width: 448px
}
.max-w-\[453px\] {
max-width: 453px
}
.max-w-\[460px\] {
max-width: 460px
}
.max-w-\[480px\] {
max-width: 480px
}
.max-w-\[500px\] {
max-width: 500px
}
.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-\[652px\] {
max-width: 652px
}
.max-w-\[688px\] {
max-width: 688px
}
.max-w-\[700px\] {
max-width: 700px
}
.max-w-\[720px\] {
max-width: 720px
}
.max-w-\[725px\] {
max-width: 725px
}
.max-w-\[732px\] {
max-width: 732px
}
.max-w-\[736px\] {
max-width: 736px
}
.max-w-\[750px\] {
max-width: 750px
}
.max-w-\[756px\] {
max-width: 756px
}
.max-w-\[764px\] {
max-width: 764px
}
.max-w-\[768px\] {
max-width: 768px
}
.max-w-\[80\%\] {
max-width: 80%
}
.max-w-\[800px\] {
max-width: 800px
}
.max-w-\[8rem\] {
max-width: 8rem
}
.max-w-\[90\%\] {
max-width: 90%
}
.max-w-\[90px\] {
max-width: 90px
}
.max-w-\[90vw\] {
max-width: 90vw
}
.max-w-\[922px\] {
max-width: 922px
}
.max-w-\[940px\] {
max-width: 940px
}
.max-w-\[950px\] {
max-width: 950px
}
.max-w-\[96\%\] {
max-width: 96%
}
.max-w-\[960px\] {
max-width: 960px
}
.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\(100dvw_-_20rem\)\] {
max-width: calc(100dvw - 20rem)
}
.max-w-\[calc\(100vw-32px\)\] {
max-width: calc(100vw - 32px)
}
.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\(230px\2c 100\%\)\] {
max-width: min(230px, 100%)
}
.max-w-\[unset\] {
max-width: unset
}
.max-w-\[var\(--flair-max-width\)\] {
max-width: var(--flair-max-width)
}
.max-w-\[var\(--gallery-max-w\)\] {
max-width: var(--gallery-max-w)
}
.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-md {
max-width: 28rem
}
.max-w-none {
max-width: none
}
.max-w-screen-l {
max-width: 1416px
}
.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_0_0\] {
flex: 1 0 0
}
.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
}
.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-\[126px\] {
flex-basis: 126px
}
.basis-\[140px\] {
flex-basis: 140px
}
.basis-\[18\%\] {
flex-basis: 18%
}
.basis-\[20px\] {
flex-basis: 20px
}
.basis-\[210px\] {
flex-basis: 210px
}
.basis-\[232px\] {
flex-basis: 232px
}
.basis-\[260px\] {
flex-basis: 260px
}
.basis-\[28px\] {
flex-basis: 28px
}
.basis-\[38\%\] {
flex-basis: 38%
}
.basis-\[400px\] {
flex-basis: 400px
}
.basis-\[40px\] {
flex-basis: 40px
}
.basis-\[42\%\] {
flex-basis: 42%
}
.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-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: initial
}
.border-spacing-xs {
--tw-border-spacing-x: 0.5rem;
--tw-border-spacing-y: 0.5rem;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.origin-bottom {
transform-origin: bottom
}
.origin-bottom-right {
transform-origin: bottom right
}
.origin-center {
transform-origin: center
}
.origin-left {
transform-origin: left
}
.origin-top-left {
transform-origin: top left
}
.-rotate-45,
.-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-full,
.translate-x-px,
.translate-y-0,
.translate-y-1\/2,
.translate-y-4xl,
.translate-y-full,
.translate-y-px {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-rotate-45 {
--tw-rotate: -45deg
}
.-rotate-90 {
--tw-rotate: -90deg
}
.-rotate-90,
.rotate-180 {
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
}
.rotate-45 {
--tw-rotate: 45deg
}
.rotate-45,
.rotate-90 {
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
}
.skew-x-0 {
--tw-skew-x: 0deg
}
.scale-0,
.skew-x-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-0 {
--tw-scale-x: 0;
--tw-scale-y: 0
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1
}
.scale-100,
.scale-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-75 {
--tw-scale-x: .75;
--tw-scale-y: .75
}
.scale-90 {
--tw-scale-x: .9;
--tw-scale-y: .9
}
.scale-90,
.scale-\[\.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-\[\.68\] {
--tw-scale-x: .68;
--tw-scale-y: .68
}
.scale-\[1\.2\] {
--tw-scale-x: 1.2;
--tw-scale-y: 1.2
}
.scale-\[1\.2\],
.scale-\[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
}
.scale-\[4\] {
--tw-scale-x: 4;
--tw-scale-y: 4
}
.-scale-x-100,
.scale-\[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
}
.scale-x-100 {
--tw-scale-x: 1
}
.scale-x-100,
.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 {
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
}
.animate-\[fade-in_0\.2s_ease-in\] {
animation: fade-in .2s ease-in
}
.animate-\[fade-in_0\.5s_ease-in\] {
animation: fade-in .5s ease-in
}
@keyframes fade-in {
0% {
background-color: var(--color-neutral-background-hover);
opacity: 0
}
75% {
background-color: var(--color-neutral-background-hover)
}
to {
background-color: unset;
opacity: 1
}
}
.animate-\[fade-in_1000ms_ease-in_backwards\] {
animation: fade-in 1s ease-in backwards
}
.animate-\[spin_2s_linear_infinite\] {
animation: spin 2s linear infinite
}
.animate-\[typing-indicator-bounce_2s_0\.0s_ease-in_infinite\] {
animation: typing-indicator-bounce 2s ease-in 0s infinite
}
.animate-\[typing-indicator-bounce_2s_0\.2s_ease-in_infinite\] {
animation: typing-indicator-bounce 2s ease-in .2s infinite
}
@keyframes typing-indicator-bounce {
0% {
transform: translate(0)
}
20% {
transform: translateY(-3px)
}
40% {
transform: translate(0)
}
}
.animate-\[typing-indicator-bounce_2s_0\.4s_ease-in_infinite\] {
animation: typing-indicator-bounce 2s ease-in .4s infinite
}
@keyframes blink {
50% {
border-color: var(--color-neutral-border-strong)
}
}
.animate-blink {
animation: blink .9s step-end infinite
}
@keyframes ping {
75%,
to {
opacity: 0;
transform: scale(2)
}
}
.animate-ping {
animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}
.animate-pulse {
animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.animate-spin {
animation: spin 1s linear infinite
}
.cursor-auto {
cursor: auto
}
.cursor-default {
cursor: default
}
.cursor-grab {
cursor: grab
}
.cursor-help {
cursor: help
}
.cursor-none {
cursor: none
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-nwse-resize {
cursor: nwse-resize
}
.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-all {
user-select: all
}
.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
}
.scroll-m-\[80px\] {
scroll-margin: 80px
}
.scroll-mt-3xl {
scroll-margin-top: 4rem
}
.scroll-mt-4xl {
scroll-margin-top: 6rem
}
.list-inside {
list-style-position: inside
}
.list-disc {
list-style-type: disc
}
.list-none {
list-style-type: none
}
.appearance-none {
appearance: none
}
.auto-cols-\[calc\(50\%-0\.5rem\)\] {
grid-auto-columns: calc(50% - .5rem)
}
.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\] {
grid-template-columns: 1fr
}
.grid-cols-\[1fr_110px\] {
grid-template-columns: 1fr 110px
}
.grid-cols-\[1fr_1fr_8px\] {
grid-template-columns: 1fr 1fr 8px
}
.grid-cols-\[1fr_4fr\] {
grid-template-columns: 1fr 4fr
}
.grid-cols-\[1fr_80px_80px_80px_80px\] {
grid-template-columns: 1fr 80px 80px 80px 80px
}
.grid-cols-\[1fr_8px\] {
grid-template-columns: 1fr 8px
}
.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_2px_1rem_2px_1rem\] {
grid-template-columns: auto 2px 1rem 2px 1rem
}
.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 _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-1 {
grid-template-rows: repeat(1, minmax(0, 1fr))
}
.grid-rows-\[1fr\] {
grid-template-rows: 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
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-around {
justify-content: space-around
}
.justify-evenly {
justify-content: space-evenly
}
.justify-stretch {
justify-content: stretch
}
.justify-items-start {
justify-items: start
}
.justify-items-end {
justify-items: end
}
.justify-items-center {
justify-items: center
}
.\!gap-0 {
gap: 0 !important
}
.gap-0 {
gap: 0
}
.gap-2xl {
gap: 3rem
}
.gap-2xs {
gap: .25rem
}
.gap-3xl {
gap: 4rem
}
.gap-\[0\.5rem\] {
gap: .5rem
}
.gap-\[0\.625rem\] {
gap: .625rem
}
.gap-\[0\.75rem\] {
gap: .75rem
}
.gap-\[1\.5rem\] {
gap: 1.5rem
}
.gap-\[12px\] {
gap: 12px
}
.gap-\[15\%\] {
gap: 15%
}
.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-\[3px\] {
gap: 3px
}
.gap-\[40px\] {
gap: 40px
}
.gap-\[4px\] {
gap: 4px
}
.gap-\[6px\] {
gap: 6px
}
.gap-\[6rem\] {
gap: 6rem
}
.gap-\[75px\] {
gap: 75px
}
.gap-\[8px\] {
gap: 8px
}
.gap-\[var\(--rem16\)\] {
gap: var(--rem16)
}
.gap-\[var\(--rem4\)\] {
gap: var(--rem4)
}
.gap-lg {
gap: 1.5rem
}
.gap-md {
gap: 1rem
}
.gap-px {
gap: 1px
}
.gap-sm {
gap: .75rem
}
.gap-xl {
gap: 2rem
}
.gap-xs {
gap: .5rem
}
.gap-x-2xl {
column-gap: 3rem
}
.gap-x-2xs {
column-gap: .25rem
}
.gap-x-3xl {
column-gap: 4rem
}
.gap-x-\[10px\] {
column-gap: 10px
}
.gap-x-\[12px\] {
column-gap: 12px
}
.gap-x-\[2px\] {
column-gap: 2px
}
.gap-x-\[5px\] {
column-gap: 5px
}
.gap-x-\[8px\] {
column-gap: 8px
}
.gap-x-lg {
column-gap: 1.5rem
}
.gap-x-md {
column-gap: 1rem
}
.gap-x-sm {
column-gap: .75rem
}
.gap-x-xl {
column-gap: 2rem
}
.gap-x-xs {
column-gap: .5rem
}
.gap-y-2xs {
row-gap: .25rem
}
.gap-y-\[20px\] {
row-gap: 20px
}
.gap-y-lg {
row-gap: 1.5rem
}
.gap-y-md {
row-gap: 1rem
}
.gap-y-sm {
row-gap: .75rem
}
.gap-y-xl {
row-gap: 2rem
}
.gap-y-xs {
row-gap: .5rem
}
.space-x-md>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(1rem*var(--tw-space-x-reverse))
}
.space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(0px*var(--tw-space-y-reverse));
margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}
.space-y-\[14px\]>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(14px*var(--tw-space-y-reverse));
margin-top: calc(14px*(1 - var(--tw-space-y-reverse)))
}
.space-y-md>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1rem*var(--tw-space-y-reverse));
margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}
.space-y-sm>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}
.divide-x-0>:not([hidden])~:not([hidden]) {
--tw-divide-x-reverse: 0;
border-left-width: calc(0rem*(1 - var(--tw-divide-x-reverse)));
border-right-width: calc(0rem*var(--tw-divide-x-reverse))
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-bottom-width: calc(.0625rem*var(--tw-divide-y-reverse));
border-top-width: calc(.0625rem*(1 - var(--tw-divide-y-reverse)))
}
.divide-y-\[2px\]>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-bottom-width: calc(2px*var(--tw-divide-y-reverse));
border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)))
}
.divide-solid>:not([hidden])~:not([hidden]) {
border-style: solid
}
.divide-neutral-border-weak>:not([hidden])~:not([hidden]) {
border-color: var(--color-neutral-border-weak)
}
.place-self-center {
place-self: center
}
.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 !important
}
.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-clip {
overflow-x: clip
}
.overflow-x-visible {
overflow-x: visible
}
.overflow-x-scroll {
overflow-x: scroll
}
.overflow-y-scroll {
overflow-y: scroll
}
.overscroll-auto {
overscroll-behavior: auto
}
.overscroll-contain {
overscroll-behavior: contain
}
.overscroll-none {
overscroll-behavior: none
}
.scroll-smooth {
scroll-behavior: smooth
}
.truncate {
overflow: hidden;
white-space: nowrap
}
.overflow-ellipsis,
.text-ellipsis,
.truncate {
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-balance {
text-wrap: balance
}
.text-pretty {
text-wrap: pretty
}
.break-normal {
overflow-wrap: normal;
word-break: normal
}
.break-words {
overflow-wrap: break-word
}
.break-all {
word-break: break-all
}
.\!rounded-full {
border-radius: 624.9375rem !important
}
.\!rounded-none {
border-radius: 0 !important
}
.rounded-1 {
border-radius: .25rem
}
.rounded-2 {
border-radius: .5rem
}
.rounded-4 {
border-radius: 1rem
}
.rounded-5 {
border-radius: 1.25rem
}
.rounded-6 {
border-radius: 1.5rem
}
.rounded-8 {
border-radius: 2rem
}
.rounded-\[\.75rem\] {
border-radius: .75rem
}
.rounded-\[0\.125rem\] {
border-radius: .125rem
}
.rounded-\[0\.75rem\] {
border-radius: .75rem
}
.rounded-\[100px\] {
border-radius: 100px
}
.rounded-\[10px\] {
border-radius: 10px
}
.rounded-\[128px\] {
border-radius: 128px
}
.rounded-\[12px\] {
border-radius: 12px
}
.rounded-\[14px\] {
border-radius: 14px
}
.rounded-\[15px\] {
border-radius: 15px
}
.rounded-\[16px\] {
border-radius: 16px
}
.rounded-\[20px\] {
border-radius: 20px
}
.rounded-\[22px\] {
border-radius: 22px
}
.rounded-\[24px\] {
border-radius: 24px
}
.rounded-\[256px\] {
border-radius: 256px
}
.rounded-\[2px\] {
border-radius: 2px
}
.rounded-\[3\.25rem\] {
border-radius: 3.25rem
}
.rounded-\[3px\] {
border-radius: 3px
}
.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\(--radius-4\)\] {
border-radius: var(--radius-4)
}
.rounded-\[var\(--rem8\)\] {
border-radius: var(--rem8)
}
.rounded-full {
border-radius: 624.9375rem
}
.rounded-lg {
border-radius: 2rem
}
.rounded-md {
border-radius: 1.25rem
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: .25rem
}
.rounded-b-\[0\.5rem\] {
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem
}
.rounded-b-\[16px\] {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px
}
.rounded-b-\[8px\] {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
.rounded-b-none {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.rounded-b-sm {
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem
}
.rounded-l-\[0\.5rem\] {
border-bottom-left-radius: .5rem;
border-top-left-radius: .5rem
}
.rounded-l-\[0\.75rem\] {
border-bottom-left-radius: .75rem;
border-top-left-radius: .75rem
}
.rounded-l-\[12px\] {
border-bottom-left-radius: 12px;
border-top-left-radius: 12px
}
.rounded-l-\[6px\] {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.rounded-l-full {
border-bottom-left-radius: 624.9375rem;
border-top-left-radius: 624.9375rem
}
.rounded-l-sm {
border-bottom-left-radius: .25rem;
border-top-left-radius: .25rem
}
.rounded-r-\[0\.5rem\] {
border-bottom-right-radius: .5rem;
border-top-right-radius: .5rem
}
.rounded-r-\[0\.75rem\] {
border-bottom-right-radius: .75rem;
border-top-right-radius: .75rem
}
.rounded-r-\[12px\] {
border-bottom-right-radius: 12px;
border-top-right-radius: 12px
}
.rounded-r-\[6px\] {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.rounded-r-full {
border-bottom-right-radius: 624.9375rem;
border-top-right-radius: 624.9375rem
}
.rounded-r-sm {
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem
}
.rounded-s-\[16px\] {
border-end-start-radius: 16px;
border-start-start-radius: 16px
}
.rounded-t-\[0\.5rem\] {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem
}
.rounded-t-\[12px\] {
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.rounded-t-\[16px\] {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.rounded-t-\[1rem\] {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.rounded-t-\[20px\] {
border-top-left-radius: 20px;
border-top-right-radius: 20px
}
.rounded-t-\[6px\] {
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.rounded-t-\[8px\] {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.rounded-t-lg {
border-top-left-radius: 2rem;
border-top-right-radius: 2rem
}
.rounded-t-md {
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.rounded-t-sm {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.rounded-bl-\[0\.5rem\] {
border-bottom-left-radius: .5rem
}
.rounded-bl-\[12px\] {
border-bottom-left-radius: 12px
}
.rounded-bl-none {
border-bottom-left-radius: 0
}
.rounded-br-\[8px\] {
border-bottom-right-radius: 8px
}
.rounded-br-none {
border-bottom-right-radius: 0
}
.rounded-ee-\[0\.5rem\] {
border-end-end-radius: .5rem
}
.rounded-ee-\[6px\] {
border-end-end-radius: 6px
}
.rounded-es-\[0\.5rem\] {
border-end-start-radius: .5rem
}
.rounded-es-\[12px\] {
border-end-start-radius: 12px
}
.rounded-es-\[6px\] {
border-end-start-radius: 6px
}
.rounded-se-\[16px\] {
border-start-end-radius: 16px
}
.rounded-se-\[6px\] {
border-start-end-radius: 6px
}
.rounded-se-md {
border-start-end-radius: 1.25rem
}
.rounded-ss-\[16px\] {
border-start-start-radius: 16px
}
.rounded-ss-\[6px\] {
border-start-start-radius: 6px
}
.rounded-ss-md {
border-start-start-radius: 1.25rem
}
.rounded-tl-\[1\.25rem\] {
border-top-left-radius: 1.25rem
}
.rounded-tr-\[1\.25rem\] {
border-top-right-radius: 1.25rem
}
.rounded-tr-\[8px\] {
border-top-right-radius: 8px
}
.\!border-0 {
border-width: 0 !important
}
.border {
border-width: .0625rem
}
.border-0 {
border-width: 0
}
.border-\[0\.125rem\] {
border-width: .125rem
}
.border-\[0\.1875rem\] {
border-width: .1875rem
}
.border-\[0\.5px\] {
border-width: .5px
}
.border-\[1px\] {
border-width: 1px
}
.border-\[2px\] {
border-width: 2px
}
.border-\[3px\] {
border-width: 3px
}
.border-\[4px\] {
border-width: 4px
}
.border-\[5px\] {
border-width: 5px
}
.border-lg {
border-width: .25rem
}
.border-md {
border-width: .125rem
}
.border-sm {
border-width: .0625rem
}
.border-x-0 {
border-left-width: 0;
border-right-width: 0
}
.border-y-0 {
border-bottom-width: 0;
border-top-width: 0
}
.border-y-sm {
border-top-width: .0625rem
}
.border-b,
.border-y-sm {
border-bottom-width: .0625rem
}
.border-b-0 {
border-bottom-width: 0
}
.border-b-\[1px\] {
border-bottom-width: 1px
}
.border-b-\[2px\] {
border-bottom-width: 2px
}
.border-b-sm {
border-bottom-width: .0625rem
}
.border-e-0 {
border-inline-end-width: 0
}
.border-l {
border-left-width: .0625rem
}
.border-l-0 {
border-left-width: 0
}
.border-l-\[1px\] {
border-left-width: 1px
}
.border-l-md {
border-left-width: .125rem
}
.border-l-sm {
border-left-width: .0625rem
}
.border-r {
border-right-width: .0625rem
}
.border-r-0 {
border-right-width: 0
}
.border-r-sm {
border-right-width: .0625rem
}
.border-s {
border-inline-start-width: .0625rem
}
.border-s-0 {
border-inline-start-width: 0
}
.border-s-\[1px\] {
border-inline-start-width: 1px
}
.border-s-lg {
border-inline-start-width: .25rem
}
.border-s-md {
border-inline-start-width: .125rem
}
.border-s-sm {
border-inline-start-width: .0625rem
}
.border-t {
border-top-width: .0625rem
}
.border-t-0 {
border-top-width: 0
}
.border-t-\[1px\] {
border-top-width: 1px
}
.border-t-sm {
border-top-width: .0625rem
}
.border-solid {
border-style: solid
}
.border-dashed {
border-style: dashed
}
.border-dotted {
border-style: dotted
}
.border-hidden {
border-style: hidden
}
.border-none {
border-style: none
}
.\!border-\[\#006C56\] {
--tw-border-opacity: 1 !important;
border-color: rgb(0 108 86/var(--tw-border-opacity)) !important
}
.border-\[\#dadce0\] {
--tw-border-opacity: 1;
border-color: rgb(218 220 224/var(--tw-border-opacity))
}
.border-\[color\:var\(--button-border-color-default\)\] {
border-color: var(--button-border-color-default)
}
.border-\[color\:var\(--button-border-color-disabled\)\] {
border-color: var(--button-border-color-disabled)
}
.border-\[color\:var\(--color-media-border-weak\)\] {
border-color: var(--color-media-border-weak)
}
.border-\[var\(--color-a-default\)\] {
border-color: var(--color-a-default)
}
.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-\[var\(--color-ui-modalbackground\)\] {
border-color: var(--color-ui-modalbackground)
}
.border-action-downvote {
border-color: var(--color-action-downvote)
}
.border-action-secondary {
border-color: var(--color-action-secondary)
}
.border-action-upvote {
border-color: var(--color-action-upvote)
}
.border-alert-caution {
border-color: var(--color-alert-caution)
}
.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-black\/20 {
border-color: rgba(0, 0, 0, .2)
}
.border-coolgray-100 {
--tw-border-opacity: 1;
border-color: rgb(219 228 233/var(--tw-border-opacity))
}
.border-coolgray-350 {
--tw-border-opacity: 1;
border-color: rgb(139 162 173/var(--tw-border-opacity))
}
.border-coolgray-450 {
--tw-border-opacity: 1;
border-color: rgb(116 135 145/var(--tw-border-opacity))
}
.border-danger-background {
border-color: var(--color-danger-background)
}
.border-danger-content {
border-color: var(--color-danger-content)
}
.border-global-gold {
border-color: var(--color-global-gold)
}
.border-global-offline {
border-color: var(--color-global-offline)
}
.border-global-online {
border-color: var(--color-global-online)
}
.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-inverted-neutral-border {
border-color: var(--color-inverted-neutral-border)
}
.border-mintgreen-600 {
--tw-border-opacity: 1;
border-color: rgb(0 108 86/var(--tw-border-opacity))
}
.border-neutral-background {
border-color: var(--color-neutral-background)
}
.border-neutral-background-container {
border-color: var(--color-neutral-background-container)
}
.border-neutral-background-gilded {
border-color: var(--color-neutral-background-gilded)
}
.border-neutral-background-selected {
border-color: var(--color-neutral-background-selected)
}
.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-strong {
border-color: var(--color-neutral-border-strong)
}
.border-neutral-border-weak {
border-color: var(--color-neutral-border-weak)
}
.border-neutral-content {
border-color: var(--color-neutral-content)
}
.border-neutral-content-weak {
border-color: var(--color-neutral-content-weak)
}
.border-primary {
border-color: var(--color-primary)
}
.border-primary-border {
border-color: var(--color-primary-border)
}
.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-warning-content {
border-color: var(--color-warning-content)
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255/var(--tw-border-opacity))
}
.border-white-opacity-20 {
border-color: #ffffff33
}
.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-b-secondary-plain {
border-bottom-color: var(--color-secondary-plain)
}
.border-e-neutral-border {
border-inline-end-color: var(--color-neutral-border)
}
.border-e-neutral-border-weak {
border-inline-end-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-s-neutral-border-weak {
border-inline-start-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-t-tone-4 {
border-top-color: var(--color-tone-4)
}
.border-t-transparent {
border-top-color: transparent
}
.border-opacity-10 {
--tw-border-opacity: 0.1
}
.border-opacity-20 {
--tw-border-opacity: 0.2
}
.\!bg-\[\#E6FFF9\] {
--tw-bg-opacity: 1 !important;
background-color: rgb(230 255 249/var(--tw-bg-opacity)) !important
}
.\!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: initial !important
}
.bg-\[\#00E2B7\] {
--tw-bg-opacity: 1;
background-color: rgb(0 226 183/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-\[\#FFD5C6\] {
--tw-bg-opacity: 1;
background-color: rgb(255 213 198/var(--tw-bg-opacity))
}
.bg-\[\#FFE88F\] {
--tw-bg-opacity: 1;
background-color: rgb(255 232 143/var(--tw-bg-opacity))
}
.bg-\[\#d7dfe2\] {
--tw-bg-opacity: 1;
background-color: rgb(215 223 226/var(--tw-bg-opacity))
}
.bg-\[\#ffffff\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[--slider-bg\] {
background-color: var(--slider-bg)
}
.bg-\[--slider-fill\] {
background-color: var(--slider-fill)
}
.bg-\[color\:var\(--button-color-background-default\)\] {
background-color: var(--button-color-background-default)
}
.bg-\[color\:var\(--button-color-background-disabled\)\] {
background-color: var(--button-color-background-disabled)
}
.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, .6)
}
.bg-\[var\(--color-banner-plain\)\] {
background-color: var(--color-banner-plain)
}
.bg-\[var\(--color-caution-background\)\] {
background-color: var(--color-caution-background)
}
.bg-\[var\(--rpl-hovercard-background-color\)\] {
background-color: var(--rpl-hovercard-background-color)
}
.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-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-opacity-60 {
background-color: #00000099
}
.bg-black-opacity-80 {
background-color: #000000cc
}
.bg-black\/20 {
background-color: rgba(0, 0, 0, .2)
}
.bg-black\/50 {
background-color: rgba(0, 0, 0, .5)
}
.bg-black\/60 {
background-color: rgba(0, 0, 0, .6)
}
.bg-black\/70 {
background-color: rgba(0, 0, 0, .7)
}
.bg-brand-background {
background-color: var(--color-brand-background)
}
.bg-brand-secondary-limegreen_base {
--tw-bg-opacity: 1;
background-color: rgb(174 239 15/var(--tw-bg-opacity))
}
.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-50 {
--tw-bg-opacity: 1;
background-color: rgb(238 241 243/var(--tw-bg-opacity))
}
.bg-coolgray-500 {
--tw-bg-opacity: 1;
background-color: rgb(102 119 128/var(--tw-bg-opacity))
}
.bg-coolgray-550 {
--tw-bg-opacity: 1;
background-color: rgb(92 108 116/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-background {
background-color: var(--color-downvote-background)
}
.bg-global-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-global-brand-orangered {
--tw-bg-opacity: 1;
background-color: rgb(255 69 0/var(--tw-bg-opacity))
}
.bg-global-orangered {
background-color: var(--color-global-orangered)
}
.bg-global-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-interactive-background-disabled {
background-color: var(--color-interactive-background-disabled)
}
.bg-interactive-content-disabled {
background-color: var(--color-interactive-content-disabled)
}
.bg-inverted-neutral-background {
background-color: var(--color-inverted-neutral-background)
}
.bg-kiwigreen-100 {
--tw-bg-opacity: 1;
background-color: rgb(168 245 160/var(--tw-bg-opacity))
}
.bg-kiwigreen-200 {
--tw-bg-opacity: 1;
background-color: rgb(88 225 91/var(--tw-bg-opacity))
}
.bg-kiwigreen-25 {
--tw-bg-opacity: 1;
background-color: rgb(235 253 231/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-kiwigreen-900 {
--tw-bg-opacity: 1;
background-color: rgb(13 32 5/var(--tw-bg-opacity))
}
.bg-lightblue-300 {
--tw-bg-opacity: 1;
background-color: rgb(2 185 251/var(--tw-bg-opacity))
}
.bg-media-background {
background-color: var(--color-media-background)
}
.bg-mintgreen-200 {
--tw-bg-opacity: 1;
background-color: rgb(0 226 183/var(--tw-bg-opacity))
}
.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-gilded-hover {
background-color: var(--color-neutral-background-gilded-hover)
}
.bg-neutral-background-highlighted-strong {
background-color: var(--color-neutral-background-highlighted-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-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-400 {
--tw-bg-opacity: 1;
background-color: rgb(255 69 0/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-700 {
--tw-bg-opacity: 1;
background-color: rgb(64 1 234/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-sakurapink-400 {
--tw-bg-opacity: 1;
background-color: rgb(255 56 187/var(--tw-bg-opacity))
}
.bg-scrim {
background-color: var(--color-scrim)
}
.bg-secondary-background {
background-color: var(--color-secondary-background)
}
.bg-secondary-background-hover {
background-color: var(--color-secondary-background-hover)
}
.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: initial
}
.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-white\/30 {
background-color: hsla(0, 0%, 100%, .3)
}
.bg-white\/60 {
background-color: hsla(0, 0%, 100%, .6)
}
.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-15 {
--tw-bg-opacity: 0.15
}
.bg-opacity-55 {
--tw-bg-opacity: 0.55
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7
}
.bg-opacity-\[0\.07\] {
--tw-bg-opacity: 0.07
}
.bg-\[image\:var\(--color-avatar-gradient\)\] {
background-image: var(--color-avatar-gradient)
}
.bg-\[image\:var\(--small-banner\)\] {
background-image: var(--small-banner)
}
.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\:var\(--color-neutral-background\)\] {
--tw-gradient-from: var(--color-neutral-background) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[color\:var\(--gallery-gradient-bg\2c var\(--color-neutral-background\)\)\] {
--tw-gradient-from: var(--gallery-gradient-bg, var(--color-neutral-background)) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-berrypurple-900 {
--tw-gradient-from: #300643 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(48, 6, 67, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-black\/80 {
--tw-gradient-from: rgba(0, 0, 0, .8) var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-orangered-500 {
--tw-gradient-from: #d93900 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(217, 57, 0, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-transparent {
--tw-gradient-from: transparent var(--tw-gradient-from-position);
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-black\/25 {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgba(0, 0, 0, .25) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-\[var\(--color-neutral-background\)\] {
--tw-gradient-to: var(--color-neutral-background) var(--tw-gradient-to-position)
}
.to-lightblue-500 {
--tw-gradient-to: #007fae var(--tw-gradient-to-position)
}
.to-orangered-400 {
--tw-gradient-to: #ff4500 var(--tw-gradient-to-position)
}
.to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.to-100\% {
--tw-gradient-to-position: 100%
}
.bg-\[length\:100\%_177px\] {
background-size: 100% 177px
}
.bg-\[length\:296px\] {
background-size: 296px
}
.bg-contain {
background-size: contain
}
.bg-cover {
background-size: cover
}
.bg-clip-content {
background-clip: content-box
}
.bg-\[center_35\%\] {
background-position: center 35%
}
.bg-center {
background-position: 50%
}
.bg-left {
background-position: 0
}
.bg-top {
background-position: top
}
.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-border {
fill: var(--color-neutral-border)
}
.fill-neutral-border-medium {
fill: var(--color-neutral-border-medium)
}
.fill-neutral-content-weak {
fill: var(--color-neutral-content-weak)
}
.fill-primary-background {
fill: var(--color-primary-background)
}
.fill-secondary-plain {
fill: var(--color-secondary-plain)
}
.object-contain {
object-fit: contain
}
.object-cover {
object-fit: cover
}
.object-fill {
object-fit: fill
}
.object-scale-down {
object-fit: scale-down
}
.object-bottom {
object-position: bottom
}
.object-center {
object-position: center
}
.object-top {
object-position: top
}
.\!p-0 {
padding: 0 !important
}
.\!p-2xs {
padding: .25rem !important
}
.p-0 {
padding: 0
}
.p-2xl {
padding: 3rem
}
.p-2xs {
padding: .25rem
}
.p-3xl {
padding: 4rem
}
.p-\[10px\] {
padding: 10px
}
.p-\[12px\] {
padding: 12px
}
.p-\[16px\] {
padding: 16px
}
.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-\[24px\] {
padding: 24px
}
.p-\[2px\] {
padding: 2px
}
.p-\[4px\] {
padding: 4px
}
.p-\[56px\] {
padding: 56px
}
.p-\[6px\] {
padding: 6px
}
.p-\[72px\] {
padding: 72px
}
.p-\[8px\] {
padding: 8px
}
.p-lg {
padding: 1.5rem
}
.p-md {
padding: 1rem
}
.p-px {
padding: 1px
}
.p-sm {
padding: .75rem
}
.p-xl {
padding: 2rem
}
.p-xs {
padding: .5rem
}
.\!px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.\!px-2xs {
padding-left: .25rem !important;
padding-right: .25rem !important
}
.\!px-md {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.\!px-sm {
padding-left: .75rem !important;
padding-right: .75rem !important
}
.\!px-xs {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.\!py-0 {
padding-bottom: 0 !important;
padding-top: 0 !important
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-2xs {
padding-left: .25rem;
padding-right: .25rem
}
.px-\[10px\] {
padding-left: 10px;
padding-right: 10px
}
.px-\[11px\] {
padding-left: 11px;
padding-right: 11px
}
.px-\[12px\] {
padding-left: 12px;
padding-right: 12px
}
.px-\[16px\] {
padding-left: 16px;
padding-right: 16px
}
.px-\[1rem\] {
padding-left: 1rem;
padding-right: 1rem
}
.px-\[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-\[40px\] {
padding-left: 40px;
padding-right: 40px
}
.px-\[4px\] {
padding-left: 4px;
padding-right: 4px
}
.px-\[4rem\] {
padding-left: 4rem;
padding-right: 4rem
}
.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-\[calc\(var\(--rem10\)-var\(--button-border-width\2c 0px\)\)\] {
padding-left: calc(var(--rem10) - var(--button-border-width, 0px));
padding-right: calc(var(--rem10) - var(--button-border-width, 0px))
}
.px-\[calc\(var\(--rem12\)-var\(--button-border-width\2c 0px\)\)\] {
padding-left: calc(var(--rem12) - var(--button-border-width, 0px));
padding-right: calc(var(--rem12) - var(--button-border-width, 0px))
}
.px-\[calc\(var\(--rem16\)-var\(--button-border-width\2c 0px\)\)\] {
padding-left: calc(var(--rem16) - var(--button-border-width, 0px));
padding-right: calc(var(--rem16) - var(--button-border-width, 0px))
}
.px-\[calc\(var\(--rem8\)-var\(--button-border-width\2c 0px\)\)\] {
padding-left: calc(var(--rem8) - var(--button-border-width, 0px));
padding-right: calc(var(--rem8) - var(--button-border-width, 0px))
}
.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\(--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: .75rem;
padding-right: .75rem
}
.px-xl {
padding-left: 2rem;
padding-right: 2rem
}
.px-xs {
padding-left: .5rem;
padding-right: .5rem
}
.py-0 {
padding-bottom: 0;
padding-top: 0
}
.py-2xl {
padding-bottom: 3rem;
padding-top: 3rem
}
.py-2xs {
padding-bottom: .25rem;
padding-top: .25rem
}
.py-\[1\.5rem\] {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.py-\[10px\] {
padding-bottom: 10px;
padding-top: 10px
}
.py-\[12px\] {
padding-bottom: 12px;
padding-top: 12px
}
.py-\[19px\] {
padding-bottom: 19px;
padding-top: 19px
}
.py-\[1px\] {
padding-bottom: 1px;
padding-top: 1px
}
.py-\[2\.875rem\] {
padding-bottom: 2.875rem;
padding-top: 2.875rem
}
.py-\[20px\] {
padding-bottom: 20px;
padding-top: 20px
}
.py-\[27px\] {
padding-bottom: 27px;
padding-top: 27px
}
.py-\[2px\] {
padding-bottom: 2px;
padding-top: 2px
}
.py-\[3px\] {
padding-bottom: 3px;
padding-top: 3px
}
.py-\[40px\] {
padding-bottom: 40px;
padding-top: 40px
}
.py-\[44px\] {
padding-bottom: 44px;
padding-top: 44px
}
.py-\[6px\] {
padding-bottom: 6px;
padding-top: 6px
}
.py-\[7px\] {
padding-bottom: 7px;
padding-top: 7px
}
.py-\[8px\] {
padding-bottom: 8px;
padding-top: 8px
}
.py-\[calc\(var\(--rem4\)-var\(--rem1\)\)\] {
padding-bottom: calc(var(--rem4) - var(--rem1));
padding-top: calc(var(--rem4) - var(--rem1))
}
.py-\[var\(--rem10\)\] {
padding-bottom: var(--rem10);
padding-top: var(--rem10)
}
.py-\[var\(--rem14\)\] {
padding-bottom: var(--rem14);
padding-top: var(--rem14)
}
.py-\[var\(--rem2\)\] {
padding-bottom: var(--rem2);
padding-top: var(--rem2)
}
.py-\[var\(--rem6\)\] {
padding-bottom: var(--rem6);
padding-top: var(--rem6)
}
.py-lg {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.py-md {
padding-bottom: 1rem;
padding-top: 1rem
}
.py-px {
padding-bottom: 1px;
padding-top: 1px
}
.py-sm {
padding-bottom: .75rem;
padding-top: .75rem
}
.py-xl {
padding-bottom: 2rem;
padding-top: 2rem
}
.py-xs {
padding-bottom: .5rem;
padding-top: .5rem
}
.\!pl-0 {
padding-left: 0 !important
}
.pb-0 {
padding-bottom: 0
}
.pb-2xl {
padding-bottom: 3rem
}
.pb-2xs {
padding-bottom: .25rem
}
.pb-\[\.5rem\] {
padding-bottom: .5rem
}
.pb-\[0\.4rem\] {
padding-bottom: .4rem
}
.pb-\[16px\] {
padding-bottom: 16px
}
.pb-\[20px\] {
padding-bottom: 20px
}
.pb-\[22px\] {
padding-bottom: 22px
}
.pb-\[2px\] {
padding-bottom: 2px
}
.pb-\[30px\] {
padding-bottom: 30px
}
.pb-\[36px\] {
padding-bottom: 36px
}
.pb-\[3px\] {
padding-bottom: 3px
}
.pb-\[4px\] {
padding-bottom: 4px
}
.pb-\[50px\] {
padding-bottom: 50px
}
.pb-\[64px\] {
padding-bottom: 64px
}
.pb-\[6px\] {
padding-bottom: 6px
}
.pb-\[8px\] {
padding-bottom: 8px
}
.pb-\[9px\] {
padding-bottom: 9px
}
.pb-\[calc\(var\(--spacer-xl\)\+env\(safe-area-inset-bottom\)\)\] {
padding-bottom: calc(var(--spacer-xl) + env(safe-area-inset-bottom))
}
.pb-\[env\(safe-area-inset-bottom\)\] {
padding-bottom: env(safe-area-inset-bottom)
}
.pb-lg {
padding-bottom: 1.5rem
}
.pb-md {
padding-bottom: 1rem
}
.pb-px {
padding-bottom: 1px
}
.pb-sm {
padding-bottom: .75rem
}
.pb-xl {
padding-bottom: 2rem
}
.pb-xs {
padding-bottom: .5rem
}
.pe-0 {
padding-inline-end: 0
}
.pe-2xl {
padding-inline-end: 3rem
}
.pe-2xs {
padding-inline-end: .25rem
}
.pe-3xl {
padding-inline-end: 4rem
}
.pe-\[0\.1875rem\] {
padding-inline-end: .1875rem
}
.pe-\[0\.375rem\] {
padding-inline-end: .375rem
}
.pe-\[0\.625rem\] {
padding-inline-end: .625rem
}
.pe-\[10px\] {
padding-inline-end: 10px
}
.pe-\[12px\] {
padding-inline-end: 12px
}
.pe-\[2px\] {
padding-inline-end: 2px
}
.pe-\[40px\] {
padding-inline-end: 40px
}
.pe-\[6px\] {
padding-inline-end: 6px
}
.pe-\[calc\(var\(--rem6\)-var\(--rem1\)\)\] {
padding-inline-end: calc(var(--rem6) - var(--rem1))
}
.pe-\[var\(--rem12\)\] {
padding-inline-end: var(--rem12)
}
.pe-\[var\(--rem14\)\] {
padding-inline-end: var(--rem14)
}
.pe-\[var\(--rem16\)\] {
padding-inline-end: var(--rem16)
}
.pe-\[var\(--rem8\)\] {
padding-inline-end: var(--rem8)
}
.pe-lg {
padding-inline-end: 1.5rem
}
.pe-md {
padding-inline-end: 1rem
}
.pe-sm {
padding-inline-end: .75rem
}
.pe-xl {
padding-inline-end: 2rem
}
.pe-xs {
padding-inline-end: .5rem
}
.pl-0 {
padding-left: 0
}
.pl-2xl {
padding-left: 3rem
}
.pl-2xs {
padding-left: .25rem
}
.pl-\[115px\] {
padding-left: 115px
}
.pl-\[12px\] {
padding-left: 12px
}
.pl-\[26px\] {
padding-left: 26px
}
.pl-\[6px\] {
padding-left: 6px
}
.pl-\[8px\] {
padding-left: 8px
}
.pl-\[var\(--rem10\)\] {
padding-left: var(--rem10)
}
.pl-lg {
padding-left: 1.5rem
}
.pl-md {
padding-left: 1rem
}
.pl-px {
padding-left: 1px
}
.pl-sm {
padding-left: .75rem
}
.pl-xl {
padding-left: 2rem
}
.pl-xs {
padding-left: .5rem
}
.pr-0 {
padding-right: 0
}
.pr-2xl {
padding-right: 3rem
}
.pr-2xs {
padding-right: .25rem
}
.pr-\[15px\] {
padding-right: 15px
}
.pr-\[4px\] {
padding-right: 4px
}
.pr-\[50px\] {
padding-right: 50px
}
.pr-\[6px\] {
padding-right: 6px
}
.pr-\[var\(--rem14\)\] {
padding-right: var(--rem14)
}
.pr-lg {
padding-right: 1.5rem
}
.pr-md {
padding-right: 1rem
}
.pr-sm {
padding-right: .75rem
}
.pr-xl {
padding-right: 2rem
}
.pr-xs {
padding-right: .5rem
}
.ps-0 {
padding-inline-start: 0
}
.ps-2xs {
padding-inline-start: .25rem
}
.ps-\[10px\] {
padding-inline-start: 10px
}
.ps-\[110px\] {
padding-inline-start: 110px
}
.ps-\[115px\] {
padding-inline-start: 115px
}
.ps-\[12px\] {
padding-inline-start: 12px
}
.ps-\[15px\] {
padding-inline-start: 15px
}
.ps-\[1rem\] {
padding-inline-start: 1rem
}
.ps-\[20px\] {
padding-inline-start: 20px
}
.ps-\[2px\] {
padding-inline-start: 2px
}
.ps-\[32px\] {
padding-inline-start: 32px
}
.ps-\[3px\] {
padding-inline-start: 3px
}
.ps-\[4px\] {
padding-inline-start: 4px
}
.ps-\[6px\] {
padding-inline-start: 6px
}
.ps-\[calc\(var\(--rem12\)-var\(--rem1\)\)\] {
padding-inline-start: calc(var(--rem12) - var(--rem1))
}
.ps-\[var\(--rem10\)\] {
padding-inline-start: var(--rem10)
}
.ps-\[var\(--rem12\)\] {
padding-inline-start: var(--rem12)
}
.ps-\[var\(--rem14\)\] {
padding-inline-start: var(--rem14)
}
.ps-\[var\(--rem16\)\] {
padding-inline-start: var(--rem16)
}
.ps-lg {
padding-inline-start: 1.5rem
}
.ps-md {
padding-inline-start: 1rem
}
.ps-sm {
padding-inline-start: .75rem
}
.ps-xl {
padding-inline-start: 2rem
}
.ps-xs {
padding-inline-start: .5rem
}
.pt-0 {
padding-top: 0
}
.pt-2xl {
padding-top: 3rem
}
.pt-2xs {
padding-top: .25rem
}
.pt-3xl {
padding-top: 4rem
}
.pt-\[0\.6rem\] {
padding-top: .6rem
}
.pt-\[10px\] {
padding-top: 10px
}
.pt-\[12px\] {
padding-top: 12px
}
.pt-\[13px\] {
padding-top: 13px
}
.pt-\[20px\] {
padding-top: 20px
}
.pt-\[2px\] {
padding-top: 2px
}
.pt-\[40px\] {
padding-top: 40px
}
.pt-\[42px\] {
padding-top: 42px
}
.pt-\[4px\] {
padding-top: 4px
}
.pt-\[50px\] {
padding-top: 50px
}
.pt-\[52px\] {
padding-top: 52px
}
.pt-\[64px\] {
padding-top: 64px
}
.pt-\[6px\] {
padding-top: 6px
}
.pt-\[72px\] {
padding-top: 72px
}
.pt-\[7px\] {
padding-top: 7px
}
.pt-\[80px\] {
padding-top: 80px
}
.pt-\[8px\] {
padding-top: 8px
}
.pt-\[var\(--page-y-padding\)\] {
padding-top: var(--page-y-padding)
}
.pt-lg {
padding-top: 1.5rem
}
.pt-md {
padding-top: 1rem
}
.pt-sm {
padding-top: .75rem
}
.pt-xl {
padding-top: 2rem
}
.pt-xs {
padding-top: .5rem
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-justify {
text-align: justify
}
.text-start {
text-align: start
}
.text-end {
text-align: end
}
.indent-0 {
text-indent: 0
}
.align-baseline {
vertical-align: initial
}
.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-20 {
font-size: 1.25rem !important;
line-height: 1.25rem !important
}
.text-10 {
font-size: .625rem;
line-height: 1rem
}
.text-11 {
font-size: .6875rem;
line-height: 1rem
}
.text-12,
.text-12\/4 {
font-size: .75rem;
line-height: 1rem
}
.text-13 {
font-size: .8125rem;
line-height: 1rem
}
.text-14,
.text-14\/5 {
font-size: .875rem;
line-height: 1.25rem
}
.text-15 {
font-size: .9375rem
}
.text-15,
.text-16 {
line-height: 1.25rem
}
.text-16 {
font-size: 1rem
}
.text-18 {
font-size: 1.125rem;
line-height: 1.5rem
}
.text-20 {
font-size: 1.25rem;
line-height: 1.25rem
}
.text-24 {
font-size: 1.5rem;
line-height: 1.75rem
}
.text-32 {
font-size: 2rem;
line-height: 2.25rem
}
.text-48 {
font-size: 3rem;
line-height: 3rem
}
.text-64 {
font-size: 4rem;
line-height: 4rem
}
.text-\[1\.4rem\] {
font-size: 1.4rem
}
.text-\[1\.75rem\] {
font-size: 1.75rem
}
.text-\[10px\] {
font-size: 10px
}
.text-\[11px\] {
font-size: 11px
}
.text-\[12px\] {
font-size: 12px
}
.text-\[13px\] {
font-size: 13px
}
.text-\[14px\] {
font-size: 14px
}
.text-\[15px\] {
font-size: 15px
}
.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-\[2em\] {
font-size: 2em
}
.text-\[2rem\] {
font-size: 2rem
}
.text-\[3\.5rem\] {
font-size: 3.5rem
}
.text-\[32px\] {
font-size: 32px
}
.text-\[32px\]\/\[44\.52px\] {
font-size: 32px;
line-height: 44.52px
}
.text-\[34px\] {
font-size: 34px
}
.text-\[3rem\] {
font-size: 3rem
}
.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-body-1 {
font-size: var(--font-body-1-size);
font-weight: var(--font-body-1-weight);
letter-spacing: var(--font-body-1-kerning);
line-height: var(--font-body-1-line-height)
}
.text-body-2 {
font-size: var(--font-body-2-size);
font-weight: var(--font-body-2-weight);
letter-spacing: var(--font-body-2-kerning);
line-height: var(--font-body-2-line-height)
}
.text-caption-1 {
font-size: var(--font-caption-1-size);
font-weight: var(--font-caption-1-weight);
letter-spacing: var(--font-caption-1-kerning);
line-height: var(--font-caption-1-line-height)
}
.text-caption-2 {
font-size: var(--font-caption-2-size);
font-weight: var(--font-caption-2-weight);
letter-spacing: var(--font-caption-2-kerning);
line-height: var(--font-caption-2-line-height)
}
.text-display {
font-size: var(--font-display-size);
font-weight: var(--font-display-weight);
letter-spacing: var(--font-display-kerning);
line-height: var(--font-display-line-height)
}
.text-headline {
font-size: var(--font-headline-size);
font-weight: var(--font-headline-weight);
letter-spacing: var(--font-headline-kerning);
line-height: var(--font-headline-line-height)
}
.text-huge-display {
font-size: var(--font-huge-display-size);
font-weight: var(--font-huge-display-weight);
letter-spacing: var(--font-huge-display-kerning);
line-height: var(--font-huge-display-line-height)
}
.text-inherit {
font-size: inherit;
line-height: inherit
}
.text-label-1 {
font-size: var(--font-label-1-size);
font-weight: var(--font-label-1-weight);
letter-spacing: var(--font-label-1-kerning);
line-height: var(--font-label-1-line-height)
}
.text-label-2 {
font-size: var(--font-label-2-size);
font-weight: var(--font-label-2-weight);
letter-spacing: var(--font-label-2-kerning);
line-height: var(--font-label-2-line-height)
}
.text-title-1 {
font-size: var(--font-title-1-size);
font-weight: var(--font-title-1-weight);
letter-spacing: var(--font-title-1-kerning);
line-height: var(--font-title-1-line-height)
}
.text-title-2 {
font-size: var(--font-title-2-size);
font-weight: var(--font-title-2-weight);
letter-spacing: var(--font-title-2-kerning);
line-height: var(--font-title-2-line-height)
}
.text-title-3 {
font-size: var(--font-title-3-size);
font-weight: var(--font-title-3-weight);
letter-spacing: var(--font-title-3-kerning);
line-height: var(--font-title-3-line-height)
}
.font-\[500\] {
font-weight: 500
}
.font-\[600\] {
font-weight: 600
}
.font-\[800\] {
font-weight: 800
}
.font-\[900\] {
font-weight: 900
}
.font-\[var\(--font-title-h4\)\] {
font-weight: var(--font-title-h4)
}
.font-bold {
font-weight: 700
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.uppercase {
text-transform: uppercase
}
.\!lowercase {
text-transform: lowercase !important
}
.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: .85rem
}
.leading-\[0\] {
line-height: 0
}
.leading-\[1\.25\] {
line-height: 1.25
}
.leading-\[14px\] {
line-height: 14px
}
.leading-\[1rem\] {
line-height: 1rem
}
.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-relaxed {
line-height: 1.625
}
.leading-tight {
line-height: 1.25
}
.tracking-\[-0\.2px\] {
letter-spacing: -.2px
}
.tracking-\[1\.2px\] {
letter-spacing: 1.2px
}
.tracking-normal {
letter-spacing: 0
}
.tracking-tight {
letter-spacing: -.025em
}
.tracking-tighter {
letter-spacing: -.05em
}
.tracking-wide {
letter-spacing: .025em
}
.tracking-wider {
letter-spacing: .05em
}
.tracking-widest {
letter-spacing: .1em
}
.\!text-\[\#00C29D\] {
--tw-text-opacity: 1 !important;
color: rgb(0 194 157/var(--tw-text-opacity)) !important
}
.\!text-danger-content {
color: var(--color-danger-content) !important
}
.\!text-media-onbackground {
color: var(--color-media-onbackground) !important
}
.\!text-neutral-content-strong {
color: var(--color-neutral-content-strong) !important
}
.\!text-tone-1 {
color: var(--color-tone-1) !important
}
.text-\[\#0F1A1C\] {
--tw-text-opacity: 1;
color: rgb(15 26 28/var(--tw-text-opacity))
}
.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-\[\#FF4500\] {
--tw-text-opacity: 1;
color: rgb(255 69 0/var(--tw-text-opacity))
}
.text-\[\#fffc\] {
color: #fffc
}
.text-\[color\:inherit\] {
color: inherit
}
.text-\[color\:var\(--button-color-text-default\)\] {
color: var(--button-color-text-default)
}
.text-\[color\:var\(--button-color-text-disabled\)\] {
color: var(--button-color-text-disabled)
}
.text-\[color\:var\(--color-a-default\)\] {
color: var(--color-a-default)
}
.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-input-helper-text\)\] {
color: var(--color-input-helper-text)
}
.text-\[color\:var\(--color-tone-2\)\] {
color: var(--color-tone-2)
}
.text-\[var\(--color-alert-negative\)\] {
color: var(--color-alert-negative)
}
.text-\[var\(--color-alert-positive\)\] {
color: var(--color-alert-positive)
}
.text-\[var\(--color-banner-plain-text\)\] {
color: var(--color-banner-plain-text)
}
.text-\[var\(--color-caution-onBackground\)\] {
color: var(--color-caution-onBackground)
}
.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-400 {
--tw-text-opacity: 1;
color: rgb(100 142 252/var(--tw-text-opacity))
}
.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-caution-plain {
color: var(--color-caution-plain)
}
.text-coolgray-200 {
--tw-text-opacity: 1;
color: rgb(183 202 212/var(--tw-text-opacity))
}
.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-50 {
--tw-text-opacity: 1;
color: rgb(238 241 243/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-900 {
--tw-text-opacity: 1;
color: rgb(24 28 31/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-danger-plain {
color: var(--color-danger-plain)
}
.text-global-admin {
color: var(--color-global-admin)
}
.text-global-alienblue {
color: var(--color-global-alienblue)
}
.text-global-black {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity))
}
.text-global-brand-orangered {
--tw-text-opacity: 1;
color: rgb(255 69 0/var(--tw-text-opacity))
}
.text-global-gold {
color: var(--color-global-gold)
}
.text-global-moderator {
color: var(--color-global-moderator)
}
.text-global-nsfw {
color: var(--color-global-nsfw)
}
.text-global-offline {
color: var(--color-global-offline)
}
.text-global-online {
color: var(--color-global-online)
}
.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-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-border-weak {
color: var(--color-neutral-border-weak)
}
.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-online {
color: var(--color-online)
}
.text-orangered-300 {
--tw-text-opacity: 1;
color: rgb(255 137 93/var(--tw-text-opacity))
}
.text-orangered-500 {
--tw-text-opacity: 1;
color: rgb(217 57 0/var(--tw-text-opacity))
}
.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-puregray-500 {
--tw-text-opacity: 1;
color: rgb(118 118 118/var(--tw-text-opacity))
}
.text-puregray-900 {
--tw-text-opacity: 1;
color: rgb(19 19 19/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-background {
color: var(--color-secondary-background)
}
.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-background {
color: var(--color-success-background)
}
.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-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-yellow-700 {
--tw-text-opacity: 1;
color: rgb(91 66 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-solid {
text-decoration-style: solid
}
.decoration-dotted {
text-decoration-style: dotted
}
.caret-transparent {
caret-color: transparent
}
.opacity-0 {
opacity: 0
}
.opacity-10 {
opacity: .1
}
.opacity-100 {
opacity: 1
}
.opacity-20 {
opacity: .2
}
.opacity-25 {
opacity: .25
}
.opacity-30 {
opacity: .3
}
.opacity-35 {
opacity: .35
}
.opacity-40 {
opacity: .4
}
.opacity-50 {
opacity: .5
}
.opacity-55 {
opacity: .55
}
.opacity-60 {
opacity: .6
}
.opacity-75 {
opacity: .75
}
.opacity-80 {
opacity: .8
}
.opacity-90 {
opacity: .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_0px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .25);
--tw-shadow-colored: 0px 0px 2px 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-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .25);
--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color)
}
.shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-\[0px_1px_8px_0px\] {
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)
}
.shadow-\[0px_2px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25);
--tw-shadow-colored: 0px 2px 2px 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-\[0px_3px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .25);
--tw-shadow-colored: 0px 3px 2px 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-\[0px_4px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
--tw-shadow: 0px 4px 2px 0px rgba(0, 0, 0, .25);
--tw-shadow-colored: 0px 4px 2px 0px var(--tw-shadow-color)
}
.shadow-\[0px_4px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],
.shadow-lg {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
--tw-shadow: var(--elevation-lg);
--tw-shadow-colored: var(--elevation-lg)
}
.shadow-md {
--tw-shadow: var(--elevation-md);
--tw-shadow-colored: var(--elevation-md)
}
.shadow-md,
.shadow-none {
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
}
.shadow-sm {
--tw-shadow: var(--elevation-sm);
--tw-shadow-colored: var(--elevation-sm)
}
.shadow-sm,
.shadow-xs {
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)
}
.shadow-\[0\.75rem\] {
--tw-shadow-color: 0.75rem;
--tw-shadow: var(--tw-shadow-colored)
}
.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: 0
}
.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: 0
}
.outline-offset-2,
.outline-offset-\[2px\] {
outline-offset: 2px
}
.outline-\[\#FF9C1A\] {
outline-color: #ff9c1a
}
.outline-\[--color-neutral-border-strong\] {
outline-color: var(--color-neutral-border-strong)
}
.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-global-white {
outline-color: #fff
}
.outline-lightblue-300 {
outline-color: #02b9fb
}
.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)
}
.blur-\[6px\] {
--tw-blur: blur(6px)
}
.blur-\[6px\],
.drop-shadow {
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)
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}
.grayscale {
--tw-grayscale: grayscale(100%)
}
.grayscale,
.invert {
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%)
}
.backdrop-blur-2xl {
--tw-backdrop-blur: blur(2.5rem)
}
.backdrop-blur-2xl,
.backdrop-blur-\[16px\] {
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-blur-\[16px\] {
--tw-backdrop-blur: blur(16px)
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(0.25rem)
}
.backdrop-blur-sm,
.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-duration: .15s;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-\[max-height\] {
transition-duration: .15s;
transition-property: max-height;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-\[max-width\] {
transition-duration: .15s;
transition-property: max-width;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-\[opacity\] {
transition-duration: .15s;
transition-property: opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-\[transform\] {
transition-duration: .15s;
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-\[width\2c height\2c border-radius\] {
transition-duration: .15s;
transition-property: width, height, border-radius;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-all {
transition-duration: .15s;
transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-colors {
transition-duration: .15s;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-opacity {
transition-duration: .15s;
transition-property: opacity;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.transition-transform {
transition-duration: .15s;
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.delay-100 {
transition-delay: .1s
}
.delay-200 {
transition-delay: .2s
}
.delay-300 {
transition-delay: .3s
}
.duration-1000 {
transition-duration: 1s
}
.duration-150 {
transition-duration: .15s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.duration-500 {
transition-duration: .5s
}
.duration-75 {
transition-duration: 75ms
}
.duration-\[1500ms\] {
transition-duration: 1.5s
}
.duration-\[250ms\] {
transition-duration: .25s
}
.ease-\[cubic-bezier\(0\.22\2c 1\2c 0\.36\2c 1\)\] {
transition-timing-function: cubic-bezier(.22, 1, .36, 1)
}
.ease-\[cubic-bezier\(0\.54\2c 1\.15\2c 1\2c 1\)\] {
transition-timing-function: cubic-bezier(.54, 1.15, 1, 1)
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.will-change-transform {
will-change: transform
}
.leading-inherit {
line-height: inherit
}
.\@container {
container-type: inline-size
}
.text-14-scalable {
font-size: .875rem;
line-height: 1.25rem
}
.text-16-scalable {
font-size: 1rem;
line-height: 1.25rem
}
.text-18-scalable {
font-size: 1.125rem;
line-height: 1.5rem
}
.text-24-scalable {
font-size: 1.5rem;
line-height: 1.75rem
}
.text-title-1-scalable {
font-size: var(--font-title-1-size);
font-weight: var(--font-title-1-weight);
letter-spacing: var(--font-title-1-kerning);
line-height: var(--font-title-1-line-height)
}
.scalable-text,
.text-10-scalable,
.text-11-scalable,
.text-12-scalable,
.text-13-scalable,
.text-14-scalable,
.text-15-scalable,
.text-16-scalable,
.text-17-scalable,
.text-18-scalable,
.text-19-scalable,
.text-20-scalable,
.text-24-scalable,
.text-32-scalable,
.text-48-scalable,
.text-64-scalable,
.text-body-1-scalable,
.text-body-2-scalable,
.text-caption-1-scalable,
.text-caption-2-scalable,
.text-display-scalable,
.text-headline-scalable,
.text-huge-display-scalable,
.text-inherit-scalable,
.text-label-1-scalable,
.text-label-2-scalable,
.text-title-1-scalable,
.text-title-2-scalable,
.text-title-3-scalable,
.text-undefined-scalable {
-webkit-text-size-adjust: clamp(100%, calc(100%*var(--preferred-text-scale)), 140%);
text-size-adjust: clamp(100%, calc(100%*var(--preferred-text-scale)), 140%)
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none
}
.scrollbar-hide::-webkit-scrollbar {
display: none;
width: 0 !important
}
.-translate-x-1\/2,
.-translate-x-2\/4 {
--tw-translate-x: -50%
}
.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-4xl {
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
}
.-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,
.-translate-y-2\/4 {
--tw-translate-y: -50%
}
.-translate-y-1\/2,
.-translate-y-2\/4,
.-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-\[2px\] {
--tw-translate-y: -2px
}
.-translate-y-full {
--tw-translate-y: -100%
}
.-translate-y-full,
.translate-x-0 {
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
}
.translate-x-1\/2 {
--tw-translate-x: 50%
}
.translate-x-1\/2,
.translate-x-4xl {
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
}
.translate-x-full {
--tw-translate-x: 100%
}
.translate-x-full,
.translate-x-px {
transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-px {
--tw-translate-x: 1px
}
.translate-y-0 {
--tw-translate-y: 0px
}
.translate-y-0,
.translate-y-1\/2 {
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%
}
.translate-y-4xl {
--tw-translate-y: 6rem
}
.translate-y-4xl,
.translate-y-full {
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%
}
.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))
}
.\[--button-border-color\:var\(--color-global-white\)\] {
--button-border-color: var(--color-global-white)
}
.\[--button-color-text\:var\(--color-global-white\)\] {
--button-color-text: var(--color-global-white)
}
.\[--color-neutral-background-hover\:var\(--color-neutral-background-strong-hover\)\] {
--color-neutral-background-hover: var(--color-neutral-background-strong-hover)
}
.\[--emote-size\:20px\] {
--emote-size: 20px
}
.\[--emote-size\:60px\] {
--emote-size: 60px
}
.\[-webkit-box-orient\:vertical\] {
-webkit-box-orient: vertical
}
.\[-webkit-line-clamp\:var\(--entity-desc-lines\2c 4\)\] {
-webkit-line-clamp: var(--entity-desc-lines, 4)
}
.\[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
}
.\[display\:-webkit-box\] {
display: -webkit-box
}
.\[font-size\:var\(--emote-size\)\] {
font-size: var(--emote-size)
}
.\[perspective\:1000px\] {
perspective: 1000px
}
.\[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)
}
.\[transform-style\:preserve-3d\] {
transform-style: preserve-3d
}
.\[transform\:rotateY\(180deg\)\] {
transform: rotateY(180deg)
}
.\[transform\:translate3d\(0\2c 0\2c 0\)\] {
transform: translateZ(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(var(--rem10)*-1)
}
.lg\:full-snoo-lg:not(.no-safe-area) {
height: var(--full-snoo-size);
margin-top: var(--full-snoo-top-spacer);
width: var(--full-snoo-size)
}
.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: 0
}
.\*\:rounded-1>* {
border-radius: .25rem
}
.first-letter\:capitalize:first-letter {
text-transform: capitalize
}
.marker\:hidden ::marker {
display: none
}
.marker\:text-primary-plain ::marker {
color: var(--color-primary-plain)
}
.marker\:hidden::marker {
display: none
}
.marker\:text-primary-plain::marker {
color: var(--color-primary-plain)
}
.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-\[-1rem\]:before {
content: var(--tw-content);
left: -1rem
}
.before\:start-0:before {
content: var(--tw-content);
inset-inline-start: 0
}
.before\:top-0:before,
.before\:top-\[0\]:before {
content: var(--tw-content);
top: 0
}
.before\:top-lg:before {
content: var(--tw-content);
top: 1.5rem
}
.before\:top-sm:before {
content: var(--tw-content);
top: .75rem
}
.before\:mx-2xs:before {
content: var(--tw-content);
margin-left: .25rem;
margin-right: .25rem
}
.before\:ml-sm:before {
content: var(--tw-content);
margin-left: .75rem
}
.before\:ms-md:before {
content: var(--tw-content);
margin-inline-start: 1rem
}
.before\:block:before {
content: var(--tw-content);
display: block
}
.before\:h-\[--emote-size\]:before {
content: var(--tw-content);
height: var(--emote-size)
}
.before\:h-full:before {
content: var(--tw-content);
height: 100%
}
.before\:w-2xs:before {
content: var(--tw-content);
width: .25rem
}
.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\:rounded-full:before {
border-radius: 624.9375rem;
content: var(--tw-content)
}
.before\:border-y-0:before {
border-bottom-width: 0;
border-top-width: 0;
content: var(--tw-content)
}
.before\:border-l-\[1px\]:before {
border-left-width: 1px;
content: var(--tw-content)
}
.before\:border-r-\[0px\]:before {
border-right-width: 0;
content: var(--tw-content)
}
.before\:border-solid:before {
border-style: solid;
content: var(--tw-content)
}
.before\:border-tone-4:before {
border-color: var(--color-tone-4);
content: var(--tw-content)
}
.before\:bg-secondary-background:before {
background-color: var(--color-secondary-background);
content: var(--tw-content)
}
.before\:bg-\[size\:--emote-size\]:before {
background-size: var(--emote-size);
content: var(--tw-content)
}
.before\:text-12:before {
content: var(--tw-content);
font-size: .75rem;
line-height: 1rem
}
.before\:text-14:before {
content: var(--tw-content);
font-size: .875rem;
line-height: 1.25rem
}
.before\:content-\[\'\'\]:before {
--tw-content: "";
content: var(--tw-content)
}
.before\:content-\[\'\B7\'\]: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\:invisible:after {
content: var(--tw-content);
visibility: hidden
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute
}
.after\:left-\[-1rem\]:after {
content: var(--tw-content);
left: -1rem
}
.after\:start-0:after {
content: var(--tw-content);
inset-inline-start: 0
}
.after\:top-0:after,
.after\:top-\[0\]:after {
content: var(--tw-content);
top: 0
}
.after\:col-start-1:after {
content: var(--tw-content);
grid-column-start: 1
}
.after\:col-end-2:after {
content: var(--tw-content);
grid-column-end: 2
}
.after\:row-start-1:after {
content: var(--tw-content);
grid-row-start: 1
}
.after\:row-end-2:after {
content: var(--tw-content);
grid-row-end: 2
}
.after\:clear-both:after {
clear: both;
content: var(--tw-content)
}
.after\:ms-\[0\.375rem\]:after {
content: var(--tw-content);
margin-inline-start: .375rem
}
.after\:box-border:after {
box-sizing: border-box;
content: var(--tw-content)
}
.after\:block:after {
content: var(--tw-content);
display: block
}
.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-100:after {
content: var(--tw-content);
width: 100%
}
.after\:w-\[24px\]:after {
content: var(--tw-content);
width: 24px
}
.after\:w-full:after {
content: var(--tw-content);
width: 100%
}
.after\:resize-y:after {
content: var(--tw-content);
resize: vertical
}
.after\:whitespace-pre-wrap:after {
content: var(--tw-content);
white-space: pre-wrap
}
.after\:rounded-l-\[6px\]:after {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
content: var(--tw-content)
}
.after\:rounded-bl-\[12px\]:after {
border-bottom-left-radius: 12px;
content: var(--tw-content)
}
.after\:border-sm:after {
border-width: .0625rem;
content: var(--tw-content)
}
.after\:border-y-0:after {
border-bottom-width: 0;
border-top-width: 0;
content: var(--tw-content)
}
.after\:border-b-\[1px\]:after {
border-bottom-width: 1px;
content: var(--tw-content)
}
.after\:border-e-0:after {
border-inline-end-width: 0;
content: var(--tw-content)
}
.after\:border-l-\[1px\]:after {
border-left-width: 1px;
content: var(--tw-content)
}
.after\:border-r-\[0px\]:after {
border-right-width: 0;
content: var(--tw-content)
}
.after\:border-solid:after {
border-style: solid;
content: var(--tw-content)
}
.after\:border-neutral-border-weak:after {
border-color: var(--color-neutral-border-weak);
content: var(--tw-content)
}
.after\:border-tone-4:after {
border-color: var(--color-tone-4);
content: var(--tw-content)
}
.after\:px-md:after {
content: var(--tw-content);
padding-left: 1rem;
padding-right: 1rem
}
.after\:py-sm:after {
content: var(--tw-content);
padding-bottom: .75rem;
padding-top: .75rem
}
.after\:font-mono:after {
content: var(--tw-content);
font-family: var(--font-mono)
}
.after\:leading-5:after {
content: var(--tw-content);
line-height: 1.25rem
}
.after\:content-\[\'\'\]:after {
--tw-content: "";
content: var(--tw-content)
}
.first\:ml-0:first-child {
margin-left: 0
}
.first\:ms-0:first-child {
margin-inline-start: 0
}
.first\:ms-md:first-child {
margin-inline-start: 1rem
}
.first\:ms-xs:first-child {
margin-inline-start: .5rem
}
.first\:mt-0:first-child {
margin-top: 0
}
.first\:pl-md:first-child {
padding-left: 1rem
}
.last\:mb-0:last-child {
margin-bottom: 0
}
.last\:me-0:last-child {
margin-inline-end: 0
}
.last\:me-md:last-child {
margin-inline-end: 1rem
}
.last\:me-xs:last-child {
margin-inline-end: .5rem
}
.last\:mr-0:last-child {
margin-right: 0
}
.last\:hidden:last-child {
display: none
}
.last\:border-0:last-child {
border-width: 0
}
.last\:border-b-0:last-child {
border-bottom-width: 0
}
.last\:border-none:last-child {
border-style: none
}
.last\:pb-0:last-child {
padding-bottom: 0
}
.last\:pr-md:last-child {
padding-right: 1rem
}
.last-of-type\:mb-0:last-of-type {
margin-bottom: 0
}
.visited\:border-\[var\(--color-a-visited\)\]:visited {
border-color: var(--color-a-visited)
}
.visited\:bg-transparent:visited {
background-color: initial
}
.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: #fff !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:visited {
color: var(--color-secondary)
}
.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: 0
}
.focus-within\:border-neutral-border-medium:focus-within {
border-color: var(--color-neutral-border-medium)
}
.focus-within\:border-neutral-border-strong:focus-within {
border-color: var(--color-neutral-border-strong)
}
.focus-within\:bg-neutral-background-hover:focus-within {
background-color: var(--color-neutral-background-hover)
}
.focus-within\:bg-neutral-background-strong-hover:focus-within {
background-color: var(--color-neutral-background-strong-hover)
}
.focus-within\: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
}
.hover\:scale-110:hover,
.hover\:scale-\[2\]:hover {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-\[2\]:hover {
--tw-scale-x: 2;
--tw-scale-y: 2
}
.hover\:cursor-pointer:hover {
cursor: pointer
}
.hover\:rounded-2:hover {
border-radius: .5rem
}
.hover\:border-\[color\:var\(--button-border-color-disabled\)\]:hover {
border-color: var(--button-border-color-disabled)
}
.hover\:border-\[var\(--color-a-hover\)\]:hover {
border-color: var(--color-a-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-neutral-background-hover:hover {
background-color: var(--color-neutral-background-hover) !important
}
.hover\:bg-black\/70:hover {
background-color: rgba(0, 0, 0, .7)
}
.hover\:bg-black\/80:hover {
background-color: rgba(0, 0, 0, .8)
}
.hover\:bg-coolgray-950:hover {
--tw-bg-opacity: 1;
background-color: rgb(14 17 19/var(--tw-bg-opacity))
}
.hover\:bg-downvote-background-hover:hover {
background-color: var(--color-downvote-background-hover)
}
.hover\:bg-global-brand-orangered:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 69 0/var(--tw-bg-opacity))
}
.hover\:bg-interactive-pressed:hover {
background-color: var(--color-interactive-pressed)
}
.hover\:bg-mods-filtered-background-hover:hover {
background-color: var(--shreddit-color-mods-filtered-background-hover)
}
.hover\:bg-mods-reported-background-hover:hover {
background-color: var(--shreddit-color-mods-reported-background-hover)
}
.hover\:bg-neutral-background-container:hover {
background-color: var(--color-neutral-background-container)
}
.hover\:bg-neutral-background-container-hover:hover {
background-color: var(--color-neutral-background-container-hover)
}
.hover\:bg-neutral-background-container-strong:hover {
background-color: var(--color-neutral-background-container-strong)
}
.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 {
background-color: var(--color-neutral-background-weak)
}
.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-tone-4:hover {
background-color: var(--color-tone-4)
}
.hover\:bg-transparent:hover {
background-color: initial
}
.hover\:bg-upvote-background-hover:hover {
background-color: var(--color-upvote-background-hover)
}
.hover\:bg-white-opacity-20:hover {
background-color: #ffffff33
}
.hover\:text-inherit:hover {
font-size: inherit;
line-height: inherit
}
.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-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-primary-plain:hover {
color: var(--color-primary-plain)
}
.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-100:hover {
opacity: 1
}
.hover\:opacity-30:hover {
opacity: .3
}
.hover\:opacity-75:hover {
opacity: .75
}
.hover\:opacity-80:hover {
opacity: .8
}
.hover\:opacity-90:hover {
opacity: .9
}
.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)
}
.hover\:shadow-elevation-small:hover {
--tw-shadow-color: var(--color-elevation-small);
--tw-shadow: var(--tw-shadow-colored)
}
.hover\:visited\:border-\[var\(--color-a-visited\)\]:visited:hover {
border-color: var(--color-a-visited)
}
}
.focus\:not-sr-only:focus {
height: auto;
margin: 0;
overflow: visible;
padding: 0;
position: static;
width: auto;
clip: auto;
white-space: normal
}
.focus\:rounded-1:focus {
border-radius: .25rem
}
.focus\:border-global-brand-orangered:focus {
--tw-border-opacity: 1;
border-color: rgb(255 69 0/var(--tw-border-opacity))
}
.focus\:border-global-focus:focus {
border-color: var(--color-global-focus)
}
.focus\:border-primary-plain:focus {
border-color: var(--color-primary-plain)
}
.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: initial
}
.focus\:text-white:focus {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
.focus\:no-underline:focus {
text-decoration-line: none
}
.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\:ring-1:focus {
--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(1px + 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)
}
.focus\:ring-global-brand-orangered:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 69 0/var(--tw-ring-opacity))
}
.focus\:ring-opacity-30:focus {
--tw-ring-opacity: 0.3
}
.focus-visible\:bg-transparent:focus-visible {
background-color: initial
}
.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\:outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px
}
.focus-visible\:outline:focus-visible {
outline-style: solid
}
.focus-visible\:outline-2:focus-visible {
outline-width: 2px
}
.focus-visible\:-outline-offset-1:focus-visible {
outline-offset: -1px
}
.focus-visible\:outline-offset-2:focus-visible {
outline-offset: 2px
}
.active\:cursor-grabbing:active {
cursor: grabbing
}
.active\:border-primary-plain:active {
border-color: var(--color-primary-plain)
}
.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-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: initial
}
.active\:bg-none:active {
background-image: none
}
.active\:text-neutral-content-strong:active {
color: var(--color-neutral-content-strong)
}
.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\:no-underline:disabled {
text-decoration-line: none
}
.disabled\:opacity-50:disabled {
opacity: .5
}
.disabled\:opacity-60:disabled {
opacity: .6
}
.group[open] .group-open\:order-1 {
order: 1
}
.group[open] .group-open\:inline {
display: inline
}
.group[open] .group-open\:hidden {
display: none
}
.group[open] .group-open\: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))
}
.group:focus-within .group-focus-within\:sr-only {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border-width: 0;
white-space: nowrap
}
.group:focus-within .group-focus-within\:not-sr-only {
height: auto;
margin: 0;
overflow: visible;
padding: 0;
position: static;
width: auto;
clip: auto;
white-space: normal
}
.group:focus-within .group-focus-within\:flex {
display: flex
}
.group:focus-within .group-focus-within\:hidden {
display: none
}
.group\/topic:focus-within .group-focus-within\/topic\:border-global-brand-orangered {
--tw-border-opacity: 1;
border-color: rgb(255 69 0/var(--tw-border-opacity))
}
.group\/topic:focus-within .group-focus-within\/topic\:ring-2 {
--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(2px + 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)
}
.group\/topic:focus-within .group-focus-within\/topic\:ring-global-brand-orangered {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 69 0/var(--tw-ring-opacity))
}
.group\/topic:focus-within .group-focus-within\/topic\:ring-opacity-30 {
--tw-ring-opacity: 0.3
}
@media (hover:hover) and (pointer:fine) {
.group:hover .group-hover\:sr-only {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border-width: 0;
white-space: nowrap
}
.group:hover .group-hover\:not-sr-only {
height: auto;
margin: 0;
overflow: visible;
padding: 0;
position: static;
width: auto;
clip: auto;
white-space: normal
}
.group:hover .group-hover\:visible {
visibility: visible
}
.group\/tablerow:hover .group-hover\/tablerow\:invisible {
visibility: hidden
}
.group:hover .group-hover\:z-1 {
z-index: 1
}
.group:hover .group-hover\:block,
.group\/tablerow:hover .group-hover\/tablerow\:block {
display: block
}
.group:hover .group-hover\:flex,
.group\/tablerow:hover .group-hover\/tablerow\:flex {
display: flex
}
.group:hover .group-hover\:inline-flex {
display: inline-flex
}
.group:hover .group-hover\:hidden,
.group\/tablerow:hover .group-hover\/tablerow\:hidden {
display: none
}
.group:hover .group-hover\:w-auto {
width: auto
}
.group\/award:hover .group-hover\/award\:-translate-y-\[10px\],
.group\/award:hover .group-hover\/award\:scale-\[1\.4\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/award:hover .group-hover\/award\:scale-\[1\.4\] {
--tw-scale-x: 1.4;
--tw-scale-y: 1.4
}
.group:hover .group-hover\:scale-\[1\.03\] {
--tw-scale-x: 1.03;
--tw-scale-y: 1.03;
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-container-hover {
background-color: var(--color-neutral-background-container-hover)
}
.group:hover .group-hover\:bg-neutral-background-hover {
background-color: var(--color-neutral-background-hover)
}
.group:hover .group-hover\:bg-neutral-background-selected {
background-color: var(--color-neutral-background-selected)
}
.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: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.group:hover .group-hover\:text-primary-plain {
color: var(--color-primary-plain)
}
.group:hover .group-hover\:underline {
text-decoration-line: underline
}
.group:hover .group-hover\:opacity-0 {
opacity: 0
}
.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.expanded .group-\[\.expanded\]\:flex {
display: flex
}
.group.expanded .group-\[\.expanded\]\:hidden,
.group\/reckw.active .group-\[\&\.active\]\/reckw\:hidden,
.group\/reckw:not(.active) .group-\[\&\:not\(\.active\)\]\/reckw\:hidden {
display: none
}
.group\/dropdown:not(:defined) .group-\[\:not\(\:defined\)\]\/dropdown\:hidden {
display: none
}
.group\/overflow-menu:not(:defined) .group-\[\:not\(\:defined\)\]\/overflow-menu\:hidden {
display: none
}
.group\/verdict[show-removal-reason-cta] .group-\[\[show-removal-reason-cta\]\]\/verdict\:hidden {
display: none
}
.group.expanded .group-\[\.expanded\]\:\!h-auto {
height: auto !important
}
@media (hover:hover) and (pointer:fine) {
.group\/reckws:not([adding]) .group-\[\&\:not\(\[adding\]\)\]\/reckws\:hover\:bg-neutral-background-hover:hover {
background-color: var(--color-neutral-background-hover)
}
}
.group\/reckws:not([adding]) .group-\[\&\:not\(\[adding\]\)\]\/reckws\:active\:bg-interactive-pressed:active {
background-color: var(--color-interactive-pressed)
}
.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))
}
.peer:checked~.group .peer-checked\:group-\[\]\:opacity-100 {
opacity: 1
}
.has-\[\#resize-handle\:focus\]\:rounded-ss-\[4px\]:has(#resize-handle:focus) {
border-start-start-radius: 4px
}
.has-\[\#resize-handle\:hover\]\:rounded-ss-\[4px\]:has(#resize-handle:hover) {
border-start-start-radius: 4px
}
.has-\[\.achievement-link\:hover\]\:bg-neutral-background-hover:has(.achievement-link:hover) {
background-color: var(--color-neutral-background-hover)
}
.has-\[\.achievement-modal-trigger\:hover\]\:bg-neutral-background-hover:has(.achievement-modal-trigger:hover) {
background-color: var(--color-neutral-background-hover)
}
.has-\[\.task-name-link\:hover\]\:bg-neutral-background-container-strong-hover:has(.task-name-link:hover) {
background-color: var(--color-neutral-background-container-strong-hover)
}
.has-\[faceplate-checkbox-input\[checked\]\]\:bg-neutral-background-selected:has(faceplate-checkbox-input[checked]) {
background-color: var(--color-neutral-background-selected)
}
.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-\[expanded\=true\]\:border[aria-expanded=true] {
border-width: .0625rem
}
.aria-\[expanded\=true\]\:border-solid[aria-expanded=true] {
border-style: solid
}
.aria-\[expanded\=true\]\:border-neutral-border-medium[aria-expanded=true] {
border-color: var(--color-neutral-border-medium)
}
.aria-\[expanded\=true\]\:bg-neutral-background-selected[aria-expanded=true] {
background-color: var(--color-neutral-background-selected)
}
.group\/award[aria-pressed=true] .group-aria-pressed\/award\:-translate-y-\[10px\],
.group\/award[aria-pressed=true] .group-aria-pressed\/award\:scale-\[1\.4\] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group\/award[aria-pressed=true] .group-aria-pressed\/award\:scale-\[1\.4\] {
--tw-scale-x: 1.4;
--tw-scale-y: 1.4
}
.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: 32px) {
.\@\[32px\]\:flex {
display: flex
}
}
@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\:mx-md:not(:defined) {
margin-left: 1rem;
margin-right: 1rem
}
.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\:aspect-square:not(:defined) {
aspect-ratio: 1/1
}
.nd\:h-0:not(:defined) {
height: 0
}
.nd\:h-2xl:not(:defined) {
height: 3rem
}
.nd\:h-\[110px\]:not(:defined) {
height: 110px
}
.nd\:h-\[32px\]:not(:defined) {
height: 32px
}
.nd\:h-\[40px\]:not(:defined) {
height: 40px
}
.nd\:h-\[64px\]:not(:defined) {
height: 64px
}
.nd\:h-\[88px\]:not(:defined) {
height: 88px
}
.nd\:h-\[var\(--gallery-initial-height\)\]:not(:defined) {
height: var(--gallery-initial-height)
}
.nd\:h-lg:not(:defined) {
height: 1.5rem
}
.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\:min-h-xl:not(:defined) {
min-height: 2rem
}
.nd\:w-\[104px\]:not(:defined) {
width: 104px
}
.nd\:w-\[380px\]:not(:defined) {
width: 380px
}
.nd\:w-\[54px\]:not(:defined) {
width: 54px
}
.nd\:w-fit:not(:defined) {
width: fit-content
}
.nd\:w-lg:not(:defined) {
width: 1.5rem
}
.nd\:w-xl:not(:defined) {
width: 2rem
}
@keyframes pulse {
50% {
opacity: .5
}
}
.nd\:animate-pulse:not(:defined) {
animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}
.nd\:flex-row:not(:defined) {
flex-direction: row
}
.nd\:gap-xs:not(:defined) {
gap: .5rem
}
.nd\:overflow-hidden:not(:defined) {
overflow: hidden
}
.nd\:rounded-4:not(:defined) {
border-radius: 1rem
}
.nd\:bg-neutral-background-selected:not(:defined) {
background-color: var(--color-neutral-background-selected)
}
.nd\:bg-neutral-background-weak:not(:defined) {
background-color: var(--color-neutral-background-weak)
}
.nd\:bg-secondary-background:not(:defined) {
background-color: var(--color-secondary-background)
}
.nd\:pb-0:not(:defined) {
padding-bottom: 0
}
.nd\:pb-2xl:not(:defined) {
padding-bottom: 3rem
}
.nd\:pb-\[var\(--rem36\)\]:not(:defined) {
padding-bottom: var(--rem36)
}
.nd\:pb-xl:not(:defined) {
padding-bottom: 2rem
}
.nd\:pt-\[54px\]:not(:defined) {
padding-top: 54px
}
.nd\:pt-xs:not(:defined) {
padding-top: .5rem
}
@media (display-mode:minimal-ui),
(display-mode:standalone),
(display:window-controls-overlay) {
.pwa\:block {
display: block
}
.pwa\:hidden {
display: none
}
}
@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\:w-px) {
width: 1px
}
:is([class~=theme-dark] .dark\:border-black-opacity-10) {
border-color: #00000019
}
: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-black\/30) {
background-color: rgba(0, 0, 0, .3)
}
:is([class~=theme-dark] .dark\:bg-coolgray-600) {
--tw-bg-opacity: 1;
background-color: rgb(83 97 104/var(--tw-bg-opacity))
}
:is([class~=theme-dark] .dark\:bg-coolgray-750) {
--tw-bg-opacity: 1;
background-color: rgb(51 61 66/var(--tw-bg-opacity))
}
:is([class~=theme-dark] .dark\:bg-coolgray-800) {
--tw-bg-opacity: 1;
background-color: rgb(42 50 54/var(--tw-bg-opacity))
}
:is([class~=theme-dark] .dark\:bg-coolgray-950\/30) {
background-color: rgba(14, 17, 19, .3)
}
:is([class~=theme-dark] .dark\:bg-danger-content-default) {
background-color: var(--color-danger-content-default)
}
: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-lime-700) {
--tw-bg-opacity: 1;
background-color: rgb(42 80 0/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-neutral-background-weak) {
background-color: var(--color-neutral-background-weak)
}
: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-caution-onBackground) {
color: var(--color-caution-onBackground)
}
: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-coolgray-900) {
--tw-text-opacity: 1;
color: rgb(24 28 31/var(--tw-text-opacity))
}
:is([class~=theme-dark] .dark\:text-global-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255/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-red-200) {
--tw-text-opacity: 1;
color: rgb(253 179 164/var(--tw-text-opacity))
}
:is([class~=theme-dark] .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
}
:is([class~=theme-dark] .dark\:text-yellow-300) {
--tw-text-opacity: 1;
color: rgb(216 161 0/var(--tw-text-opacity))
}
:is([class~=theme-dark] .dark\:text-yelloworange-300) {
--tw-text-opacity: 1;
color: rgb(255 138 53/var(--tw-text-opacity))
}
:is([class~=theme-dark] .dark\:shadow-none) {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
@media (hover:hover) and (pointer:fine) {
:is([class~=theme-dark] .dark\:hover\:bg-neutral-background-hover:hover) {
background-color: var(--color-neutral-background-hover)
}
}
: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\:row-start-1 {
grid-row-start: 1
}
.lg\:row-end-auto {
grid-row-end: auto
}
.lg\:mx-0 {
margin-left: 0;
margin-right: 0
}
.lg\:mb-lg {
margin-bottom: 1.5rem
}
.lg\:mr-2xs {
margin-right: .25rem
}
.lg\:mt-lg {
margin-top: 1.5rem
}
.lg\:mt-sm {
margin-top: .75rem
}
.lg\:mt-xs {
margin-top: .5rem
}
.lg\:block {
display: block
}
.lg\:inline-block {
display: inline-block
}
.lg\:flex {
display: flex
}
.lg\:hidden {
display: none
}
.lg\:max-h-\[700px\] {
max-height: 700px
}
.lg\:w-5\/12 {
width: 41.666667%
}
.lg\:w-fit {
width: fit-content
}
.lg\:justify-center {
justify-content: center
}
.lg\:px-0 {
padding-left: 0;
padding-right: 0
}
.lg\:ps-sm {
padding-inline-start: .75rem
}
}
@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\:start-\[-16\.5px\] {
inset-inline-start: -16.5px
}
.xs\:start-\[16\.5px\] {
inset-inline-start: 16.5px
}
.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-2 {
grid-column: span 2/span 2
}
.xs\:col-span-4 {
grid-column: span 4/span 4
}
.xs\:col-start-1 {
grid-column-start: 1
}
.xs\:col-start-2 {
grid-column-start: 2
}
.xs\:col-start-4 {
grid-column-start: 4
}
.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: 0
}
.xs\:m-lg {
margin: 1.5rem
}
.xs\:-mx-xs {
margin-left: -.5rem;
margin-right: -.5rem
}
.xs\:mx-0 {
margin-left: 0;
margin-right: 0
}
.xs\:mx-auto {
margin-left: auto;
margin-right: auto
}
.xs\:mx-md {
margin-left: 1rem;
margin-right: 1rem
}
.xs\:mx-xs {
margin-left: .5rem;
margin-right: .5rem
}
.xs\:my-0 {
margin-bottom: 0;
margin-top: 0
}
.xs\:my-2xs {
margin-bottom: .25rem;
margin-top: .25rem
}
.xs\:my-lg {
margin-bottom: 1.5rem;
margin-top: 1.5rem
}
.xs\:my-md {
margin-bottom: 1rem;
margin-top: 1rem
}
.xs\:my-sm {
margin-bottom: .75rem;
margin-top: .75rem
}
.xs\:-mb-\[2\.25rem\] {
margin-bottom: -2.25rem
}
.xs\:-ms-sm {
margin-inline-start: -.75rem
}
.xs\:-mt-sm {
margin-top: -.75rem
}
.xs\:mb-0 {
margin-bottom: 0
}
.xs\:mb-md {
margin-bottom: 1rem
}
.xs\:mb-sm {
margin-bottom: .75rem
}
.xs\:mb-xl {
margin-bottom: 2rem
}
.xs\:mb-xs {
margin-bottom: .5rem
}
.xs\:me-0 {
margin-inline-end: 0
}
.xs\:me-3xl {
margin-inline-end: 4rem
}
.xs\:me-md {
margin-inline-end: 1rem
}
.xs\:ml-0 {
margin-left: 0
}
.xs\:ml-auto {
margin-left: auto
}
.xs\:ml-md {
margin-left: 1rem
}
.xs\:ml-xl {
margin-left: 2rem
}
.xs\:mr-0 {
margin-right: 0
}
.xs\:mr-md {
margin-right: 1rem
}
.xs\:mr-xl {
margin-right: 2rem
}
.xs\:ms-0 {
margin-inline-start: 0
}
.xs\:ms-auto {
margin-inline-start: auto
}
.xs\:ms-sm {
margin-inline-start: .75rem
}
.xs\:ms-xs {
margin-inline-start: .5rem
}
.xs\:mt-0 {
margin-top: 0
}
.xs\:mt-2xs {
margin-top: .25rem
}
.xs\:mt-\[2px\] {
margin-top: 2px
}
.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-sm {
margin-top: .75rem
}
.xs\:mt-xl {
margin-top: 2rem
}
.xs\:mt-xs {
margin-top: .5rem
}
.xs\:line-clamp-1 {
-webkit-line-clamp: 1
}
.xs\:line-clamp-1,
.xs\:line-clamp-2 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.xs\:line-clamp-2 {
-webkit-line-clamp: 2
}
.xs\:line-clamp-4 {
-webkit-line-clamp: 4
}
.xs\:line-clamp-4,
.xs\:line-clamp-6 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.xs\:line-clamp-6 {
-webkit-line-clamp: 6
}
.xs\:line-clamp-none {
display: block;
overflow: visible;
-webkit-box-orient: horizontal;
-webkit-line-clamp: none
}
.xs\:block {
display: block
}
.xs\:inline-block {
display: inline-block
}
.xs\:inline {
display: inline
}
.xs\:flex {
display: flex
}
.xs\: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-\[--shreddit-header-height\] {
height: var(--shreddit-header-height)
}
.xs\:h-\[100px\] {
height: 100px
}
.xs\:h-\[110px\] {
height: 110px
}
.xs\:h-\[161px\] {
height: 161px
}
.xs\:h-\[22px\] {
height: 22px
}
.xs\:h-\[240px\] {
height: 240px
}
.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-\[52px\] {
height: 52px
}
.xs\:h-\[56px\] {
height: 56px
}
.xs\:h-\[64px\] {
height: 64px
}
.xs\:h-\[78px\] {
height: 78px
}
.xs\:h-\[80px\] {
height: 80px
}
.xs\:h-\[88px\] {
height: 88px
}
.xs\:h-\[90px\] {
height: 90px
}
.xs\:h-\[98px\] {
height: 98px
}
.xs\:h-full {
height: 100%
}
.xs\:h-screen-without-header {
height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-height) - 1px)
}
.xs\:h-xl {
height: 2rem
}
.xs\:max-h-\[400px\] {
max-height: 400px
}
.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-screen-without-header {
max-height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-height) - 1px)
}
.xs\:min-h-\[20rem\] {
min-height: 20rem
}
.xs\:min-h-\[40px\] {
min-height: 40px
}
.xs\:min-h-\[72px\] {
min-height: 72px
}
.xs\:min-h-\[80px\] {
min-height: 80px
}
.xs\:min-h-\[calc\(100vh-var\(--shreddit-header-large-height\)\)\] {
min-height: calc(100vh - var(--shreddit-header-large-height))
}
.xs\:min-h-screen-without-header {
min-height: calc(var(--viewport-height, 100vh) - var(--shreddit-header-height) - 1px)
}
.xs\:min-h-xl {
min-height: 2rem
}
.xs\:w-1\/2 {
width: 50%
}
.xs\:w-100 {
width: 100%
}
.xs\:w-\[100px\] {
width: 100px
}
.xs\:w-\[1010px\] {
width: 1010px
}
.xs\:w-\[104px\] {
width: 104px
}
.xs\:w-\[120px\] {
width: 120px
}
.xs\:w-\[128px\] {
width: 128px
}
.xs\:w-\[130px\] {
width: 130px
}
.xs\:w-\[15\.5px\] {
width: 15.5px
}
.xs\:w-\[150px\] {
width: 150px
}
.xs\:w-\[161px\] {
width: 161px
}
.xs\:w-\[163px\] {
width: 163px
}
.xs\:w-\[200px\] {
width: 200px
}
.xs\:w-\[300px\] {
width: 300px
}
.xs\:w-\[316px\] {
width: 316px
}
.xs\:w-\[320px\] {
width: 320px
}
.xs\:w-\[352px\] {
width: 352px
}
.xs\:w-\[375px\] {
width: 375px
}
.xs\:w-\[400px\] {
width: 400px
}
.xs\:w-\[440px\] {
width: 440px
}
.xs\:w-\[470px\] {
width: 470px
}
.xs\:w-\[485px\] {
width: 485px
}
.xs\:w-\[48px\] {
width: 48px
}
.xs\:w-\[500px\] {
width: 500px
}
.xs\:w-\[532px\] {
width: 532px
}
.xs\:w-\[56px\] {
width: 56px
}
.xs\:w-\[600px\] {
width: 600px
}
.xs\:w-\[640px\] {
width: 640px
}
.xs\:w-\[68px\] {
width: 68px
}
.xs\:w-\[752px\] {
width: 752px
}
.xs\:w-\[768px\] {
width: 768px
}
.xs\:w-\[80px\] {
width: 80px
}
.xs\:w-\[840px\] {
width: 840px
}
.xs\:w-\[88px\] {
width: 88px
}
.xs\:w-\[96\%\] {
width: 96%
}
.xs\:w-\[960px\] {
width: 960px
}
.xs\:w-auto {
width: auto
}
.xs\:w-fit {
width: fit-content
}
.xs\:w-full {
width: 100%
}
.xs\:w-lg {
width: 1.5rem
}
.xs\:w-xl {
width: 2rem
}
.xs\:min-w-\[19rem\] {
min-width: 19rem
}
.xs\:min-w-\[200px\] {
min-width: 200px
}
.xs\:min-w-\[316px\] {
min-width: 316px
}
.xs\:min-w-\[400px\] {
min-width: 400px
}
.xs\:min-w-\[513px\] {
min-width: 513px
}
.xs\:max-w-\[180px\] {
max-width: 180px
}
.xs\:max-w-\[200px\] {
max-width: 200px
}
.xs\:max-w-\[25rem\] {
max-width: 25rem
}
.xs\:max-w-\[280px\] {
max-width: 280px
}
.xs\:max-w-\[316px\] {
max-width: 316px
}
.xs\:max-w-\[432px\] {
max-width: 432px
}
.xs\:max-w-\[513px\] {
max-width: 513px
}
.xs\:max-w-\[550px\] {
max-width: 550px
}
.xs\:max-w-\[800px\] {
max-width: 800px
}
.xs\:max-w-\[90\%\] {
max-width: 90%
}
.xs\:max-w-\[calc\(100\%-30px\)\] {
max-width: calc(100% - 30px)
}
.xs\:max-w-\[min\(756px\2c calc\(100\%-\(16px\+316px\)\)\)\] {
max-width: min(756px, calc(100% - 332px))
}
.xs\:max-w-none {
max-width: none
}
.xs\:max-w-sm {
max-width: 24rem
}
.xs\:flex-grow {
flex-grow: 1
}
.xs\:basis-\[calc\(50\%-6px\)\] {
flex-basis: calc(50% - 6px)
}
.xs\:basis-full {
flex-basis: 100%
}
.xs\:scroll-m-\[120px\] {
scroll-margin: 120px
}
.xs\:auto-cols-\[calc\(33\.33\%-0\.5rem\)\] {
grid-auto-columns: calc(33.33% - .5rem)
}
.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-\[1fr_178px_178px_178px_178px\] {
grid-template-columns: 1fr 178px 178px 178px 178px
}
.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 minmax\(340px\2c 1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))
}
.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-end {
justify-content: flex-end
}
.xs\:justify-center {
justify-content: center
}
.xs\:gap-\[5rem\] {
gap: 5rem
}
.xs\:gap-md {
gap: 1rem
}
.xs\:gap-sm {
gap: .75rem
}
.xs\:gap-xl {
gap: 2rem
}
.xs\:gap-xs {
gap: .5rem
}
.xs\:gap-x-3xl {
column-gap: 4rem
}
.xs\:gap-x-lg {
column-gap: 1.5rem
}
.xs\:gap-x-xs {
column-gap: .5rem
}
.xs\:gap-y-xl {
row-gap: 2rem
}
.xs\:overflow-hidden {
overflow: hidden
}
.xs\:overflow-y-auto {
overflow-y: auto
}
.xs\:overflow-x-hidden {
overflow-x: hidden
}
.xs\:text-ellipsis {
text-overflow: ellipsis
}
.xs\:whitespace-nowrap {
white-space: nowrap
}
.xs\:rounded-2 {
border-radius: .5rem
}
.xs\:rounded-4 {
border-radius: 1rem
}
.xs\:rounded-\[12px\] {
border-radius: 12px
}
.xs\:rounded-\[16px\] {
border-radius: 16px
}
.xs\:rounded-lg {
border-radius: 2rem
}
.xs\:rounded-md {
border-radius: 1.25rem
}
.xs\:rounded-b-\[12px\] {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px
}
.xs\:rounded-b-\[16px\] {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px
}
.xs\:rounded-t-\[16px\] {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.xs\:rounded-t-md {
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem
}
.xs\:border-x-sm {
border-left-width: .0625rem;
border-right-width: .0625rem
}
.xs\:border-s-sm {
border-inline-start-width: .0625rem
}
.xs\:border-t-0 {
border-top-width: 0
}
.xs\:border-solid {
border-style: solid
}
.xs\:border-s-neutral-border-weak {
border-inline-start-color: var(--color-neutral-border-weak)
}
.xs\:bg-neutral-background-weak {
background-color: var(--color-neutral-background-weak)
}
.xs\:bg-\[image\:var\(--medium-banner\)\] {
background-image: var(--medium-banner)
}
.xs\:from-\[color\:var\(--color-neutral-background-weak\)\] {
--tw-gradient-from: var(--color-neutral-background-weak) var(--tw-gradient-from-position);
--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.xs\:p-lg {
padding: 1.5rem
}
.xs\:p-md {
padding: 1rem
}
.xs\:\!px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.xs\:px-0 {
padding-left: 0;
padding-right: 0
}
.xs\:px-2xs {
padding-left: .25rem;
padding-right: .25rem
}
.xs\:px-3xl {
padding-left: 4rem;
padding-right: 4rem
}
.xs\:px-\[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-sm {
padding-left: .75rem;
padding-right: .75rem
}
.xs\:px-xs {
padding-left: .5rem;
padding-right: .5rem
}
.xs\:py-0 {
padding-bottom: 0;
padding-top: 0
}
.xs\:py-\[12px\] {
padding-bottom: 12px;
padding-top: 12px
}
.xs\:py-lg {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.xs\:py-sm {
padding-bottom: .75rem;
padding-top: .75rem
}
.xs\:pb-0 {
padding-bottom: 0
}
.xs\:pb-\[40px\] {
padding-bottom: 40px
}
.xs\:pb-\[5\.5rem\] {
padding-bottom: 5.5rem
}
.xs\:pb-lg {
padding-bottom: 1.5rem
}
.xs\:pb-xl {
padding-bottom: 2rem
}
.xs\:pb-xs {
padding-bottom: .5rem
}
.xs\:pe-0 {
padding-inline-end: 0
}
.xs\:pe-2xs {
padding-inline-end: .25rem
}
.xs\:pe-lg {
padding-inline-end: 1.5rem
}
.xs\:pe-md {
padding-inline-end: 1rem
}
.xs\:pe-xl {
padding-inline-end: 2rem
}
.xs\:pl-sm {
padding-left: .75rem
}
.xs\:ps-2xs {
padding-inline-start: .25rem
}
.xs\:ps-md {
padding-inline-start: 1rem
}
.xs\:ps-xl {
padding-inline-start: 2rem
}
.xs\:ps-xs {
padding-inline-start: .5rem
}
.xs\:pt-0 {
padding-top: 0
}
.xs\:pt-2xl {
padding-top: 3rem
}
.xs\:pt-\[20px\] {
padding-top: 20px
}
.xs\:pt-lg {
padding-top: 1.5rem
}
.xs\:pt-md {
padding-top: 1rem
}
.xs\:pt-sm {
padding-top: .75rem
}
.xs\:pt-xs {
padding-top: .5rem
}
.xs\:text-left {
text-align: left
}
.xs\:text-start {
text-align: start
}
.xs\:text-12 {
font-size: .75rem;
line-height: 1rem
}
.xs\:text-14 {
font-size: .875rem;
line-height: 1.25rem
}
.xs\:text-16 {
font-size: 1rem;
line-height: 1.25rem
}
.xs\:text-18 {
font-size: 1.125rem;
line-height: 1.5rem
}
.xs\:text-24 {
font-size: 1.5rem;
line-height: 1.75rem
}
.xs\:text-32 {
font-size: 2rem;
line-height: 2.25rem
}
.xs\:text-body-1 {
font-size: var(--font-body-1-size);
font-weight: var(--font-body-1-weight);
letter-spacing: var(--font-body-1-kerning);
line-height: var(--font-body-1-line-height)
}
.xs\:text-caption-1 {
font-size: var(--font-caption-1-size);
font-weight: var(--font-caption-1-weight);
letter-spacing: var(--font-caption-1-kerning);
line-height: var(--font-caption-1-line-height)
}
.xs\:text-title-2 {
font-size: var(--font-title-2-size);
font-weight: var(--font-title-2-weight);
letter-spacing: var(--font-title-2-kerning);
line-height: var(--font-title-2-line-height)
}
.xs\:uppercase {
text-transform: uppercase
}
.xs\:leading-\[1\.5em\] {
line-height: 1.5em
}
.xs\:leading-\[30px\] {
line-height: 30px
}
.xs\:leading-\[38px\] {
line-height: 38px
}
.xs\:leading-\[40px\] {
line-height: 40px
}
.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
}
.xs\:shadow-none,
.xs\:shadow-sm {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.xs\:shadow-sm {
--tw-shadow: var(--elevation-sm);
--tw-shadow-colored: var(--elevation-sm)
}
.xs\:text-14-scalable {
font-size: .875rem;
line-height: 1.25rem
}
.xs\:text-16-scalable {
font-size: 1rem;
line-height: 1.25rem
}
.xs\:text-18-scalable {
font-size: 1.125rem;
line-height: 1.5rem
}
.xs\:text-20-scalable {
font-size: 1.25rem;
line-height: 1.25rem
}
.xs\:text-14-scalable,
.xs\:text-16-scalable,
.xs\:text-18-scalable,
.xs\:text-20-scalable {
-webkit-text-size-adjust: clamp(100%, calc(100%*var(--preferred-text-scale)), 140%);
text-size-adjust: clamp(100%, calc(100%*var(--preferred-text-scale)), 140%)
}
.first\:xs\:pl-2xs:first-child {
padding-left: .25rem
}
.last\:xs\:block:last-child {
display: block
}
.last\:xs\:pr-2xs:last-child {
padding-right: .25rem
}
:is([class~=theme-dark] .xs\:dark\:bg-neutral-background-container) {
background-color: var(--color-neutral-background-container)
}
:is([class~=theme-dark] .xs\:dark\:text-secondary-plain-weak) {
color: var(--color-secondary-plain-weak)
}
@media (hover:hover) and (pointer:fine) {
:is([class~=theme-dark] .xs\:dark\:hover\:text-secondary-plain-weak:hover) {
color: var(--color-secondary-plain-weak)
}
}
}
@media (min-width:960px) {
.s\:invisible {
visibility: hidden
}
.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\:top-sm {
top: .75rem
}
.s\:order-1 {
order: 1
}
.s\:order-2 {
order: 2
}
.s\:col-span-3 {
grid-column: span 3/span 3
}
.s\:col-span-4 {
grid-column: span 4/span 4
}
.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\:mx-md {
margin-left: 1rem;
margin-right: 1rem
}
.s\:mb-0 {
margin-bottom: 0
}
.s\:me-0 {
margin-inline-end: 0
}
.s\:me-md {
margin-inline-end: 1rem
}
.s\:me-xl {
margin-inline-end: 2rem
}
.s\:ml-\[381px\] {
margin-left: 381px
}
.s\:ms-0 {
margin-inline-start: 0
}
.s\:ms-lg {
margin-inline-start: 1.5rem
}
.s\:ms-xl {
margin-inline-start: 2rem
}
.s\:mt-0 {
margin-top: 0
}
.s\:mt-md {
margin-top: 1rem
}
.s\:mt-xl {
margin-top: 2rem
}
.s\:block {
display: block
}
.s\:flex {
display: flex
}
.s\:grid {
display: grid
}
.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-\[160px\] {
height: 160px
}
.s\:h-\[210px\] {
height: 210px
}
.s\:h-\[32\.5rem\] {
height: 32.5rem
}
.s\:h-\[400px\] {
height: 400px
}
.s\:h-\[478px\] {
height: 478px
}
.s\:h-\[75px\] {
height: 75px
}
.s\:h-\[785px\] {
height: 785px
}
.s\:h-\[88px\] {
height: 88px
}
.s\:h-\[calc\(100vh-var\(--shreddit-header-height\)-240px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 240px)
}
.s\:h-lg {
height: 1.5rem
}
.s\:max-h-\[24px\] {
max-height: 24px
}
.s\:max-h-\[318px\] {
max-height: 318px
}
.s\:max-h-\[432px\] {
max-height: 432px
}
.s\:max-h-\[48px\] {
max-height: 48px
}
.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-\[400px\] {
width: 400px
}
.s\:w-\[40vw\] {
width: 40vw
}
.s\:w-\[45\%\] {
width: 45%
}
.s\:w-\[558px\] {
width: 558px
}
.s\:w-\[730px\] {
width: 730px
}
.s\:w-\[768px\] {
width: 768px
}
.s\:w-\[88px\] {
width: 88px
}
.s\:w-\[960px\] {
width: 960px
}
.s\:w-\[calc\(var\(--flex-nav-width\)-1px\)\] {
width: calc(var(--flex-nav-width) - 1px)
}
.s\:w-auto {
width: auto
}
.s\:w-fit {
width: fit-content
}
.s\:w-full {
width: 100%
}
.s\:w-lg {
width: 1.5rem
}
.s\:min-w-\[200px\] {
min-width: 200px
}
.s\:min-w-\[48px\] {
min-width: 48px
}
.s\:min-w-\[500px\] {
min-width: 500px
}
.s\:max-w-\[100\%\] {
max-width: 100%
}
.s\:max-w-\[1094px\] {
max-width: 1094px
}
.s\:max-w-\[20rem\] {
max-width: 20rem
}
.s\:max-w-\[230px\] {
max-width: 230px
}
.s\:max-w-\[291px\] {
max-width: 291px
}
.s\:max-w-\[360px\] {
max-width: 360px
}
.s\:max-w-\[450px\] {
max-width: 450px
}
.s\:max-w-\[48px\] {
max-width: 48px
}
.s\:max-w-\[590px\] {
max-width: 590px
}
.s\:max-w-\[890px\] {
max-width: 890px
}
.s\:max-w-\[922px\] {
max-width: 922px
}
.s\:max-w-\[940px\] {
max-width: 940px
}
.s\:max-w-container-s {
max-width: 994px
}
.s\:flex-1 {
flex: 1 1 0%
}
.s\:shrink {
flex-shrink: 1
}
.s\:flex-grow-0 {
flex-grow: 0
}
.s\:basis-1\/4 {
flex-basis: 25%
}
.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-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.s\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.s\:grid-cols-\[auto_400px\] {
grid-template-columns: auto 400px
}
.s\:grid-cols-\[repeat\(auto-fit\2c _144px\)\] {
grid-template-columns: repeat(auto-fit, 144px)
}
.s\:flex-row {
flex-direction: row
}
.s\:flex-row-reverse {
flex-direction: row-reverse
}
.s\:flex-nowrap {
flex-wrap: nowrap
}
.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-center {
justify-content: center
}
.s\:justify-between {
justify-content: space-between
}
.s\:gap-lg {
gap: 1.5rem
}
.s\:gap-md {
gap: 1rem
}
.s\:gap-sm {
gap: .75rem
}
.s\:gap-xl {
gap: 2rem
}
.s\:gap-xs {
gap: .5rem
}
.s\:gap-x-\[20px\] {
column-gap: 20px
}
.s\:gap-x-md {
column-gap: 1rem
}
.s\:gap-y-lg {
row-gap: 1.5rem
}
.s\:overflow-x-auto {
overflow-x: auto
}
.s\:rounded-2 {
border-radius: .5rem
}
.s\:rounded-4 {
border-radius: 1rem
}
.s\:rounded-r-\[8px\] {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px
}
.s\:rounded-ee-md {
border-end-end-radius: 1.25rem
}
.s\:rounded-es-md {
border-end-start-radius: 1.25rem
}
.s\:rounded-tl-none {
border-top-left-radius: 0
}
.s\:rounded-tr-none {
border-top-right-radius: 0
}
.s\:border-e-sm {
border-inline-end-width: .0625rem
}
.s\:border-l-sm {
border-left-width: .0625rem
}
.s\:border-s-sm {
border-inline-start-width: .0625rem
}
.s\:bg-\[image\:var\(--large-banner\)\] {
background-image: var(--large-banner)
}
.s\:bg-center {
background-position: 50%
}
.s\:p-lg {
padding: 1.5rem
}
.s\:p-md {
padding: 1rem
}
.s\:p-xl {
padding: 2rem
}
.s\:px-0 {
padding-left: 0;
padding-right: 0
}
.s\:px-3xl {
padding-left: 4rem;
padding-right: 4rem
}
.s\:px-lg {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.s\:px-md {
padding-left: 1rem;
padding-right: 1rem
}
.s\:px-xs {
padding-left: .5rem;
padding-right: .5rem
}
.s\:py-0 {
padding-bottom: 0;
padding-top: 0
}
.s\:py-\[50px\] {
padding-bottom: 50px;
padding-top: 50px
}
.s\:py-lg {
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.s\:pb-0 {
padding-bottom: 0
}
.s\:pb-\[20px\] {
padding-bottom: 20px
}
.s\:pb-sm {
padding-bottom: .75rem
}
.s\:pb-xl {
padding-bottom: 2rem
}
.s\:pe-0 {
padding-inline-end: 0
}
.s\:pe-md {
padding-inline-end: 1rem
}
.s\:pe-xs {
padding-inline-end: .5rem
}
.s\:pr-0 {
padding-right: 0
}
.s\:ps-0 {
padding-inline-start: 0
}
.s\:pt-2xl {
padding-top: 3rem
}
.s\:pt-lg {
padding-top: 1.5rem
}
.s\:pt-md {
padding-top: 1rem
}
.s\:pt-sm {
padding-top: .75rem
}
.s\:text-left {
text-align: left
}
.s\:text-14 {
font-size: .875rem
}
.s\:text-14,
.s\:text-20 {
line-height: 1.25rem
}
.s\:text-20 {
font-size: 1.25rem
}
.s\:text-32 {
font-size: 2rem;
line-height: 2.25rem
}
.first\:s\:ms-xl:first-child {
margin-inline-start: 2rem
}
.last\:s\:me-xl:last-child {
margin-inline-end: 2rem
}
@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-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\:mx-0 {
margin-left: 0;
margin-right: 0
}
.m\:mx-auto {
margin-left: auto;
margin-right: auto
}
.m\:mx-lg {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.m\:mb-\[2px\] {
margin-bottom: 2px
}
.m\:me-0 {
margin-inline-end: 0
}
.m\:ml-sm {
margin-left: .75rem
}
.m\:mt-3xl {
margin-top: 4rem
}
.m\:mt-xl {
margin-top: 2rem
}
.m\:block {
display: block
}
.m\:inline-block {
display: inline-block
}
.m\:flex {
display: flex
}
.m\:contents {
display: contents
}
.m\:hidden {
display: none
}
.m\:h-\[700px\] {
height: 700px
}
.m\:h-\[calc\(100vh-var\(--shreddit-header-height\)-85px\)\] {
height: calc(100vh - var(--shreddit-header-height) - 85px)
}
.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-1\/3 {
width: 33.333333%
}
.m\:w-\[1120px\] {
width: 1120px
}
.m\:w-\[1200px\] {
width: 1200px
}
.m\:w-\[320px\] {
width: 320px
}
.m\:w-\[400px\] {
width: 400px
}
.m\:w-\[50vw\] {
width: 50vw
}
.m\:w-\[520px\] {
width: 520px
}
.m\:w-\[560px\] {
width: 560px
}
.m\:w-fit {
width: fit-content
}
.m\:max-w-\[1072px\] {
max-width: 1072px
}
.m\:max-w-\[380px\] {
max-width: 380px
}
.m\:max-w-container-m {
max-width: 1132px
}
.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\:flex-row {
flex-direction: row
}
.m\:items-end {
align-items: flex-end
}
.m\:gap-x-4xl {
column-gap: 6rem
}
.m\:gap-x-\[16px\] {
column-gap: 16px
}
.m\:space-x-2xs>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
margin-right: calc(.25rem*var(--tw-space-x-reverse))
}
.m\:border-t-0 {
border-top-width: 0
}
.m\:px-lg {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.m\:px-xs {
padding-left: .5rem;
padding-right: .5rem
}
.m\:py-sm {
padding-bottom: .75rem;
padding-top: .75rem
}
.m\:\!pl-0 {
padding-left: 0 !important
}
.m\:\!pl-lg {
padding-left: 1.5rem !important
}
.m\:\!pr-0 {
padding-right: 0 !important
}
.m\:pb-0 {
padding-bottom: 0
}
.m\:pb-xl {
padding-bottom: 2rem
}
.m\:pe-xs {
padding-inline-end: .5rem
}
.m\:ps-sm {
padding-inline-start: .75rem
}
.m\:text-14\/5 {
font-size: .875rem;
line-height: 1.25rem
}
.m\:text-18\/6 {
font-size: 1.125rem;
line-height: 1.5rem
}
.m\:text-32 {
font-size: 2rem;
line-height: 2.25rem
}
.m\:font-bold {
font-weight: 700
}
.m\:font-semibold {
font-weight: 600
}
}
@media (min-width:1416px) {
.l\:pointer-events-none {
pointer-events: none
}
.l\:absolute {
position: absolute
}
.l\:left-0 {
left: 0
}
.l\:right-0 {
right: 0
}
.l\:top-xs {
top: .5rem
}
.l\:col-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\: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\:h-\[600px\] {
height: 600px
}
.l\:max-h-\[352px\] {
max-height: 352px
}
.l\:w-\[600px\] {
width: 600px
}
.l\:min-w-\[448px\] {
min-width: 448px
}
.l\:max-w-\[1352px\] {
max-width: 1352px
}
.l\:max-w-\[590px\] {
max-width: 590px
}
.l\:max-w-container-l {
max-width: 1352px
}
.l\:auto-cols-\[calc\(25\%-0\.5rem\)\] {
grid-auto-columns: calc(25% - .5rem)
}
.l\:grid-cols-16 {
grid-template-columns: repeat(16, minmax(0, 1fr))
}
.l\:gap-x-lg {
column-gap: 1.5rem
}
.l\:rounded-\[0\.75rem\] {
border-radius: .75rem
}
.l\:p-4xl {
padding: 6rem
}
.l\:px-lg {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.l\:pb-0 {
padding-bottom: 0
}
.l\:pb-xl {
padding-bottom: 2rem
}
.l\:pt-5xl {
padding-top: 8rem
}
}
@media (min-width:1920px) {
.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\:block {
display: block
}
.xl\:flex {
display: flex
}
.xl\:contents {
display: contents
}
.xl\:hidden {
display: none
}
.xl\:max-h-\[452px\] {
max-height: 452px
}
.xl\:max-w-\[1524px\],
.xl\:max-w-container-xl {
max-width: 1524px
}
.xl\:grid-cols-18 {
grid-template-columns: repeat(18, minmax(0, 1fr))
}
.xl\:gap-y-xl {
row-gap: 2rem
}
.xl\:rounded-\[0\.75rem\] {
border-radius: .75rem
}
.xl\:pb-0 {
padding-bottom: 0
}
.xl\:pb-xl {
padding-bottom: 2rem
}
}
@media (max-width:500px) {
.embed-m\:hidden {
display: none
}
.embed-m\:flex-1 {
flex: 1 1 0%
}
}
@media (max-width:325px) {
.embed-s\:absolute {
position: absolute
}
.embed-s\:right-md {
right: 1rem
}
.embed-s\:top-\[10px\] {
top: 10px
}
.embed-s\:ml-0 {
margin-left: 0
}
.embed-s\:mt-xs {
margin-top: .5rem
}
.embed-s\:block {
display: block
}
.embed-s\:hidden {
display: none
}
.embed-s\:flex-col {
flex-direction: column
}
.embed-s\:items-start {
align-items: flex-start
}
.embed-s\:justify-between {
justify-content: space-between
}
}
@media (max-width:260px) {
.embed-xs\:mt-2xs {
margin-top: .25rem
}
.embed-xs\:hidden {
display: none
}
.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\:gap-lg {
gap: 1.5rem
}
.embed-xs\:px-\[5px\] {
padding-left: 5px;
padding-right: 5px
}
.embed-xs\:text-12 {
font-size: .75rem
}
.embed-xs\:leading-4,
.embed-xs\:text-12 {
line-height: 1rem
}
}
@media (min-width:1472px) {
.pdp-float-back-btn\:absolute {
position: absolute
}
.pdp-float-back-btn\:-start-\[2\.5rem\] {
inset-inline-start: -2.5rem
}
.pdp-float-back-btn\:top-md {
top: 1rem
}
}
.\[\&\+\&\]\:ms-2xs+.\[\&\+\&\]\:ms-2xs {
margin-inline-start: .25rem
}
.\[\&\.active\]\:bg-neutral-background-hover.active {
background-color: var(--color-neutral-background-hover)
}
@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-\[66\%_32\%\].fixed-sidebar {
grid-template-columns: 66% 32%
}
.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-\[66\%_32\%\].flex-sidebar {
grid-template-columns: 66% 32%
}
.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\(\&\:has\(\[data-keyword-card\]\)\)\]\:hidden:not(.\[\&\:not\(\&\:has\(\[data-keyword-card\]\)\)\]\:hidden:has([data-keyword-card])) {
display: none
}
.\[\&\:not\(\:defined\)\>\[slot\]\]\:hidden:not(:defined)>[slot] {
display: none
}
.\[\&\:not\(\:defined\)\]\:hidden:not(:defined) {
display: none
}
.\[\&\:not\(\:defined\)_\.community-details\]\:hidden:not(:defined) .community-details {
display: none
}
.\[\&\:not\(\:focus-within\)\]\:sr-only:not(:focus-within) {
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
clip: rect(0, 0, 0, 0);
border-width: 0;
white-space: nowrap
}
.\[\&\>\*\]\:invisible>* {
visibility: hidden
}
.\[\&\>\*\]\:min-w-0>* {
min-width: 0
}
.\[\&\>\.threadline\>\*\\\]\:border-tone-2>.threadline>\undefined,
.\[\&\>\.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: 0
}
.\[\&\>\: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
}
.\[\&\>a\]\:text-interactive-content-disabled>a {
color: var(--color-interactive-content-disabled)
}
.\[\&\>div\]\:\!pr-0>div {
padding-right: 0 !important
}
.\[\&\>div\]\:pl-xs>div {
padding-left: .5rem
}
.\[\&\>li\>div\]\:px-0>li>div {
padding-left: 0;
padding-right: 0
}
.\[\&\>p\]\:m-0>p {
margin: 0
}
.\[\&\>p\]\:my-0>p {
margin-bottom: 0;
margin-top: 0
}
.\[\&\>p\]\:line-clamp-5>p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5
}
.\[\&\>span\>span\]\:text-12>span>span {
font-size: .75rem;
line-height: 1rem
}
.\[\&\>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: .75rem
}
.\[\&\>svg\]\:w-\[1\.25rem\]>svg {
width: 1.25rem
}
.\[\&\>svg\]\:w-lg>svg {
width: 1.5rem
}
.\[\&\>svg\]\:w-md>svg {
width: 1rem
}
.\[\&\>svg\]\:w-sm>svg {
width: .75rem
}
.\[\&\>svg\]\: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: 0
}
.\[\&_\*\:first-child\:not\(li\)\]\:mt-0 :first-child:not(li) {
margin-top: 0
}
.\[\&_\*\:last-child\]\:mb-0 :last-child {
margin-bottom: 0
}
.\[\&_\*\]\:animate-none * {
animation: none
}
.\[\&_\.emote\]\:whitespace-pre .emote {
white-space: pre
}
.\[\&_\.emote\]\:leading-\[1\.25rem\] .emote {
line-height: 1.25rem
}
.\[\&_\.flair-image\]\:align-middle .flair-image {
vertical-align: middle
}
.\[\&_\.flair-image\]\:align-bottom .flair-image {
vertical-align: bottom
}
.\[\&_\[slot\=\'verdict-indicator-avatar\'\]_span\]\:h-\[1\.5rem\] [slot=verdict-indicator-avatar] span {
height: 1.5rem
}
.\[\&_\[slot\=\'verdict-indicator-avatar\'\]_span\]\:min-h-\[1\.5rem\] [slot=verdict-indicator-avatar] span {
min-height: 1.5rem
}
.\[\&_\[slot\=\'verdict-indicator-avatar\'\]_span\]\:w-\[1\.5rem\] [slot=verdict-indicator-avatar] span {
width: 1.5rem
}
.\[\&_\[slot\=\'verdict-indicator-avatar\'\]_span\]\:min-w-\[1\.5rem\] [slot=verdict-indicator-avatar] span {
min-width: 1.5rem
}
.\[\&_a\]\:\!pointer-events-auto a {
pointer-events: auto !important
}
.\[\&_a\]\:\!text-current a {
color: currentColor !important
}
.\[\&_a\]\:underline a {
text-decoration-line: underline
}
.\[\&_auth-flow-link\]\:m-0 auth-flow-link {
margin: 0
}
.\[\&_faceplate-img\.flair-image\]\:align-bottom faceplate-img.flair-image {
vertical-align: bottom
}
.\[\&_faceplate-img\]\:leading-normal faceplate-img {
line-height: 1.5
}
.\[\&_figure\]\:order-2 figure {
order: 2
}
.\[\&_figure\]\:p-md figure {
padding: 1rem
}
.\[\&_figure\]\:p-xs figure {
padding: .5rem
}
.\[\&_img\]\:h-\[40px\] img {
height: 40px
}
.\[\&_img\]\:w-\[40px\] img {
width: 40px
}
.\[\&_label\]\:hidden label {
display: none
}
.\[\&_li_\*\]\:\!px-0 li * {
padding-left: 0 !important;
padding-right: 0 !important
}
.\[\&_p\:nth-child\(n\+2\)\]\:hidden p:nth-child(n+2) {
display: none
}
.\[\&_p\]\:m-0 p {
margin: 0
}
.\[\&_p\]\:my-0 p {
margin-bottom: 0;
margin-top: 0
}
.\[\&_p\]\:line-clamp-5 p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5
}
.\[\&_p\]\:inline p {
display: inline
}
.\[\&_strong\]\:font-\[800\] strong {
font-weight: 800
}
.\[\&\~\*\]\:hidden~* {
display: none
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:mt-0 {
margin-top: 0
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:h-\[390px\] {
height: 390px
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:flex-col {
flex-direction: column
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:gap-0 {
gap: 0
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:bg-\[length\:358px\] {
background-size: 358px
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:bg-\[center_25\%\] {
background-position: center 25%
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:py-0 {
padding-bottom: 0;
padding-top: 0
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:pb-xs {
padding-bottom: .5rem
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:pt-0 {
padding-top: 0
}
.rpl-bottom-sheet .\[\.rpl-bottom-sheet_\&\]\:\*\:w-full>* {
width: 100%
}
.rpl-dialog .\[\.rpl-dialog_\&\]\:max-w-\[320px\] {
max-width: 320px
}
faceplate-textarea-input[faceplate-validity=valid]~div>.\[faceplate-textarea-input\[faceplate-validity\=\'valid\'\]\~div\>\&\]\:pointer-events-auto {
pointer-events: auto
}
faceplate-textarea-input[faceplate-validity=valid]~div>.\[faceplate-textarea-input\[faceplate-validity\=\'valid\'\]\~div\>\&\]\:opacity-100 {
opacity: 1
}
</style>
<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="RDvB1J+2nARemEAwcWpDbA==">window.__servedBy = new Promise((resolve) => { window.__servedByRes = resolve; });</script>
</head>
<body>
<a rpl class="
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
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>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
window.hasTabBeenBackgrounded = document.hidden;
</script>
<shreddit-async-loader bundleName="reputation_recaptcha">
<reputation-recaptcha site-key="6LfirrMoAAAAAHZOipvza4kpp_VtTwLNuXVwURNQ"></reputation-recaptcha>
</shreddit-async-loader>
<shreddit-app class="overflow-visible pt-[var(--page-y-padding)] nd-visible"
loid="000000002dkcibdgu2.2.1777762073246.Z0FBQUFBQnA5bjhaVldwSmhrdnczS0o2dEx4STR3VGJGaWhNQ291X1FTek5obmpFYkFzSUw1YzRBT3ptSDQwdkdHQ3N3RmxfcW0ta2IxQlMzS0JwNEw3eFVCVEh5ZW9HY0Q4bVExc3ljX3Fjby1mTXR0YXZVN0VtQllfZTBaMUcwUktVd2RfOXRPdUw"
correlation-id="11db2892-becc-4fcf-9424-e9ba4dc073c1" feed-correlation-id="ede31476-ffab-49ac-9b2b-75bd17404207"
serverRenderId="8ab40d97-66f8-4638-834b-ba7c7e63cca4" routeName="frontpage" route-type="" pageType="popular"
deviceType="desktop" ctn="CSRF" referrer="https://www.reddit.com/" referrer-type="reddit" country="DE"
browser="chrome" app-name="web3x" microapp-name="feeds" microapp-pool="first-time-user"
clienthash="gPFAz7Za1jY5t5Jm" release="2026-05-01T18:30Z~b83f2825" cluster="so2nI2ZO"
spp="Z9XrVgiEXJmmpefgegvGohiu2FkljPvAm2LJyPYX7huBKt7Q==" global-leave-screen-event-enabled>
<faceplate-server-session timestamp="1777762073271"></faceplate-server-session>
<shreddit-good-visit-tracker referrerType="reddit" pageType="popular">
</shreddit-good-visit-tracker><shreddit-seo-good-visit-tracker referrer-type="reddit" page-type="popular"
referrer="https://www.reddit.com/">
</shreddit-seo-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="8ab40d97-66f8-4638-834b-ba7c7e63cca4" routeName="frontpage"
routeType="" pageType="popular" referrer="https://www.reddit.com/" referrer-type="reddit"
app-name="web3x" microapp-name="feeds" microapp-pool="first-time-user"
correlation-id="11db2892-becc-4fcf-9424-e9ba4dc073c1"
feed-correlation-id="ede31476-ffab-49ac-9b2b-75bd17404207" seeker-session="false"
paid-ua-session="false">
</shreddit-app-attrs>
<shreddit-good-visit-tracker-attrs pageType="popular" referrerType="reddit">
</shreddit-good-visit-tracker-attrs>
<shreddit-seo-good-visit-tracker-attrs referrer-type="reddit" page-type="popular"
referrer="https://www.reddit.com/">
</shreddit-seo-good-visit-tracker-attrs>
</template>
</shreddit-page-meta> <faceplate-loader name="PopularPage_DpKl6B"
src="concat:B3cBkwPNzn,BWKP_lfBH2,uBjPTREPV_,E384WTaMxK,9Fprz0XNaJ,CfUpTBhGqu,COcpBqhtzi,CoQ58QaOKJ,C9D_BcVJHB,DpjJ4SjQHD,C3PM9NIF_C,8MY3r0kren,BFGVQSyCxS,iBKYt9egQb,D-3dlubuOq,BgkQqdioAm,BZBKBuO-Ld,B6O8D_N3U-,CGTMIGYAP9,CZahagDswK,DR1Tg8zxlM,Ck8s0UF45u,BlqeIw4wsF,BQ4RXEgeAp,CWTjd7F6JS,CUwSml5pOY,D8QNVzIHPQ,vEDBzTKwbw,DXIMUbfYAL,DBmYAumSMl,-9Tj7PAtN3,BzYTM06VSv,DWoVqqW5P1,rJjN_KOFBZ,z-AnBMLENx,D7P9MnY9Vy,Dm03EfG2iN,DsQfnhLvq7,Da8Lli1Gbb,DFcoHrbY-Y,DsTzOSBBtO,D-g188B1uC,BBrDtHprJp,CTzIqQGlX5,BYzXnuqKwF,n_RZlraN4-,DTqRRP-FAE,CtPmSuq7O8,BfSouZrjpR,CY3OREn46N,VEm-vDHeRS,DxPpYpcHlT,GcIVuwXcya,xY8hQgZmL5,DtUFxuIZYt,BhFu05N2W4,L6d4M6RAIl,O64LywDdkU,Cytu54fV87,BqojTCSTC1,D5wxYW5YXa,Dkjz1yfFud,BYjZAwVM-5,j9wbociBo7,Bw2dJDWiLn,AU8Y7MKo4w,zGremXCRhI,CiQGOHlJ9z,Bul_uoL4iU,CLvP218iLB,DiMc5JsmSI,mDf7u9EwDC,plRT5z8VVL,DvgitXhtTf,DQTCoHdZME,CxpBmuu95K,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,BGklwicIGI,wz7sVRSV1Y,BPvnnlTuA4,B9NTDgRmxE,BgX3wdvK9Z,2POOhDuBAb,B-m1h_ijBp,CqNjEAHtvY,C_ULez2CX7,BELDeXqOZM,DCoheGBJiO,DtoW5-OPxc,BP4NWfPeW7,B34jOIdHGp,CqTzw6jN3Z,5N4rlB8kub,DstnL3fXcq,BeqI38zYsP,v0iKY3qW--,BpQMJGNO8d,DxT2z3_EoL,Bp4A0ocviW,C9PQ3gXDoa,DdK4Ccby8l,Bbkm0WA8dT,CjPOCC4McJ,YMHG2OwRRk,IIrKJm90kt,CzIy4zx4nO,C_2MYBGa54,COTInHp1Kr,oqLlFIlwRv,DtQRenFC6m,C8006txZFf,DJTYfGMOEw,B3OqF8inDM,sNfwrAKWcg,-0kZ2wPi5I,BJAIMkY4ei,CzGQQzQ4gA,CbWhpxcJpN,Cy6w4neRN2,CA1j5TFIJk,CRf-_6vRWv,BZEuatesXU,DQiuFPD0FG,B-C4saAC2w,D-pVtm4TeC,CimxGnn56y,Ceo_qc1QrP,BaMgKbTnvT,BaG3hcXhHx,D6NmItLvH-,rrWUhsukks,Bh8jBhUXom,DZVVsh1pF5,75gN1iufmb,CdUd0bcgnQ,ZlF4-7TAoP,K-GAdNUhfz,QIknhS47TV,CNTUKxjgWL,BS4-IeBUEd,CEkMvca6ox,BL5Lp9u0g-,D7wHsw263K,BSjzEH5Rp3,DEn_PglS7D,BJmScMssGe,BdJdFcT3T2,BY6PZxQvGm,DDtqHl7kw3,DvsC6U090l,BUs9nI9__I,nXWAFf8HVT,BGR4rvNQAn,CUgqVj6uF8,fZTKaCDvU-,DQ-KFJBlTG,BgV84uABpw,I6Bh6cyiDl,Bfift2ecZK,J9Z9A1a9gm,Dm_9AgkwUB,pQPq_5mCl5,CYb_BF6bCp,DkJfhj_O75,MZ2YMF_usd,BKBV3Bie7x,DAFanUa3fK,yYAjkeX_Re,B5I7aBhmOY,BJQGGb6N3t,BIPPeSae4q,xlEqLH5cPa,Cc6ZaMId5v,o7GUlPim_y,BE_yzdRUts,BER48lTGWM,DwFtz3-A-r,C4fSP4FXUk,KE0SJMDoJV"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["B3cBkwPNzn", "BWKP_lfBH2", "uBjPTREPV_", "E384WTaMxK", "9Fprz0XNaJ", "CfUpTBhGqu", "COcpBqhtzi", "CoQ58QaOKJ", "C9D_BcVJHB", "DpjJ4SjQHD", "C3PM9NIF_C", "8MY3r0kren", "BFGVQSyCxS", "iBKYt9egQb", "D-3dlubuOq", "BgkQqdioAm", "BZBKBuO-Ld", "B6O8D_N3U-", "CGTMIGYAP9", "CZahagDswK", "DR1Tg8zxlM", "Ck8s0UF45u", "BlqeIw4wsF", "BQ4RXEgeAp", "CWTjd7F6JS", "CUwSml5pOY", "D8QNVzIHPQ", "vEDBzTKwbw", "DXIMUbfYAL", "DBmYAumSMl", "-9Tj7PAtN3", "BzYTM06VSv", "DWoVqqW5P1", "rJjN_KOFBZ", "z-AnBMLENx", "D7P9MnY9Vy", "Dm03EfG2iN", "DsQfnhLvq7", "Da8Lli1Gbb", "DFcoHrbY-Y", "DsTzOSBBtO", "D-g188B1uC", "BBrDtHprJp", "CTzIqQGlX5", "BYzXnuqKwF", "n_RZlraN4-", "DTqRRP-FAE", "CtPmSuq7O8", "BfSouZrjpR", "CY3OREn46N", "VEm-vDHeRS", "DxPpYpcHlT", "GcIVuwXcya", "xY8hQgZmL5", "DtUFxuIZYt", "BhFu05N2W4", "L6d4M6RAIl", "O64LywDdkU", "Cytu54fV87", "BqojTCSTC1", "D5wxYW5YXa", "Dkjz1yfFud", "BYjZAwVM-5", "j9wbociBo7", "Bw2dJDWiLn", "AU8Y7MKo4w", "zGremXCRhI", "CiQGOHlJ9z", "Bul_uoL4iU", "CLvP218iLB", "DiMc5JsmSI", "mDf7u9EwDC", "plRT5z8VVL", "DvgitXhtTf", "DQTCoHdZME", "CxpBmuu95K", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "BGklwicIGI", "wz7sVRSV1Y", "BPvnnlTuA4", "B9NTDgRmxE", "BgX3wdvK9Z", "2POOhDuBAb", "B-m1h_ijBp", "CqNjEAHtvY", "C_ULez2CX7", "BELDeXqOZM", "DCoheGBJiO", "DtoW5-OPxc", "BP4NWfPeW7", "B34jOIdHGp", "CqTzw6jN3Z", "5N4rlB8kub", "DstnL3fXcq", "BeqI38zYsP", "v0iKY3qW--", "BpQMJGNO8d", "DxT2z3_EoL", "Bp4A0ocviW", "C9PQ3gXDoa", "DdK4Ccby8l", "Bbkm0WA8dT", "CjPOCC4McJ", "YMHG2OwRRk", "IIrKJm90kt", "CzIy4zx4nO", "C_2MYBGa54", "COTInHp1Kr", "oqLlFIlwRv", "DtQRenFC6m", "C8006txZFf", "DJTYfGMOEw", "B3OqF8inDM", "sNfwrAKWcg", "-0kZ2wPi5I", "BJAIMkY4ei", "CzGQQzQ4gA", "CbWhpxcJpN", "Cy6w4neRN2", "CA1j5TFIJk", "CRf-_6vRWv", "BZEuatesXU", "DQiuFPD0FG", "B-C4saAC2w", "D-pVtm4TeC", "CimxGnn56y", "Ceo_qc1QrP", "BaMgKbTnvT", "BaG3hcXhHx", "D6NmItLvH-", "rrWUhsukks", "Bh8jBhUXom", "DZVVsh1pF5", "75gN1iufmb", "CdUd0bcgnQ", "ZlF4-7TAoP", "K-GAdNUhfz", "QIknhS47TV", "CNTUKxjgWL", "BS4-IeBUEd", "CEkMvca6ox", "BL5Lp9u0g-", "D7wHsw263K", "BSjzEH5Rp3", "DEn_PglS7D", "BJmScMssGe", "BdJdFcT3T2", "BY6PZxQvGm", "DDtqHl7kw3", "DvsC6U090l", "BUs9nI9__I", "nXWAFf8HVT", "BGR4rvNQAn", "CUgqVj6uF8", "fZTKaCDvU-", "DQ-KFJBlTG", "BgV84uABpw", "I6Bh6cyiDl", "Bfift2ecZK", "J9Z9A1a9gm", "Dm_9AgkwUB", "pQPq_5mCl5", "CYb_BF6bCp", "DkJfhj_O75", "MZ2YMF_usd", "BKBV3Bie7x", "DAFanUa3fK", "yYAjkeX_Re", "B5I7aBhmOY", "BJQGGb6N3t", "BIPPeSae4q", "xlEqLH5cPa", "Cc6ZaMId5v", "o7GUlPim_y", "BE_yzdRUts", "BER48lTGWM", "DwFtz3-A-r", "C4fSP4FXUk", "KE0SJMDoJV"], 'en-US/', 'auto');
</script>
</faceplate-loader> <faceplate-loader name="HeaderLarge_FStGrg"
src="concat:BIYjSG0Gz4,BgX3wdvK9Z,BgkQqdioAm,CWTjd7F6JS,Cf-UB2WXPN,COcpBqhtzi,B4VrOgopn6,DsTzOSBBtO,CBEb_KeVse,CGTMIGYAP9,Dd_k_Lp7w0,Ceo_qc1QrP,Bq7rWITNvS,DTqRRP-FAE,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,2POOhDuBAb,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K,Bh8jBhUXom,oqLlFIlwRv,A6GRiDeKgL,DrU4evlIrk,xmKi88f-7C,ComsPdw85E,BeqI38zYsP,v0iKY3qW--,BUc-ICpYJu,Cadaz0QCXG,M_zBI6Ipg-,B-C4saAC2w,D-pVtm4TeC"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BIYjSG0Gz4", "BgX3wdvK9Z", "BgkQqdioAm", "CWTjd7F6JS", "Cf-UB2WXPN", "COcpBqhtzi", "B4VrOgopn6", "DsTzOSBBtO", "CBEb_KeVse", "CGTMIGYAP9", "Dd_k_Lp7w0", "Ceo_qc1QrP", "Bq7rWITNvS", "DTqRRP-FAE", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "2POOhDuBAb", "DQTCoHdZME", "Dkjz1yfFud", "CxpBmuu95K", "Bh8jBhUXom", "oqLlFIlwRv", "A6GRiDeKgL", "DrU4evlIrk", "xmKi88f-7C", "ComsPdw85E", "BeqI38zYsP", "v0iKY3qW--", "BUc-ICpYJu", "Cadaz0QCXG", "M_zBI6Ipg-", "B-C4saAC2w", "D-pVtm4TeC"], 'en-US/', 'auto');
</script>
</faceplate-loader><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="pe-lg flex gap-xs items-center justify-start"><rpl-tooltip
id="hamburger-button-tooltip" style="--rpl-z-index-tooltip: 1001;"
class="nd:visible contents " placement="right" appearance="inverted"
trigger="hover focus-visible" distance="8">
<faceplate-tracker source="nav" action="open" noun="hamburger_menu"
class="relative nd:visible">
<activate-feature name="HamburgerMenu_nwYSWB" activation="intent"><button rpl class="m:hidden
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
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" viewBox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.1 4.801H2.9a.9.9 0 010-1.8h14.199a.9.9 0 01.001 1.8zM18 10a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199A.9.9 0 0018 10zm0 6.1a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199a.9.9 0 00.901-.9z">
</path>
</svg></span>
</span>
<faceplate-screen-reader-content>Open menu</faceplate-screen-reader-content>
</button></activate-feature>
</faceplate-tracker><span slot="content">Open navigation</span>
</rpl-tooltip><faceplate-tracker class="nd:visible flex items-center" source="nav"
action="click" noun="reddit_logo">
<rpl-tooltip style="--rpl-z-index-tooltip: 1001;" class="nd:visible contents "
placement="right" appearance="inverted" trigger="hover focus-visible" distance="8">
<a id="reddit-logo" class="no-underline flex items-center" href="/"
aria-label="Home">
<span class="hidden s:flex items-center"><svg class="h-[22px]"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 514 149"
style="color: var(--shreddit-color-wordmark)">
<g style="fill: currentColor">
<path
d="m71.62,45.92l-12.01,28.56c-1.51-.76-5.11-1.61-8.51-1.61s-6.81.85-10.12,2.46c-6.53,3.31-11.35,9.93-11.35,19.48v52.3H-.26V45.35h29.04v14.28h.57c6.81-9.08,17.21-15.79,30.74-15.79,4.92,0,9.65.95,11.54,2.08Z">
</path>
<path
d="m65.84,96.52c0-29.41,20.15-52.68,50.32-52.68,27.33,0,46.91,19.96,46.91,48.05,0,4.92-.47,9.55-1.51,14h-68.48c3.12,10.69,12.39,19.01,26.29,19.01,7.66,0,18.54-2.74,24.4-7.28l9.27,22.32c-8.61,5.86-21.75,8.7-33.29,8.7-32.25,0-53.91-20.81-53.91-52.11Zm26.67-9.36h43.03c0-13.05-8.89-19.96-19.77-19.96-12.3,0-20.62,7.94-23.27,19.96Z">
</path>
<path
d="m419.53-.37c10.03,0,18.25,8.23,18.25,18.25s-8.23,18.25-18.25,18.25-18.25-8.23-18.25-18.25S409.51-.37,419.53-.37Zm14.94,147.49h-29.89V45.35h29.89v101.77Z">
</path>
<path
d="m246,1.47l-.09,53.53h-.57c-8.23-7.85-17.12-11.07-28.75-11.07-28.66,0-47.67,23.08-47.67,52.3s17.78,52.4,46.72,52.4c12.11,0,23.55-4.16,30.93-13.62h.85v12.11h28.47V1.47h-29.89Zm1.42,121.39h-.99l-6.67-6.93c-4.34,4.33-10.28,6.93-17.22,6.93-14.64,0-24.88-11.58-24.88-26.6s10.24-26.6,24.88-26.6,24.88,11.58,24.88,26.6v26.6Z">
</path>
<path
d="m360.15,1.47l-.09,53.53h-.57c-8.23-7.85-17.12-11.07-28.75-11.07-28.66,0-47.67,23.08-47.67,52.3s17.78,52.4,46.72,52.4c12.11,0,23.55-4.16,30.93-13.62h.85v12.11h28.47V1.47h-29.89Zm1.28,121.39h-.99l-6.67-6.93c-4.34,4.33-10.28,6.93-17.22,6.93-14.64,0-24.88-11.58-24.88-26.6s10.24-26.6,24.88-26.6,24.88,11.58,24.88,26.6v26.6Z">
</path>
<path
d="m492.44,45.35h21.85v25.44h-21.85v76.33h-29.89v-76.33h-21.75v-25.44h21.75v-27.66h29.89v27.66Z">
</path>
</g>
</svg> </span>
</a><span slot="content">Go to Reddit Home</span>
</rpl-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">
<faceplate-loader name="SearchInputDesktop_qMQpPT"
src="concat:BeI-TlIEkO,FsCAwfhGP5,BgkQqdioAm,CGTMIGYAP9,97SLZt_U2U,CKQMO2ZRfH,CMGBW2lLkp,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,DDtqHl7kw3,qSGH9oX3Gw,CfUpTBhGqu,5G4qd757Uq,BELDeXqOZM,DoJy55xXnP,B0AsOl5SSt,mDf7u9EwDC,DEHWKftYoQ,CyQb0FCNFE,oqLlFIlwRv,BGqoixUCT4,iwobLlT8mv,MZ2YMF_usd,BfSouZrjpR,BP4NWfPeW7,CqNjEAHtvY,_cPAXsg9tx,CFLvgfXcCf,Ceo_qc1QrP,QOASXF_nzc,BuLCRnUGAD,CimxGnn56y,BaMgKbTnvT,C8006txZFf,BaG3hcXhHx,Ba-dUJcf95,EejsmAoVW2,CRf-_6vRWv,C3PM9NIF_C"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BeI-TlIEkO", "FsCAwfhGP5", "BgkQqdioAm", "CGTMIGYAP9", "97SLZt_U2U", "CKQMO2ZRfH", "CMGBW2lLkp", "DvsC6U090l", "3990-_fHlf", "CqTzw6jN3Z", "BUs9nI9__I", "nXWAFf8HVT", "BKkJx45QU5", "Dkjz1yfFud", "DDtqHl7kw3", "qSGH9oX3Gw", "CfUpTBhGqu", "5G4qd757Uq", "BELDeXqOZM", "DoJy55xXnP", "B0AsOl5SSt", "mDf7u9EwDC", "DEHWKftYoQ", "CyQb0FCNFE", "oqLlFIlwRv", "BGqoixUCT4", "iwobLlT8mv", "MZ2YMF_usd", "BfSouZrjpR", "BP4NWfPeW7", "CqNjEAHtvY", "_cPAXsg9tx", "CFLvgfXcCf", "Ceo_qc1QrP", "QOASXF_nzc", "BuLCRnUGAD", "CimxGnn56y", "BaMgKbTnvT", "C8006txZFf", "BaG3hcXhHx", "Ba-dUJcf95", "EejsmAoVW2", "CRf-_6vRWv", "C3PM9NIF_C"], 'en-US/', 'auto');
</script>
</faceplate-loader><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"
device-type="desktop" initial-query=""
scope="{"type":"global","path":"/"}"
scoped-typeahead-experiment-name="web3x_search_dynamic_scoped_typeahead"
ask-button-variant="enabled"
ask-button-experiment-name="web3x_search_bar_ask_button"
ask-button-experiment-version="8" typeahead-debounce-delay="75"
typeahead-debounce-variant="debounce_75"
typeahead-debounce-experiment-name="shreddit_typeahead_debounce_variants"
typeahead-debounce-experiment-version="9" show-ask-button show-ask-text
show-snoo-leading-icon global-leave-screen-event-enabled>
<form autocomplete="off" action="/search/?q="
class="reddit-search-bar flex relative items-center text-neutral-content-strong h-100 m-0 bg-secondary-background rounded-5 fallback-with-gradient">
<div
class="search-input border-solid border-md border-transparent bg-transparent m-0 flex items-center w-full outline-none text-14 p-0 placeholder:text-neutral-content-weak gap-xs pl-md pr-2xs">
<span class="inline-flex text-16 text-neutral-content -ml-sm">
<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256" xml:space="preserve"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip0_2033_71574)">
<circle cx="128" cy="128" r="128" fill="#FF4500">
</circle>
<path
d="M55.44 153.54C71.9478 153.54 85.33 140.158 85.33 123.65C85.33 107.142 71.9478 93.76 55.44 93.76C38.9322 93.76 25.55 107.142 25.55 123.65C25.55 140.158 38.9322 153.54 55.44 153.54Z"
fill="url(#paint0_radial_2033_71574)"></path>
<path
d="M200.56 153.54C217.068 153.54 230.45 140.158 230.45 123.65C230.45 107.142 217.068 93.76 200.56 93.76C184.052 93.76 170.67 107.142 170.67 123.65C170.67 140.158 184.052 153.54 200.56 153.54Z"
fill="url(#paint1_radial_2033_71574)"></path>
<path
d="M128.07 213.33C175.196 213.33 213.4 184.676 213.4 149.33C213.4 113.984 175.196 85.33 128.07 85.33C80.9435 85.33 42.74 113.984 42.74 149.33C42.74 184.676 80.9435 213.33 128.07 213.33Z"
fill="url(#paint2_radial_2033_71574)"></path>
<path
d="M102.84 143.11C102.34 153.95 95.14 157.89 86.77 157.89C78.4 157.89 72 152.34 72.5 141.5C73 130.66 80.2 123.48 88.57 123.48C96.94 123.48 103.34 132.27 102.84 143.11Z"
fill="#842123"></path>
<path
d="M183.64 141.49C184.14 152.33 177.75 157.88 169.37 157.88C160.99 157.88 153.79 153.95 153.3 143.1C152.8 132.26 159.19 123.47 167.57 123.47C175.95 123.47 183.15 130.64 183.64 141.49Z"
fill="#842123"></path>
<path
d="M102.85 144.05C102.38 154.2 95.65 157.88 87.81 157.88C79.97 157.88 73.99 152.37 74.46 142.22C74.93 132.07 81.66 125.43 89.5 125.43C97.34 125.43 103.32 133.9 102.85 144.05Z"
fill="url(#paint3_radial_2033_71574)"></path>
<path
d="M166.65 125.44C174.49 125.44 181.22 132.08 181.69 142.23C182.16 152.38 176.18 157.89 168.34 157.89C160.5 157.89 153.77 154.21 153.3 144.06C152.83 133.91 158.81 125.44 166.65 125.44Z"
fill="url(#paint4_radial_2033_71574)"></path>
<path
d="M128.07 165.12C117.49 165.12 107.35 165.63 97.97 166.56C96.37 166.72 95.35 168.35 95.97 169.81C101.22 182.12 113.61 190.77 128.07 190.77C142.53 190.77 154.91 182.12 160.17 169.81C160.79 168.35 159.78 166.72 158.17 166.56C148.79 165.63 138.65 165.12 128.07 165.12Z"
fill="#BBCFDA"></path>
<path
d="M128.07 167.47C117.52 167.47 107.41 167.99 98.06 168.94C96.46 169.1 95.45 170.76 96.07 172.24C101.31 184.75 113.66 193.53 128.06 193.53C142.46 193.53 154.82 184.74 160.06 172.24C160.68 170.76 159.67 169.1 158.07 168.94C148.72 167.99 138.61 167.47 128.06 167.47H128.07Z"
fill="white"></path>
<path
d="M128.07 166.25C117.69 166.25 107.74 166.76 98.53 167.69C96.96 167.85 95.96 169.48 96.57 170.94C101.72 183.25 113.88 191.9 128.07 191.9C142.26 191.9 154.41 183.25 159.57 170.94C160.18 169.48 159.18 167.85 157.61 167.69C148.41 166.76 138.46 166.25 128.07 166.25Z"
fill="url(#paint5_radial_2033_71574)"></path>
<path
d="M174.81 76.63C186.507 76.63 195.99 67.1474 195.99 55.45C195.99 43.7526 186.507 34.27 174.81 34.27C163.113 34.27 153.63 43.7526 153.63 55.45C153.63 67.1474 163.113 76.63 174.81 76.63Z"
fill="url(#paint6_radial_2033_71574)"></path>
<path
d="M127.77 88.03C125.23 88.03 123.18 86.97 123.18 85.33C123.18 66.35 138.62 50.92 157.59 50.92C160.13 50.92 162.18 52.98 162.18 55.51C162.18 58.04 160.12 60.1 157.59 60.1C143.68 60.1 132.36 71.42 132.36 85.33C132.36 86.97 130.3 88.03 127.77 88.03Z"
fill="url(#paint7_radial_2033_71574)"></path>
<path
d="M97.27 149.07C97.27 153 93.09 154.76 87.94 154.76C82.79 154.76 78.61 153 78.61 149.07C78.61 145.14 82.79 141.96 87.94 141.96C93.09 141.96 97.27 145.14 97.27 149.07Z"
fill="#FF6101"></path>
<path
d="M177.54 149.07C177.54 153 173.36 154.76 168.21 154.76C163.06 154.76 158.88 153 158.88 149.07C158.88 145.14 163.06 141.96 168.21 141.96C173.36 141.96 177.54 145.14 177.54 149.07Z"
fill="#FF6101"></path>
<path
d="M94.38 138.41C96.2136 138.41 97.7 136.789 97.7 134.79C97.7 132.791 96.2136 131.17 94.38 131.17C92.5464 131.17 91.06 132.791 91.06 134.79C91.06 136.789 92.5464 138.41 94.38 138.41Z"
fill="#FFC49C"></path>
<path
d="M173.29 138.41C175.124 138.41 176.61 136.789 176.61 134.79C176.61 132.791 175.124 131.17 173.29 131.17C171.456 131.17 169.97 132.791 169.97 134.79C169.97 136.789 171.456 138.41 173.29 138.41Z"
fill="#FFC49C"></path>
</g>
<defs>
<radialGradient id="paint0_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(57.1401 107.558) scale(59.9015 52.2545)">
<stop stop-color="#FEFFFF"></stop>
<stop offset="0.4" stop-color="#FEFFFF"></stop>
<stop offset="0.51" stop-color="#F9FCFC"></stop>
<stop offset="0.62" stop-color="#EDF3F5"></stop>
<stop offset="0.7" stop-color="#DEE9EC"></stop>
<stop offset="0.72" stop-color="#D8E4E8"></stop>
<stop offset="0.76" stop-color="#CCD8DF"></stop>
<stop offset="0.8" stop-color="#C8D5DD"></stop>
<stop offset="0.83" stop-color="#CCD6DE"></stop>
<stop offset="0.85" stop-color="#D8DBE2"></stop>
<stop offset="0.88" stop-color="#EDE3E9"></stop>
<stop offset="0.9" stop-color="#FFEBEF"></stop>
</radialGradient>
<radialGradient id="paint1_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(225.01 107.558) rotate(-180) scale(59.9015 52.2545)">
<stop stop-color="#FEFFFF"></stop>
<stop offset="0.4" stop-color="#FEFFFF"></stop>
<stop offset="0.51" stop-color="#F9FCFC"></stop>
<stop offset="0.62" stop-color="#EDF3F5"></stop>
<stop offset="0.7" stop-color="#DEE9EC"></stop>
<stop offset="0.72" stop-color="#D8E4E8"></stop>
<stop offset="0.76" stop-color="#CCD8DF"></stop>
<stop offset="0.8" stop-color="#C8D5DD"></stop>
<stop offset="0.83" stop-color="#CCD6DE"></stop>
<stop offset="0.85" stop-color="#D8DBE2"></stop>
<stop offset="0.88" stop-color="#EDE3E9"></stop>
<stop offset="0.9" stop-color="#FFEBEF"></stop>
</radialGradient>
<radialGradient id="paint2_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(130.347 99.1759) scale(180.687 126.865)">
<stop stop-color="#FEFFFF"></stop>
<stop offset="0.4" stop-color="#FEFFFF"></stop>
<stop offset="0.51" stop-color="#F9FCFC"></stop>
<stop offset="0.62" stop-color="#EDF3F5"></stop>
<stop offset="0.7" stop-color="#DEE9EC"></stop>
<stop offset="0.72" stop-color="#D8E4E8"></stop>
<stop offset="0.76" stop-color="#CCD8DF"></stop>
<stop offset="0.8" stop-color="#C8D5DD"></stop>
<stop offset="0.83" stop-color="#CCD6DE"></stop>
<stop offset="0.85" stop-color="#D8DBE2"></stop>
<stop offset="0.88" stop-color="#EDE3E9"></stop>
<stop offset="0.9" stop-color="#FFEBEF"></stop>
</radialGradient>
<radialGradient id="paint3_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(90.1905 150.971) scale(15.0964 22.1628)">
<stop stop-color="#FF6600"></stop>
<stop offset="0.5" stop-color="#FF4500"></stop>
<stop offset="0.7" stop-color="#FC4301"></stop>
<stop offset="0.82" stop-color="#F43F07"></stop>
<stop offset="0.92" stop-color="#E53812"></stop>
<stop offset="1" stop-color="#D4301F"></stop>
</radialGradient>
<radialGradient id="paint4_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(168.756 150.971) rotate(180) scale(15.0964 22.1628)">
<stop stop-color="#FF6600"></stop>
<stop offset="0.5" stop-color="#FF4500"></stop>
<stop offset="0.7" stop-color="#FC4301"></stop>
<stop offset="0.82" stop-color="#F43F07"></stop>
<stop offset="0.92" stop-color="#E53812"></stop>
<stop offset="1" stop-color="#D4301F"></stop>
</radialGradient>
<radialGradient id="paint5_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(128.369 194.908) scale(53.2322 35.1106)">
<stop stop-color="#172E35"></stop>
<stop offset="0.29" stop-color="#0E1C21"></stop>
<stop offset="0.73" stop-color="#030708"></stop>
<stop offset="1"></stop>
</radialGradient>
<radialGradient id="paint6_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(175.312 34.1061) scale(46.7274 46.7274)">
<stop stop-color="#FEFFFF"></stop>
<stop offset="0.4" stop-color="#FEFFFF"></stop>
<stop offset="0.51" stop-color="#F9FCFC"></stop>
<stop offset="0.62" stop-color="#EDF3F5"></stop>
<stop offset="0.7" stop-color="#DEE9EC"></stop>
<stop offset="0.72" stop-color="#D8E4E8"></stop>
<stop offset="0.76" stop-color="#CCD8DF"></stop>
<stop offset="0.8" stop-color="#C8D5DD"></stop>
<stop offset="0.83" stop-color="#CCD6DE"></stop>
<stop offset="0.85" stop-color="#D8DBE2"></stop>
<stop offset="0.88" stop-color="#EDE3E9"></stop>
<stop offset="0.9" stop-color="#FFEBEF"></stop>
</radialGradient>
<radialGradient id="paint7_radial_2033_71574" cx="0"
cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(155.84 85.0459) scale(38.3003 38.3003)">
<stop offset="0.48" stop-color="#7A9299"></stop>
<stop offset="0.67" stop-color="#172E35"></stop>
<stop offset="0.75"></stop>
<stop offset="0.82" stop-color="#172E35"></stop>
</radialGradient>
<clipPath id="clip0_2033_71574">
<rect width="256" height="256" fill="white"></rect>
</clipPath>
</defs>
</svg></span>
<span class="flex items-center w-full ">
<input
class="w-full leading-6 p-0 m-0 border-none bg-transparent flex items-center outline-none text-14 truncate placeholder:text-neutral-content-weak"
name="q" type="text" enterkeyhint="search"
placeholder="Find anything" maxlength="128" value="">
</span>
</div>
</form>
</reddit-search-large>
</search-dynamic-id-cache-controller></div>
</div>
</div>
<div class="ps-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-loader name="QrCodePersistentButtonUpsell_nnwrXY"
src="concat:BXbIaDF_hF,CfUpTBhGqu,BgkQqdioAm,CWTjd7F6JS,CGTMIGYAP9,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BXbIaDF_hF", "CfUpTBhGqu", "BgkQqdioAm", "CWTjd7F6JS", "CGTMIGYAP9", "DQTCoHdZME", "Dkjz1yfFud", "CxpBmuu95K"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<rpl-tooltip appearance="inverted" class="nd:visible coachmark">
<activate-feature reactivatable render-mode="contents"
name="QrCodeModalUpsell_4wg7MS" activation="action">
<button rpl class="
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
button-secondary
items-center justify-center
button inline-flex " id="get-app">
<span class="flex items-center justify-center">
<span class="flex ms-[-2px] me-xs"><svg rpl fill="currentColor"
height="20" icon-name="qr-code" viewBox="0 0 20 20"
width="20" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.7 19H14c-.5 0-.9-.4-.9-.9s.4-.9.9-.9h1.7c.83 0 1.5-.67 1.5-1.5V14c0-.5.4-.9.9-.9s.9.4.9.9v1.7c0 1.82-1.48 3.3-3.3 3.3zM19 6V4.3C19 2.48 17.52 1 15.7 1H14c-.5 0-.9.4-.9.9s.4.9.9.9h1.7c.83 0 1.5.67 1.5 1.5V6c0 .5.4.9.9.9s.9-.4.9-.9zM2.8 6V4.3c0-.83.67-1.5 1.5-1.5H6c.5 0 .9-.4.9-.9S6.5 1 6 1H4.3C2.48 1 1 2.48 1 4.3V6c0 .5.4.9.9.9s.9-.4.9-.9zm4.1 12.1c0-.5-.4-.9-.9-.9H4.3c-.83 0-1.5-.67-1.5-1.5V14c0-.5-.4-.9-.9-.9s-.9.4-.9.9v1.7C1 17.52 2.48 19 4.3 19H6c.5 0 .9-.4.9-.9zm8.4-10V5.7c0-.55-.45-1-1-1h-2.4c-.55 0-1 .45-1 1v2.4c0 .55.45 1 1 1h2.4c.55 0 1-.45 1-1zm-6.2 0V5.7c0-.55-.45-1-1-1H5.7c-.55 0-1 .45-1 1v2.4c0 .55.45 1 1 1h2.4c.55 0 1-.45 1-1zm0 6.2v-2.4c0-.55-.45-1-1-1H5.7c-.55 0-1 .45-1 1v2.4c0 .55.45 1 1 1h2.4c.55 0 1-.45 1-1zm6.2-.1v-3.3h-1.8v2.6h-2.6v1.8h3.3c.61 0 1.1-.49 1.1-1.1z">
</path>
</svg></span>
<span class="flex items-center gap-xs">Get App</span>
</span>
</button>
<ac-track
data-faceplate-tracking-context="{"action_info":{"reason":"qr_upsell"}}"
san="xpromo|click|top_button" trigger-elem="previous"
trigger="click"></ac-track>
</activate-feature>
<span slot="content">
Get the Reddit app
</span>
</rpl-tooltip>
<ac-track
data-faceplate-tracking-context="{"action_info":{"reason":"qr_upsell"}}"
san="xpromo|view|top_button" trigger-elem="parent" trigger="view"></ac-track>
<faceplate-loader name="QrCodeModalUpsell_4wg7MS"
src="concat:CfUpTBhGqu,BgkQqdioAm,CGTMIGYAP9,https://www.redditstatic.com/shreddit/qr-code-modal-upsell-client-css-BH7BgmL6.css"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="QrCodeModalUpsell_4wg7MS"
src="/svc/shreddit/partial/4wg7MS/qr-code-modal-upsell" 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">
<rpl-tooltip style="--rpl-z-index-tooltip: 1001;" class="nd:visible contents "
placement="bottom" appearance="inverted" trigger="hover focus-visible"
distance="8">
<a rpl class="px-sm hover:no-underline
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
button-brand
items-center justify-center
button inline-flex " href="https://www.reddit.com/login/" id="login-button"><span
class="flex items-center justify-center">
<span class="flex items-center gap-xs">Log In</span>
</span>
</a><span slot="content">Log in to Reddit</span>
</rpl-tooltip>
</faceplate-tracker></span>
<div class="flex items-center justify-center w-[40px] h-[40px]">
<rpl-dropdown distance="8"> <faceplate-loader name="HeaderActionItemUserDrawer_jKz2d1"
src="concat:CWTjd7F6JS,BgkQqdioAm,CGTMIGYAP9,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["CWTjd7F6JS", "BgkQqdioAm", "CGTMIGYAP9", "DQTCoHdZME", "Dkjz1yfFud", "CxpBmuu95K"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<rpl-tooltip style="--rpl-z-index-tooltip: 1001;" class="flex justify-center"
placement="bottom-end" appearance="inverted" trigger="hover focus-visible"
distance="8">
<activate-feature name="UserDrawerMenu_SZvQJM" activation="intent"><button rpl
class=" min-w-[40px]
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
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" viewBox="0 0 20 20"
width="20" xmlns="http://www.w3.org/2000/svg">
<path
d="M16 11.75a1.75 1.75 0 11.001-3.501A1.75 1.75 0 0116 11.75zM11.75 10a1.75 1.75 0 10-3.501.001A1.75 1.75 0 0011.75 10zm-6 0a1.75 1.75 0 10-3.501.001A1.75 1.75 0 005.75 10z">
</path>
</svg></span>
</span>
<faceplate-screen-reader-content>Expand user
menu</faceplate-screen-reader-content>
</button></activate-feature><span slot="content">Open settings menu</span>
</rpl-tooltip>
<ac-activate name="ThemeSwitcherModal_pQqdVY" target="#expand-user-drawer-button"
trigger="click"></ac-activate>
<div slot="content" id="user-drawer-content"
class="min-w-[256px] bg-neutral-background-strong rounded-2 overflow-y-auto max-h-[calc(100vh-var(--shreddit-header-height)-1px)]">
<faceplate-partial name="UserDrawerMenu_SZvQJM"
src="/svc/shreddit/partial/SZvQJM/user-drawer-menu" loading="programmatic">
</faceplate-partial>
</div>
</rpl-dropdown>
</div>
</div>
</nav>
</header>
</reddit-header-action-items> <faceplate-loader name="HamburgerMenu_nwYSWB"
src="concat:Bq7rWITNvS,BgX3wdvK9Z,BgkQqdioAm,DsTzOSBBtO,DTqRRP-FAE,CGTMIGYAP9,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,2POOhDuBAb,oqLlFIlwRv,B-C4saAC2w,D-pVtm4TeC"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="HamburgerMenu_nwYSWB" src="/svc/shreddit/hamburger-menu?selected-page-type=popular"
loading="programmatic">
</faceplate-partial>
<div id="reddit-chat" data-persistent></div>
</reddit-header-large> <faceplate-loader name="AlertController_nwPwX3"
src="concat:ccFuL7e6FN,BgkQqdioAm,CGTMIGYAP9,B1MCEQrpNy,loIL0PIVzf,Dkjz1yfFud,VkU-M_Ab0d,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["ccFuL7e6FN", "BgkQqdioAm", "CGTMIGYAP9", "B1MCEQrpNy", "loIL0PIVzf", "Dkjz1yfFud", "VkU-M_Ab0d", "ijm9qoEVsX", "CmSiCg7gkl", "BFjgoU4u9E", "D5wxYW5YXa"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<template name="AlertController_nwPwX3">
<alert-controller></alert-controller>
</template>
<faceplate-loader name="ThemeSwitcherModal_pQqdVY"
src="concat:B4pwkjUkL5,BgkQqdioAm,mDf7u9EwDC,CGTMIGYAP9,CqTzw6jN3Z,BnIjdOYhoC,B9jF7RtdlZ,DMiYQ9g5G_,Bul_uoL4iU,0Jpja9G1Al,D1fVG2JUqc,Dkjz1yfFud,BlqeIw4wsF,D5wxYW5YXa"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="ThemeSwitcherModal_pQqdVY" src="/svc/shreddit/partial/pQqdVY/theme-switcher-modal"
loading="programmatic">
</faceplate-partial>
<faceplate-loader name="ShareMenu_tv6gfD"
src="concat:CQSCdOZX8F,Bul_uoL4iU,-9Tj7PAtN3,BgkQqdioAm,CGTMIGYAP9,B9NTDgRmxE,BgX3wdvK9Z,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,2POOhDuBAb,O64LywDdkU,CWTjd7F6JS,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="ShareMenu_tv6gfD" src="/svc/shreddit/share-menu" loading="programmatic">
</faceplate-partial>
<faceplate-loader name="AwardDialog_GzBkf2"
src="concat:B8mXijpD7J,DMiYQ9g5G_,BgkQqdioAm,Cc6ZaMId5v,CGTMIGYAP9,O64LywDdkU,Dkjz1yfFud,BlqeIw4wsF,D5wxYW5YXa,https://www.redditstatic.com/shreddit/award-dialog-client-css-DqycbD7p.css"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="AwardDialog_GzBkf2" src="/svc/shreddit/award-dialog/:thingId" loading="programmatic">
</faceplate-partial>
<faceplate-loader name="ExplainerDialog_Psng26"
src="concat:_aAyRoFx9T,BWKP_lfBH2,rrWUhsukks,uBjPTREPV_,E384WTaMxK,9Fprz0XNaJ,CfUpTBhGqu,DMiYQ9g5G_,BgkQqdioAm,CGTMIGYAP9,C9D_BcVJHB,C3PM9NIF_C,8MY3r0kren,D5wxYW5YXa,Dkjz1yfFud,Bh8jBhUXom,DZVVsh1pF5,75gN1iufmb,CdUd0bcgnQ,BlqeIw4wsF,https://www.redditstatic.com/shreddit/explainer-dialog-client-css-CD9btAZr.css"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="ExplainerDialog_Psng26" src="/svc/shreddit/explainer-dialog/:explainerId"
loading="programmatic">
</faceplate-partial>
<faceplate-loader name="LeadGenDialog_4ym4rB"
src="concat:BmkA9cyZc0,BgkQqdioAm,CGTMIGYAP9,BWKP_lfBH2,E384WTaMxK,pQPq_5mCl5,DDtqHl7kw3,-0kZ2wPi5I,CZahagDswK,3990-_fHlf,D5wxYW5YXa,DvsC6U090l,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,BkJ2jDXvwb,BJAIMkY4ei"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="LeadGenDialog_4ym4rB" src="/svc/shreddit/lead-gen-dialog" loading="programmatic">
</faceplate-partial>
<cuj-tracker name="popular" noun="popular_feed"></cuj-tracker> <faceplate-loader name="HuiGrid_n6vT4V"
src="concat:BIVbvpneoe,CWTjd7F6JS,C-aS8kfQlN,CdY0mkucw8,zFztLMfxby,BgkQqdioAm,CGTMIGYAP9,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K,CjPOCC4McJ,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,Dd_k_Lp7w0,2k5neCRrMY"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BIVbvpneoe", "CWTjd7F6JS", "C-aS8kfQlN", "CdY0mkucw8", "zFztLMfxby", "BgkQqdioAm", "CGTMIGYAP9", "DQTCoHdZME", "Dkjz1yfFud", "CxpBmuu95K", "CjPOCC4McJ", "DCfQsdldgD", "BuLmVSLMDC", "DkJfhj_O75", "YMHG2OwRRk", "Bika34wYZt", "Bp4A0ocviW", "vdSXDqCtg2", "Dd_k_Lp7w0", "2k5neCRrMY"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<div rpl class="grid-container theme-rpl grid flex-nav-expanded" dir="ltr">
<div id="subgrid-container"
class="subgrid-container m:col-start-2 box-border flex flex-col order-2 w-full m:w-[1120px] xs:px-md m:px-lg mx-auto min-h-[calc(100dvh_-_var(--shreddit-header-height))] justify-stretch"
dir="ltr">
<div class="masthead w-full"></div><shreddit-async-loader bundleName="navigation_links"
class="[&:not(:focus-within)]:sr-only">
<reddit-skip-to-sidebar></reddit-skip-to-sidebar>
</shreddit-async-loader>
<div class="main-container gap-lg w-full flex-1 grid place-content-between grid-cols-[minmax(0,1fr)] fixed-sidebar s:[&.fixed-sidebar]:grid-cols-[minmax(0,756px)_minmax(0,316px)] s:[&.flex-sidebar]:grid-cols-[minmax(0,756px)_auto]"
dir="ltr">
<main class="main w-full min-w-0" id="main-content" dir="ltr"> <faceplate-loader
name="PopularFeed_hWXPsq"
src="concat:DWl8Gi-tC_,ao45YJr4Ul,BWKP_lfBH2,uBjPTREPV_,BFGVQSyCxS,E384WTaMxK,iBKYt9egQb,D-3dlubuOq,BgkQqdioAm,BZBKBuO-Ld,B6O8D_N3U-,CGTMIGYAP9,9Fprz0XNaJ,Ck8s0UF45u,CfUpTBhGqu,BlqeIw4wsF,BQ4RXEgeAp,CWTjd7F6JS,D8QNVzIHPQ,DXIMUbfYAL,DBmYAumSMl,-9Tj7PAtN3,DWoVqqW5P1,rJjN_KOFBZ,z-AnBMLENx,D7P9MnY9Vy,Dm03EfG2iN,DsQfnhLvq7,Da8Lli1Gbb,DFcoHrbY-Y,DsTzOSBBtO,D-g188B1uC,BBrDtHprJp,CTzIqQGlX5,BYzXnuqKwF,DTqRRP-FAE,CtPmSuq7O8,BfSouZrjpR,GcIVuwXcya,C9D_BcVJHB,xY8hQgZmL5,DtUFxuIZYt,BhFu05N2W4,L6d4M6RAIl,O64LywDdkU,C3PM9NIF_C,Cytu54fV87,8MY3r0kren,D5wxYW5YXa,CiQGOHlJ9z,Dkjz1yfFud,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,BGklwicIGI,wz7sVRSV1Y,CxpBmuu95K,DQTCoHdZME,BPvnnlTuA4,B9NTDgRmxE,BgX3wdvK9Z,2POOhDuBAb,B-m1h_ijBp,CqNjEAHtvY,C_ULez2CX7,BELDeXqOZM,DCoheGBJiO,DtoW5-OPxc,BP4NWfPeW7,B34jOIdHGp,CqTzw6jN3Z,5N4rlB8kub,DstnL3fXcq,BeqI38zYsP,v0iKY3qW--,BpQMJGNO8d,DxT2z3_EoL,Bp4A0ocviW,C9PQ3gXDoa,DdK4Ccby8l,mDf7u9EwDC,Bbkm0WA8dT,CjPOCC4McJ,YMHG2OwRRk,IIrKJm90kt,CzIy4zx4nO,C_2MYBGa54,zGremXCRhI,COTInHp1Kr,oqLlFIlwRv,DtQRenFC6m,C8006txZFf,DJTYfGMOEw,B3OqF8inDM,sNfwrAKWcg,-0kZ2wPi5I,BJAIMkY4ei,CzGQQzQ4gA,CbWhpxcJpN,Bul_uoL4iU,Cy6w4neRN2,CA1j5TFIJk,plRT5z8VVL,CRf-_6vRWv,BZEuatesXU,DQiuFPD0FG,ZlF4-7TAoP,K-GAdNUhfz,QIknhS47TV,BaG3hcXhHx,CNTUKxjgWL,BS4-IeBUEd,BYjZAwVM-5,CEkMvca6ox,BL5Lp9u0g-,CoQ58QaOKJ,j9wbociBo7,Bw2dJDWiLn,AU8Y7MKo4w,D7wHsw263K,BSjzEH5Rp3,CZahagDswK,DEn_PglS7D,BJmScMssGe,BdJdFcT3T2,BY6PZxQvGm,DDtqHl7kw3,DvsC6U090l,BUs9nI9__I,nXWAFf8HVT,BGR4rvNQAn,CUgqVj6uF8,fZTKaCDvU-,DQ-KFJBlTG,BgV84uABpw,I6Bh6cyiDl,Bfift2ecZK,J9Z9A1a9gm,Dm_9AgkwUB,pQPq_5mCl5,CYb_BF6bCp,B-C4saAC2w,D-pVtm4TeC,CimxGnn56y,Ceo_qc1QrP,BaMgKbTnvT,D6NmItLvH-,rrWUhsukks,Bh8jBhUXom,DZVVsh1pF5,75gN1iufmb,CdUd0bcgnQ,DAFanUa3fK,yYAjkeX_Re,DkJfhj_O75,B5I7aBhmOY,BJQGGb6N3t,BIPPeSae4q,xlEqLH5cPa,Cc6ZaMId5v,o7GUlPim_y,BE_yzdRUts,BER48lTGWM,DwFtz3-A-r,DR1Tg8zxlM,vEDBzTKwbw,n_RZlraN4-,DxPpYpcHlT,MZ2YMF_usd,BKBV3Bie7x"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["DWl8Gi-tC_", "ao45YJr4Ul", "BWKP_lfBH2", "uBjPTREPV_", "BFGVQSyCxS", "E384WTaMxK", "iBKYt9egQb", "D-3dlubuOq", "BgkQqdioAm", "BZBKBuO-Ld", "B6O8D_N3U-", "CGTMIGYAP9", "9Fprz0XNaJ", "Ck8s0UF45u", "CfUpTBhGqu", "BlqeIw4wsF", "BQ4RXEgeAp", "CWTjd7F6JS", "D8QNVzIHPQ", "DXIMUbfYAL", "DBmYAumSMl", "-9Tj7PAtN3", "DWoVqqW5P1", "rJjN_KOFBZ", "z-AnBMLENx", "D7P9MnY9Vy", "Dm03EfG2iN", "DsQfnhLvq7", "Da8Lli1Gbb", "DFcoHrbY-Y", "DsTzOSBBtO", "D-g188B1uC", "BBrDtHprJp", "CTzIqQGlX5", "BYzXnuqKwF", "DTqRRP-FAE", "CtPmSuq7O8", "BfSouZrjpR", "GcIVuwXcya", "C9D_BcVJHB", "xY8hQgZmL5", "DtUFxuIZYt", "BhFu05N2W4", "L6d4M6RAIl", "O64LywDdkU", "C3PM9NIF_C", "Cytu54fV87", "8MY3r0kren", "D5wxYW5YXa", "CiQGOHlJ9z", "Dkjz1yfFud", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "BGklwicIGI", "wz7sVRSV1Y", "CxpBmuu95K", "DQTCoHdZME", "BPvnnlTuA4", "B9NTDgRmxE", "BgX3wdvK9Z", "2POOhDuBAb", "B-m1h_ijBp", "CqNjEAHtvY", "C_ULez2CX7", "BELDeXqOZM", "DCoheGBJiO", "DtoW5-OPxc", "BP4NWfPeW7", "B34jOIdHGp", "CqTzw6jN3Z", "5N4rlB8kub", "DstnL3fXcq", "BeqI38zYsP", "v0iKY3qW--", "BpQMJGNO8d", "DxT2z3_EoL", "Bp4A0ocviW", "C9PQ3gXDoa", "DdK4Ccby8l", "mDf7u9EwDC", "Bbkm0WA8dT", "CjPOCC4McJ", "YMHG2OwRRk", "IIrKJm90kt", "CzIy4zx4nO", "C_2MYBGa54", "zGremXCRhI", "COTInHp1Kr", "oqLlFIlwRv", "DtQRenFC6m", "C8006txZFf", "DJTYfGMOEw", "B3OqF8inDM", "sNfwrAKWcg", "-0kZ2wPi5I", "BJAIMkY4ei", "CzGQQzQ4gA", "CbWhpxcJpN", "Bul_uoL4iU", "Cy6w4neRN2", "CA1j5TFIJk", "plRT5z8VVL", "CRf-_6vRWv", "BZEuatesXU", "DQiuFPD0FG", "ZlF4-7TAoP", "K-GAdNUhfz", "QIknhS47TV", "BaG3hcXhHx", "CNTUKxjgWL", "BS4-IeBUEd", "BYjZAwVM-5", "CEkMvca6ox", "BL5Lp9u0g-", "CoQ58QaOKJ", "j9wbociBo7", "Bw2dJDWiLn", "AU8Y7MKo4w", "D7wHsw263K", "BSjzEH5Rp3", "CZahagDswK", "DEn_PglS7D", "BJmScMssGe", "BdJdFcT3T2", "BY6PZxQvGm", "DDtqHl7kw3", "DvsC6U090l", "BUs9nI9__I", "nXWAFf8HVT", "BGR4rvNQAn", "CUgqVj6uF8", "fZTKaCDvU-", "DQ-KFJBlTG", "BgV84uABpw", "I6Bh6cyiDl", "Bfift2ecZK", "J9Z9A1a9gm", "Dm_9AgkwUB", "pQPq_5mCl5", "CYb_BF6bCp", "B-C4saAC2w", "D-pVtm4TeC", "CimxGnn56y", "Ceo_qc1QrP", "BaMgKbTnvT", "D6NmItLvH-", "rrWUhsukks", "Bh8jBhUXom", "DZVVsh1pF5", "75gN1iufmb", "CdUd0bcgnQ", "DAFanUa3fK", "yYAjkeX_Re", "DkJfhj_O75", "B5I7aBhmOY", "BJQGGb6N3t", "BIPPeSae4q", "xlEqLH5cPa", "Cc6ZaMId5v", "o7GUlPim_y", "BE_yzdRUts", "BER48lTGWM", "DwFtz3-A-r", "DR1Tg8zxlM", "vEDBzTKwbw", "n_RZlraN4-", "DxPpYpcHlT", "MZ2YMF_usd", "BKBV3Bie7x"], 'en-US/', 'auto');
</script>
</faceplate-loader><suspense-placeholder id="s_8a5ed_0" name="PopularFeed">
<div class="min-h-screen-without-header">
<div
class="h-xl flex gap-xs items-center border-0 border-b-sm border-solid border-b-neutral-border-weak px-md py-xs">
<div class="h-xl w-2xl rounded-2 bg-shimmer"></div>
<div class="h-xl w-2xl rounded-2 bg-shimmer"></div>
</div>
<div
class="feed-placeholder-post border-0 border-b-sm border-solid border-b-neutral-border-weak px-md py-xs last:border-none">
<div class="flex flex-col gap-sm">
<div class="flex gap-xs items-center">
<div class="h-lg w-lg rounded-full bg-shimmer"></div>
<div class="h-sm w-3xl rounded-full bg-shimmer"></div>
</div>
<div class="h-md rounded-full bg-shimmer"></div>
<div class="flex flex-col gap-xs">
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs w-1/4 rounded-full bg-shimmer"></div>
</div>
<div class="flex gap-xs items-center">
<div class="h-xl w-4xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
<div class="h-xl w-3xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
</div>
</div>
</div>
<div
class="feed-placeholder-post border-0 border-b-sm border-solid border-b-neutral-border-weak px-md py-xs last:border-none">
<div class="flex flex-col gap-sm">
<div class="flex gap-xs items-center">
<div class="h-lg w-lg rounded-full bg-shimmer"></div>
<div class="h-sm w-3xl rounded-full bg-shimmer"></div>
</div>
<div class="h-md rounded-full bg-shimmer"></div>
<div class="flex flex-col gap-xs">
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs w-1/4 rounded-full bg-shimmer"></div>
</div>
<div class="flex gap-xs items-center">
<div class="h-xl w-4xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
<div class="h-xl w-3xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
</div>
</div>
</div>
<div
class="feed-placeholder-post border-0 border-b-sm border-solid border-b-neutral-border-weak px-md py-xs last:border-none">
<div class="flex flex-col gap-sm">
<div class="flex gap-xs items-center">
<div class="h-lg w-lg rounded-full bg-shimmer"></div>
<div class="h-sm w-3xl rounded-full bg-shimmer"></div>
</div>
<div class="h-md rounded-full bg-shimmer"></div>
<div class="flex flex-col gap-xs">
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs rounded-full bg-shimmer"></div>
<div class="h-xs w-1/4 rounded-full bg-shimmer"></div>
</div>
<div class="flex gap-xs items-center">
<div class="h-xl w-4xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
<div class="h-xl w-3xl rounded-full bg-shimmer"></div>
<div class="h-xl w-2xl rounded-full bg-shimmer"></div>
</div>
</div>
</div>
</div>
</suspense-placeholder></main>
<div id="right-sidebar-container" data-scroll-restore
class="right-sidebar min-w-0 w-[316px] max-w-[316px] xs:min-h-screen-without-header flex-col justify-start hidden s:flex styled-scrollbars xs:sticky xs:top-[56px] xs:max-h-screen-without-header xs:overflow-y-auto xs:overflow-x-hidden">
<div id="right-sidebar-contents" class="right-sidebar-contents flex-auto">
<aside id="right-rail-experience-root" class="contents" aria-label="Promotion"></aside>
<suspense-placeholder id="s_8a5ed_1" name="PopularFeedRightRail">
<div class="h-screen-without-header"></div>
</suspense-placeholder>
</div>
<div class="legal-links justify-self-end flex mx-md mb-md"><span rpl class="text-neutral-content-weak flex gap-[var(--rem4)]
flex flex-wrap items-center gap-xs">
<span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<faceplate-tracker source="nav" action="click" noun="content_policy_menu">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://www.redditinc.com/policies/content-policy">Reddit Rules</a>
</faceplate-tracker>
</span><span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<faceplate-tracker source="nav" action="click" noun="privacy_policy_menu">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://www.reddit.com/policies/privacy-policy">Privacy Policy</a>
</faceplate-tracker>
</span><span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<faceplate-tracker source="nav" action="click" noun="user_agreement_menu">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://www.redditinc.com/policies/user-agreement">User Agreement</a>
</faceplate-tracker>
</span><span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<faceplate-tracker source="nav" action="click" noun="accessibility_menu">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://support.reddithelp.com/hc/sections/38303584022676-Accessibility">Accessibility</a>
</faceplate-tracker>
</span><span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<faceplate-tracker source="nav" action="click" noun="impressum_menu">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://www.redditinc.com/policies/impressum">Impressum</a>
</faceplate-tracker>
</span><span rpl
class="inline-block whitespace-nowrap text-ellipsis overflow-hidden max-h-[var(--rem20)] text-12">
<a rpl class=" a cursor-pointer
text-secondary-plain-weak hover:text-secondary-plain-hover no-visited visited:text-secondary-plain-weak
text-caption-1
no-visited
hover:underline
" href="https://redditinc.com">Reddit, Inc. © 2026. All rights reserved.</a>
</span>
</span></div>
</div>
<aside id="right-rail-entity-panel-root" class="contents" aria-label="Entity Highlight Panel">
</aside>
</div>
</div><flex-left-nav-container id="left-sidebar-container"
class="left-sidebar theme-rpl isolate order-first hidden m:block border-0 border-solid s:border-e-sm border-e-neutral-border"
expanded="1" country="DE" parent-grid-selector=".grid-container">
<div id="flex-left-nav-container" dir="ltr">
<div id="flex-nav-buttons"><rpl-tooltip style="--show-delay: 750ms; --hide-delay: 50ms"
placement="right" content="Expand Navigation" appearance="inverted">
<button rpl class="bg-neutral-background shadow-xs
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
button-bordered
icon
items-center justify-center
button inline-flex " id="flex-nav-expand-button">
<span class="flex items-center justify-center">
<span class="flex"><svg rpl fill="currentColor" height="16" icon-name="menu"
viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.1 4.801H2.9a.9.9 0 010-1.8h14.199a.9.9 0 01.001 1.8zM18 10a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199A.9.9 0 0018 10zm0 6.1a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199a.9.9 0 00.901-.9z">
</path>
</svg></span>
</span>
<faceplate-screen-reader-content>Expand Navigation</faceplate-screen-reader-content>
</button>
</rpl-tooltip><rpl-tooltip style="--show-delay: 750ms; --hide-delay: 50ms" placement="right"
content="Collapse Navigation" appearance="inverted">
<button rpl class="bg-neutral-background shadow-xs
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
button-bordered
icon
items-center justify-center
button inline-flex " id="flex-nav-collapse-button">
<span class="flex items-center justify-center">
<span class="flex"><svg rpl fill="currentColor" height="16" icon-name="menu"
viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.1 4.801H2.9a.9.9 0 010-1.8h14.199a.9.9 0 01.001 1.8zM18 10a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199A.9.9 0 0018 10zm0 6.1a.9.9 0 00-.9-.9H2.9a.9.9 0 000 1.8h14.199a.9.9 0 00.901-.9z">
</path>
</svg></span>
</span>
<faceplate-screen-reader-content>Collapse Navigation</faceplate-screen-reader-content>
</button>
</rpl-tooltip></div>
<div id="flex-left-nav-contents" dir="ltr">
<div class="contents" id="left-nav-persistent-container" data-persistent>
<faceplate-loader name="CommonLeftNav_J7VVLM"
src="concat:CjeZMANxsc,_cPAXsg9tx,VLN3tk4_v1,BgkQqdioAm,mDf7u9EwDC,BQyb1rnhli,DEHWKftYoQ,B34jOIdHGp,W_pMZ6_I8-,C2q5Ke20o7,DLjwzFA3of,Dkjz1yfFud,CGTMIGYAP9,CohCQap2KI,BMWn7-IOpi,CyQb0FCNFE,-S_a4C1V1c,C_Vz9pxxDV,CY-a1ant6E,BELDeXqOZM,CWTjd7F6JS,DQTCoHdZME,CxpBmuu95K"
loading="lazy" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="CommonLeftNav_J7VVLM"
src="/svc/shreddit/partial/J7VVLM/common-left-nav?data=%7B%22selectedPageType%22%3A%22popular%22%7D&sig=v1.NnTFgE5YTm5RToaKRvZVrT7rpKOvcCMWuc4VQj3jpTI"
loading="lazy">
</faceplate-partial>
</div>
</div>
</div>
</flex-left-nav-container>
</div> <faceplate-loader name="AuthOverlay_VnfQlg"
src="concat:BuLmVSLMDC,BgkQqdioAm,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Dkjz1yfFud,Bp4A0ocviW,CGTMIGYAP9"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BuLmVSLMDC", "BgkQqdioAm", "DkJfhj_O75", "YMHG2OwRRk", "Bika34wYZt", "Dkjz1yfFud", "Bp4A0ocviW", "CGTMIGYAP9"], 'en-US/', 'auto');
</script>
</faceplate-loader><auth-flow-manager class="relative z-[1001]"><span slot="login"
feature-name="LoginStep_fKScTR"> <faceplate-loader name="LoginStep_fKScTR"
src="concat:CvHyoSFqCh,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,C-aS8kfQlN,C23ssYKLOr,DWRAP3D9Lb,CdY0mkucw8,BgkQqdioAm,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,CjPOCC4McJ,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,BFIGlPj6wp,CECqhPHO-4,2k5neCRrMY,Dd_k_Lp7w0,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="LoginStep_fKScTR" src="/svc/shreddit/partial/fKScTR/login-step"
loading="programmatic">
</faceplate-partial>
</span><span slot="register" feature-name="RegisterStep_yNTrTf"> <faceplate-loader
name="RegisterStep_yNTrTf"
src="concat:BhmBLicxlq,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,CY5KKl_ku8,C-aS8kfQlN,DWRAP3D9Lb,CdY0mkucw8,BgkQqdioAm,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,2k5neCRrMY,B1MCEQrpNy,BZBKBuO-Ld,BFIGlPj6wp,CjPOCC4McJ,Dd_k_Lp7w0,BdJdFcT3T2,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="RegisterStep_yNTrTf"
src="/svc/shreddit/partial/yNTrTf/register-step?data=%7B%22hideSSOOptions%22%3Afalse%7D&sig=v1.F_XDzBTmAQ6xUYDlTZqZXuqinqyB1fJDHKCB7vDXFmE"
loading="programmatic">
</faceplate-partial>
</span><span slot="register-email-only" feature-name="RegisterStep_yNTrTf"> <faceplate-loader
name="RegisterStep_yNTrTf"
src="concat:BhmBLicxlq,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,CY5KKl_ku8,C-aS8kfQlN,DWRAP3D9Lb,CdY0mkucw8,BgkQqdioAm,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,2k5neCRrMY,B1MCEQrpNy,BZBKBuO-Ld,BFIGlPj6wp,CjPOCC4McJ,Dd_k_Lp7w0,BdJdFcT3T2,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="RegisterStep_yNTrTf"
src="/svc/shreddit/partial/yNTrTf/register-step?data=%7B%22hideSSOOptions%22%3Atrue%7D&sig=v1.rGponFAKnwm715xgFiFcHgcyh2FOzUwdtqJ6aIKBQQ8"
loading="programmatic">
</faceplate-partial>
</span><span slot="password" feature-name="RecoveryStep_wKMxMp"> <faceplate-loader
name="RecoveryStep_wKMxMp"
src="concat:BT3v-0oqaO,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,DCfQsdldgD,BFIGlPj6wp,vdSXDqCtg2,BdJdFcT3T2,Dkjz1yfFud,2k5neCRrMY,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,CjPOCC4McJ,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="RecoveryStep_wKMxMp" src="/svc/shreddit/partial/wKMxMp/recovery-step"
loading="programmatic">
</faceplate-partial>
</span><span slot="phone_auth" feature-name="PhoneAuth_fjbljz"> <faceplate-loader name="PhoneAuth_fjbljz"
src="concat:DRBJR4fjBs,zGremXCRhI,DDtqHl7kw3,DR1Tg8zxlM,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,CZahagDswK,3990-_fHlf,DCfQsdldgD,CECqhPHO-4,2k5neCRrMY,BFIGlPj6wp,vdSXDqCtg2,Dkjz1yfFud,CGTMIGYAP9,Cph5gWspPm,CiQGOHlJ9z,DvsC6U090l,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,CjPOCC4McJ,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,mDf7u9EwDC,CLvP218iLB,Bul_uoL4iU"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="PhoneAuth_fjbljz" src="/svc/shreddit/partial/fjbljz/phone-auth"
loading="programmatic">
</faceplate-partial>
</span><span slot="onboarding" feature-name="OnboardingFlow_P9NNss" blocking> <faceplate-loader
name="OnboardingFlow_P9NNss"
src="concat:C7MuJ1b44q,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,BgkQqdioAm,C-aS8kfQlN,DWRAP3D9Lb,CO0G-xX4YH,BUs9nI9__I,CGTMIGYAP9,DCfQsdldgD,DfE3h4eYjg,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,CjPOCC4McJ,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,vdSXDqCtg2,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="OnboardingFlow_P9NNss" src="/svc/shreddit/partial/P9NNss/onboarding-flow"
loading="programmatic">
</faceplate-partial>
</span><span slot="sso_linking" feature-name="SSOLinkingStep_yCrVbB"> <faceplate-loader
name="SSOLinkingStep_yCrVbB"
src="concat:BRb_mSHE-9,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,Dkjz1yfFud,vdSXDqCtg2,DCfQsdldgD,CGTMIGYAP9,CECqhPHO-4,2k5neCRrMY,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,CjPOCC4McJ,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="SSOLinkingStep_yCrVbB" src="/svc/shreddit/partial/yCrVbB/s-s-o-linking-step"
loading="programmatic">
</faceplate-partial>
</span><span slot="username" feature-name="UsernameStep_GLLT1v"> <faceplate-loader
name="UsernameStep_GLLT1v"
src="concat:CMhDKKjeZJ,DDtqHl7kw3,CZahagDswK,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,DCfQsdldgD,B1MCEQrpNy,vdSXDqCtg2,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,CjPOCC4McJ,BdJdFcT3T2,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="UsernameStep_GLLT1v" src="/svc/shreddit/partial/GLLT1v/username-step"
loading="programmatic">
</faceplate-partial>
</span><span slot="answers_register" feature-name="AnswersRegisterStep_WyP5BB"> <faceplate-loader
name="AnswersRegisterStep_WyP5BB"
src="concat:CbU4Y4SBi9,BWKP_lfBH2,E384WTaMxK,CZahagDswK,C-aS8kfQlN,DWRAP3D9Lb,CY5KKl_ku8,CdY0mkucw8,-9Tj7PAtN3,BgkQqdioAm,CGTMIGYAP9,D5wxYW5YXa,3990-_fHlf,CjPOCC4McJ,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Dkjz1yfFud,Bp4A0ocviW,vdSXDqCtg2,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,DDtqHl7kw3,DvsC6U090l,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,DR1Tg8zxlM,2k5neCRrMY,BZBKBuO-Ld,BFIGlPj6wp,Dd_k_Lp7w0,B9NTDgRmxE,BgX3wdvK9Z,BkJ2jDXvwb,2POOhDuBAb,O64LywDdkU,CWTjd7F6JS,DQTCoHdZME,CxpBmuu95K"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="AnswersRegisterStep_WyP5BB"
src="/svc/shreddit/partial/WyP5BB/answers-register-step" loading="programmatic">
</faceplate-partial>
</span><span slot="passwordrecovery" feature-name="PasswordResetStep_nB5wg1"></span><span
slot="magic_link_login" feature-name="MagicLinkLogin_w0SsKQ"> <faceplate-loader
name="MagicLinkLogin_w0SsKQ"
src="concat:s7GloXx9Iz,DDtqHl7kw3,CZahagDswK,DR1Tg8zxlM,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,DCfQsdldgD,2k5neCRrMY,BFIGlPj6wp,Dkjz1yfFud,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,CjPOCC4McJ,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,vdSXDqCtg2,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="MagicLinkLogin_w0SsKQ" src="/svc/shreddit/partial/w0SsKQ/magic-link-login"
loading="programmatic">
</faceplate-partial>
</span><span slot="magic_link_register" feature-name="MagicLinkRegisterStep_GmDzDk"> <faceplate-loader
name="MagicLinkRegisterStep_GmDzDk"
src="concat:DukNHy_Ew_,DDtqHl7kw3,CZahagDswK,C-aS8kfQlN,DWRAP3D9Lb,BgkQqdioAm,2k5neCRrMY,CGTMIGYAP9,DvsC6U090l,3990-_fHlf,CqTzw6jN3Z,BUs9nI9__I,nXWAFf8HVT,BKkJx45QU5,Dkjz1yfFud,CjPOCC4McJ,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,BdJdFcT3T2,B1MCEQrpNy,loIL0PIVzf,BGFgxFdk6X,ijm9qoEVsX,CmSiCg7gkl,BFjgoU4u9E,D5wxYW5YXa"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="MagicLinkRegisterStep_GmDzDk"
src="/svc/shreddit/partial/GmDzDk/magic-link-register-step" loading="programmatic">
</faceplate-partial>
</span><span slot="desktop_timer_upsell_signup"
feature-name="DesktopTimerUpsellSignupStep_dTuSs1"></span><span slot="desktop_timer_upsell_login"
feature-name="DesktopTimerUpsellLoginStep_dTuLs1"></span></auth-flow-manager> <faceplate-loader
name="Experiences_Y87vYZ"
src="concat:CQxTB-igT6,BWKP_lfBH2,E384WTaMxK,9Fprz0XNaJ,BlqeIw4wsF,BgkQqdioAm,C-aS8kfQlN,CdY0mkucw8,-9Tj7PAtN3,CGTMIGYAP9,D5wxYW5YXa,Dkjz1yfFud,CjPOCC4McJ,DCfQsdldgD,BuLmVSLMDC,DkJfhj_O75,YMHG2OwRRk,Bika34wYZt,Bp4A0ocviW,vdSXDqCtg2,Dd_k_Lp7w0,2k5neCRrMY,B9NTDgRmxE,BgX3wdvK9Z,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,2POOhDuBAb,O64LywDdkU,CWTjd7F6JS,DQTCoHdZME,CxpBmuu95K"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["CQxTB-igT6", "BWKP_lfBH2", "E384WTaMxK", "9Fprz0XNaJ", "BlqeIw4wsF", "BgkQqdioAm", "C-aS8kfQlN", "CdY0mkucw8", "-9Tj7PAtN3", "CGTMIGYAP9", "D5wxYW5YXa", "Dkjz1yfFud", "CjPOCC4McJ", "DCfQsdldgD", "BuLmVSLMDC", "DkJfhj_O75", "YMHG2OwRRk", "Bika34wYZt", "Bp4A0ocviW", "vdSXDqCtg2", "Dd_k_Lp7w0", "2k5neCRrMY", "B9NTDgRmxE", "BgX3wdvK9Z", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "2POOhDuBAb", "O64LywDdkU", "CWTjd7F6JS", "DQTCoHdZME", "CxpBmuu95K"], 'en-US/', 'auto');
</script>
</faceplate-loader> <faceplate-loader name="ActivateExperience_Zfxklh" src="concat:D1PvbHHtTb"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="ActivateExperience_Zfxklh" src="/svc/shreddit/partial/Zfxklh/activate-experience"
loading="programmatic">
</faceplate-partial>
<!-- routable page end --><faceplate-partial name="DataProtectionConsent_qBKqbZ"
src="/svc/shreddit/data-protection-consent"
loading="eager"></faceplate-partial><faceplate-perfmetric-collector endpoint="/svc/shreddit/perfMetrics">
<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-app>
<script id="googleid-signin-script" nonce="RDvB1J+2nARemEAwcWpDbA=="
data-src="https://accounts.google.com/gsi/client"></script>
<script id="appleid-signin-script" nonce="RDvB1J+2nARemEAwcWpDbA=="
data-src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<navigation-indicator class="fixed top-0 w-100 z-50"></navigation-indicator>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
if (window.__servedByRes) window.__servedByRes("local")
</script>
</body>
</html>
<suspense-execute-deferred-scripts nonce="RDvB1J+2nARemEAwcWpDbA=="></suspense-execute-deferred-scripts><template
for="s_8a5ed_1">
<aside class="flex flex-col py-md box-border mb-0 popular-feed-right-rail"><shreddit-async-loader
bundleName="sidebar_ad"><shreddit-sidebar-ad id="t3_7w17su" post-id="t3_7w17su"
ad-events="[{"type":"IMPRESSION","url":"https://alb.reddit.com/i.gif?za=K4aEqMBxsxZgsnu1yLzT3sHLqNf8ZTjbNQeMyhA9oQb_4iRlWL7kPUgo6WVlSWtlPFS-MaLh0Pov6FPkbOl8E7lZj3Imsjv-5f3dUWoK68zAaUOx_NIuvNGrtDHIXe-uMJmISBAy2ZjcxWHm5MBn3FPkXYIlVt11SZKcNxbA6GSKjB2aJKYKR0pcCEg5Ixf-06OjjhJo4h6NDvMBJh4TDI42bR9eGWnqStl3EA9BtQgPa9rInAthnMeMBHgNXIS6h1UFs9GoOC1aC_cA7mFZ4UMrHf3KPRplU4GuPH1T5bB6oIn7LVEgWrz0p8o9s0LEngMAqXoptK15KK2-lBx1va5n6NYypTqw6t6UEQaFcHV7KZ0x5bE&zp=RNvQusMTvIB9jH3jSBT7knZxPdl5x98fj2RRn2UYivWcqxwC5Y1pdBsF9Bm2NMunKiLcBmiPfij_eUSId8l--Zu0ZhH5RukWxFBrNUolPzTbZ3H9TwnPXnWiOGMqRw","encryptedTrackingId":null}]"
is-blank url="http://www.reddit.com/r/askreddit"
house-ad-image="https://www.redditstatic.com/shreddit/assets/right-rail/streetwear.jpg"
house-ad-href="/r/streetwear" impression-id="5669575225260401942" author-id="t2_1ed7b"
class="promotedlink p-0 m-0 invisible" placement="sidebars"
ads-correlation-id="7402617b-af2d-4c2c-b1b7-739d7bd86810">
</shreddit-sidebar-ad>
</shreddit-async-loader> <faceplate-loader name="PopularCommunities_S4TNJ5"
src="concat:BfGFSpiTxQ,-9Tj7PAtN3,U4h8k4pSRm,BgkQqdioAm,CGTMIGYAP9,B9NTDgRmxE,BgX3wdvK9Z,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,2POOhDuBAb,O64LywDdkU,CWTjd7F6JS,DQTCoHdZME,Dkjz1yfFud,CxpBmuu95K,ChPXkCm418"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["BfGFSpiTxQ", "-9Tj7PAtN3", "U4h8k4pSRm", "BgkQqdioAm", "CGTMIGYAP9", "B9NTDgRmxE", "BgX3wdvK9Z", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "2POOhDuBAb", "O64LywDdkU", "CWTjd7F6JS", "DQTCoHdZME", "Dkjz1yfFud", "CxpBmuu95K", "ChPXkCm418"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<aside class="right-rail-popular-communities bg-neutral-background-weak rounded-2 pb-2xs pt-xs mb-md"
aria-label="Popular Communities">
<div class="px-md text-neutral-content-weak">
<div class="flex justify-between items-center mb-sm">
<h2 class="uppercase text-12 font-semibold m-0 ">
<div class="i18n-translatable-text">Popular Communities</div>
</h2>
</div>
<li list-item-group rpl class="list-none" id="popular-communities-list">
<ul class="p-0">
<li rpl class="relative list-none mt-0 " data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/DestinyTheGame" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2vq0w/styles/communityIcon_rqwdp68midjf1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=308690d0a2f84031e3587355a0fff659717cefd5"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/DestinyTheGame</span>
</span>
<span class="text-caption-1 text-secondary-weak">3,354,988 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 " data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/anime" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qh22/styles/communityIcon_3low8batpmag1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=b12dc5308303e69416dd620d0651dfd0736c5b50"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/anime</span>
</span>
<span class="text-caption-1 text-secondary-weak">14,247,427 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 " data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/destiny2" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2we4j/styles/communityIcon_k5n4c7i07t4d1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=a28fc43b69b305a5c71d643262de3e2496322f71"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/destiny2</span>
</span>
<span class="text-caption-1 text-secondary-weak">930,379 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 " data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/FortNiteBR" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_3oeyf/styles/communityIcon_a2l9g99riwpg1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=a587deff46be9708ae03a9395c37c8cda8e5a24f"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/FortNiteBR</span>
</span>
<span class="text-caption-1 text-secondary-weak">5,653,544 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 " data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/dndnext" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2vbgl/styles/communityIcon_47xlywkzsy7b1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=e1d36073b30ca6f04966ff8abd950966b7721768"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/dndnext</span>
</span>
<span class="text-caption-1 text-secondary-weak">818,051 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/buildapc" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2rnve/styles/communityIcon_j4u6rx7310b11.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=81f86860f6581ecace55f1e141e5d3d524a17ece"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/buildapc</span>
</span>
<span class="text-caption-1 text-secondary-weak">8,445,626 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/techsupport" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qioo/styles/communityIcon_qneofzw4kqk51.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=a43fb9f48e4bfe652c5425c65e3f6a4c200bfb45"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/techsupport</span>
</span>
<span class="text-caption-1 text-secondary-weak">3,365,941 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/jailbreak" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<svg rpl
class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
fill="currentColor" height="32" icon-name="community-fill"
viewBox="0 0 20 20" width="32"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.977 13.79h-1.955l4.549-10.715a.81.81 0 00-.381-1.032C12.447 1.12 10.37.747 8.179 1.18c-3.612.716-6.471 3.68-7.059 7.316a9.01 9.01 0 0010.409 10.377c3.735-.616 6.741-3.635 7.347-7.371.453-2.8-.388-5.405-2.017-7.322a.505.505 0 00-.853.119l-4.029 9.49zM9.98 8.118a1.752 1.752 0 00-1.148.167 1.664 1.664 0 00-.651.596 1.703 1.703 0 00-.258.948v3.96H5.998V6.322h1.876v1.074h.035c.251-.344.567-.628.948-.851a2.55 2.55 0 011.311-.335c.172 0 .335.014.488.042.153.028.267.058.342.09l-.774 1.849a.766.766 0 00-.244-.073z">
</path>
</svg>
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/jailbreak</span>
</span>
<span class="text-caption-1 text-secondary-weak">763,372 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/LivestreamFail" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_38jf0/styles/communityIcon_e62np5szn0sc1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=c44d9e0d2d5cbdd479afd20d53e4198e925b2d46"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/LivestreamFail</span>
</span>
<span class="text-caption-1 text-secondary-weak">4,764,884 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/legaladvice" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<svg rpl
class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
fill="currentColor" height="32" icon-name="community-fill"
viewBox="0 0 20 20" width="32"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.977 13.79h-1.955l4.549-10.715a.81.81 0 00-.381-1.032C12.447 1.12 10.37.747 8.179 1.18c-3.612.716-6.471 3.68-7.059 7.316a9.01 9.01 0 0010.409 10.377c3.735-.616 6.741-3.635 7.347-7.371.453-2.8-.388-5.405-2.017-7.322a.505.505 0 00-.853.119l-4.029 9.49zM9.98 8.118a1.752 1.752 0 00-1.148.167 1.664 1.664 0 00-.651.596 1.703 1.703 0 00-.258.948v3.96H5.998V6.322h1.876v1.074h.035c.251-.344.567-.628.948-.851a2.55 2.55 0 011.311-.335c.172 0 .335.014.488.042.153.028.267.058.342.09l-.774 1.849a.766.766 0 00-.244-.073z">
</path>
</svg>
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/legaladvice</span>
</span>
<span class="text-caption-1 text-secondary-weak">3,437,483 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/LifeProTips" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2s5oq/styles/communityIcon_vkdkb2aoisi91.jpg?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=7deb7f4dd6c0fde426ec46fa2d7fa2200db82b46"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/LifeProTips</span>
</span>
<span class="text-caption-1 text-secondary-weak">23,008,424 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/AskCulinary" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2t82m/styles/communityIcon_92wxnjurxhd01.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=e7112cd9424862e1cdce615421f7d8ca6b08fb75"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/AskCulinary</span>
</span>
<span class="text-caption-1 text-secondary-weak">1,252,512 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/Philippines" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qjov/styles/communityIcon_0c3z6ovi91r81.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=d2d2851a6f39b6196133075856a089ffd3e8298e"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/Philippines</span>
</span>
<span class="text-caption-1 text-secondary-weak">3,563,933 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/memes" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qjpg/styles/communityIcon_rooie4129n6e1.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=f01eb6030a9058ec63ec94301c2fb134e1a486b3"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/memes</span>
</span>
<span class="text-caption-1 text-secondary-weak">35,779,480 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/Rainbow6" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2t1bl/styles/communityIcon_wgam9bqq1tmg1.jpg?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=3a3603dd6997f917ce1d28c2c0770d4440f62063"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/Rainbow6</span>
</span>
<span class="text-caption-1 text-secondary-weak">2,134,750 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/Sneakers" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qrtt/styles/communityIcon_5x0t642fpp541.jpg?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=bcfc659ae961e07195609b0c9d723616fc350a0c"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/Sneakers</span>
</span>
<span class="text-caption-1 text-secondary-weak">5,537,607 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/learnprogramming" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<svg rpl
class="flex items-center shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
fill="currentColor" height="32" icon-name="community-fill"
viewBox="0 0 20 20" width="32"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.977 13.79h-1.955l4.549-10.715a.81.81 0 00-.381-1.032C12.447 1.12 10.37.747 8.179 1.18c-3.612.716-6.471 3.68-7.059 7.316a9.01 9.01 0 0010.409 10.377c3.735-.616 6.741-3.635 7.347-7.371.453-2.8-.388-5.405-2.017-7.322a.505.505 0 00-.853.119l-4.029 9.49zM9.98 8.118a1.752 1.752 0 00-1.148.167 1.664 1.664 0 00-.651.596 1.703 1.703 0 00-.258.948v3.96H5.998V6.322h1.876v1.074h.035c.251-.344.567-.628.948-.851a2.55 2.55 0 011.311-.335c.172 0 .335.014.488.042.153.028.267.058.342.09l-.774 1.849a.766.766 0 00-.244-.073z">
</path>
</svg>
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/learnprogramming</span>
</span>
<span class="text-caption-1 text-secondary-weak">4,354,782 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/RedDeadOnline" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_3ewph/styles/communityIcon_6a29bqvp2ey41.png?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=3d566e7247b610cd8be01f176926690dc0fadb18"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/RedDeadOnline</span>
</span>
<span class="text-caption-1 text-secondary-weak">484,886 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
<li rpl class="relative list-none mt-0 hidden" data-testid="listItem" role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-2xs -outline-offset-1 no-underline"
href="/r/jobs" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex shrink-0 items-center justify-center h-xl w-xl ">
<span class="text-20 leading-4"><span
class="inline-flex items-center justify-center w-[2rem] h-[2rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2qhnd/styles/communityIcon_4f5rgij3hxj91.jpg?width=96&height=96&frame=1&auto=webp&crop=96%3A96%2Csmart&s=1443d2ef746829d5323868031292cdadf80b7efd"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="32" style="width: 32px;" loading="lazy">
</span></span></span>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">
<span
class="text-neutral-content block text-ellipsis whitespace-nowrap overflow-hidden">r/jobs</span>
</span>
<span class="text-caption-1 text-secondary-weak">2,628,795 members</span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li><button rpl class="
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
button-plain
items-center justify-center
button inline-flex " data-see-less-label="See less" data-see-more-label="See more"
id="popular-communities-list-see-more">
<span class="flex items-center justify-center">
<span class="flex items-center gap-xs">See more</span>
</span>
</button>
</ul>
</li>
</div>
</aside><shreddit-async-loader bundleName="sidebar_ad"><shreddit-sidebar-ad id="t3_7w17su" post-id="t3_7w17su"
ad-events="[{"type":"IMPRESSION","url":"https://alb.reddit.com/i.gif?za=cYyrHWe-4RJSr6cbQo9u34OP_PGv52ycrTVmsaLFV7vaYed89x6js1tvyVkRGE85wm7FTWX5Agpthbu0DGxF13pQ33pWtUQQTbHONL3KTkBJSO2EKXN9yi66VSf1FZwahvjE-eEKT3cSELa4Hupt8dLnG5zng5bIwpkRH4S77oRVGJ_wihjeyWkouHWoJ5SyJsXaR7bhui67uZydTK58kIWisADew8yUfBCVT2Sbop7YZFOhpJ8g5m_tZDk1hf2HYOGkCwzGCqGzq-6fBrqb0i01DZjhDxfhBsIb0IaYsiTyV52gEwYvDppKmGZKdBLwdIiW1IkGZ4uEdhH6B8pFGNULIgeLn-ug9Ue_nvVNQfnp1OuSwF4&zp=sTx_C0ErplB-VmRv7EV3yVfei1gjF2XOtznYiCn6Ql8f2OfWzDgWIpHZbJyjQDl7kb9qjYCaxBk2K5UqjYI3ZEbpEBOpKTbau1hzX1aCrq1pl84NqvkruwZIauu-GA","encryptedTrackingId":null}]"
is-blank is-btf-placement url="http://www.reddit.com/r/askreddit"
house-ad-image="https://www.redditstatic.com/shreddit/assets/right-rail/eatcheapandhealthy.jpg"
house-ad-href="/r/eatcheapandhealthy" impression-id="5669575225277179158" author-id="t2_1ed7b"
class="promotedlink p-0 m-0 invisible" placement="sidebars"
ads-correlation-id="7402617b-af2d-4c2c-b1b7-739d7bd86810">
</shreddit-sidebar-ad>
</shreddit-async-loader>
</aside>
</template><suspense-replace target="#s_8a5ed_1" template="template[for=s_8a5ed_1]"></suspense-replace><template
for="s_8a5ed_0">
<div class="my-xs mx-2xs">
<shreddit-async-loader bundleName="shreddit_sort_dropdown">
<div class="flex h-[32px]">
<div class="flex items-center">
<shreddit-sort-dropdown header-text="Sort by"
class="nd:max-h-[32px] nd:h-[32px] nd:w-[54px] nd:invisible" telemetry-source="sort_switch"
sort-event="feed-sort-change" tooltip-placement="bottom">
<div slot="selected-item">Best</div>
<div slot="tooltip-content">
Open sort options
</div>
<div slot="dropdown-items">
<data value="BEST">
<li rpl rpl-selected class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary-onBackground bg-neutral-background-selected hover:bg-neutral-background-selected hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Best</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="HOT">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/hot/" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Hot</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="NEW">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/new/" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">New</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="TOP">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/top/" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Top</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="RISING">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/rising/" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Rising</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data>
</div>
</shreddit-sort-dropdown>
<shreddit-sort-dropdown header-text="Sort by" class="nd:invisible"
sort-event="feed-country-sort-change" tooltip-placement="bottom">
<div slot="selected-item">Everywhere</div>
<div slot="tooltip-content">
Open sort options
</div>
<div slot="dropdown-items">
<data value="GLOBAL">
<li rpl rpl-selected class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary-onBackground bg-neutral-background-selected hover:bg-neutral-background-selected hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=global" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Everywhere</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="US">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=us" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">United States</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="AR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=ar" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Argentina</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="AU">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=au" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Australia</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="BG">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=bg" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Bulgaria</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="CA">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=ca" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Canada</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="CL">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=cl" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Chile</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="CO">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=co" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Colombia</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="HR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=hr" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Croatia</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="CZ">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=cz" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Czech Republic</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="FI">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=fi" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Finland</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="FR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=fr" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">France</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="DE">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=de" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Germany</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="GR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=gr" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Greece</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="HU">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=hu" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Hungary</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="IS">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=is" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Iceland</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="IN">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=in" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">India</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="IE">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=ie" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Ireland</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="IT">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=it" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Italy</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="JP">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=jp" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Japan</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="MY">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=my" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Malaysia</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="MX">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=mx" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Mexico</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="NZ">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=nz" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">New Zealand</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="PH">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=ph" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Philippines</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="PL">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=pl" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Poland</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="PT">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=pt" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Portugal</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="PR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=pr" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Puerto Rico</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="RO">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=ro" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Romania</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="RS">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=rs" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Serbia</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="SG">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=sg" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Singapore</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="ES">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=es" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Spain</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="SE">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=se" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Sweden</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="TW">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=tw" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Taiwan</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="TH">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=th" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Thailand</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="TR">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=tr" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Turkey</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="GB">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="/r/popular/best/?geo_filter=gb" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">United Kingdom</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data>
</div>
</shreddit-sort-dropdown>
</div>
<shreddit-layout-event-setter country="DE" cookie-domain=".reddit.com">
<shreddit-sort-dropdown header-text="View" button-aria-label="View: Card"
selected-item-display-type="icon" sort-event="layout-view-change"
telemetry-source="layout_switch"
class="nd:block nd:max-h-[32px] nd:h-[32px] nd:invisible nd:w-[54px]"
tooltip-placement="bottom">
<div slot="selected-item"><svg rpl fill="currentColor" height="16" icon-name="card"
role="presentation" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.7 2H5.3C3.48 2 2 3.48 2 5.3v9.4C2 16.52 3.48 18 5.3 18h9.4c1.82 0 3.3-1.48 3.3-3.3V5.3C18 3.48 16.52 2 14.7 2zM5.3 3.8h9.4c.83 0 1.5.67 1.5 1.5v3.8H3.8V5.3c0-.83.67-1.5 1.5-1.5zm9.4 12.4H5.3c-.83 0-1.5-.67-1.5-1.5v-3.8h12.4v3.8c0 .83-.67 1.5-1.5 1.5z">
</path>
</svg></div>
<div slot="tooltip-content">
Change post view
</div>
<div slot="dropdown-items">
<data value="cardView">
<li rpl rpl-selected class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary-onBackground bg-neutral-background-selected hover:bg-neutral-background-selected hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="?feedViewType=cardView" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span
class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4 ">
<svg rpl fill="currentColor" height="16" icon-name="card-fill"
role="presentation" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M18 8.2V5.3C18 3.48 16.52 2 14.7 2H5.3C3.48 2 2 3.48 2 5.3v2.9c0 .5.4.9.9.9h14.2c.5 0 .9-.4.9-.9zM2 11.8v2.9C2 16.52 3.48 18 5.3 18h9.4c1.82 0 3.3-1.48 3.3-3.3v-2.9c0-.5-.4-.9-.9-.9H2.9c-.5 0-.9.4-.9.9z">
</path>
</svg>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Card</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data><data value="compactView">
<li rpl class="relative list-none mt-0 " role="presentation">
<a class="flex justify-between relative px-md gap-[0.5rem] text-secondary hover:text-secondary-hover active:bg-interactive-pressed hover:bg-neutral-background-hover hover:no-underline cursor-pointer py-xs -outline-offset-1 no-underline"
href="?feedViewType=compactView" style="padding-inline-end: 16px">
<span class="flex items-center gap-xs min-w-0 shrink">
<span
class="flex shrink-0 items-center justify-center h-xl w-xl text-20 leading-4 ">
<svg rpl fill="currentColor" height="16" icon-name="classic"
role="presentation" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M14.7 2H5.3C3.48 2 2 3.48 2 5.3v9.4C2 16.52 3.48 18 5.3 18h9.4c1.82 0 3.3-1.48 3.3-3.3V5.3C18 3.48 16.52 2 14.7 2zM5.3 3.8h9.4c.83 0 1.5.67 1.5 1.5v1.43H3.8V5.3c0-.83.67-1.5 1.5-1.5zm10.9 4.73v2.93H3.8V8.53h12.4zm-1.5 7.67H5.3c-.83 0-1.5-.67-1.5-1.5v-1.43h12.4v1.43c0 .83-.67 1.5-1.5 1.5z">
</path>
</svg>
</span>
<span class="flex flex-col justify-center min-w-0 shrink py-[var(--rem6)]">
<span class="text-body-2">Compact</span>
<span class="text-caption-1 text-secondary-weak"></span>
</span>
</span>
<span class="flex items-center shrink-0">
<span class="flex items-center justify-center h-lg"></span>
</span>
</a>
</li>
</data>
</div>
</shreddit-sort-dropdown>
</shreddit-layout-event-setter>
</div>
</shreddit-async-loader>
</div>
<hr class="border-0 border-b-sm border-solid border-b-neutral-border-weak">
<faceplate-loader name="MediaLightboxFragment_bpJBD9" src="concat:C9D_BcVJHB,BgkQqdioAm,CGTMIGYAP9" loading="eager"
data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["C9D_BcVJHB", "BgkQqdioAm", "CGTMIGYAP9"], 'en-US/', 'auto');
</script>
</faceplate-loader><shreddit-media-lightbox></shreddit-media-lightbox> <faceplate-loader
name="DsaTransparencyModalProviderFragment_lnvFWW" src="concat:DfXwRPtIPU" loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["DfXwRPtIPU"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<div class="hidden">
<ac-activate name="DsaTransparencyModal_rt7cKM"
query-params="{"post_id":"${result.postId}","impression_id":"${result.impressionId}","is_desktop":true,"placement":"${result.placement}","encoded_transparency_data":"${result.encodedTransparencyData}","ad_business_id":"${result.adBusinessId}"}"
render-mode="contents" trigger="subscribe(dsa_transparency_modal)"></ac-activate>
<ac-call trigger="activate(DsaTransparencyModal_rt7cKM)" no-read-cache target="closest(dsa-transparency-modal)"
method="initModal"></ac-call>
</div>
<faceplate-loader name="DsaTransparencyModal_rt7cKM"
src="concat:qKHhhrgZJh,DMiYQ9g5G_,BgkQqdioAm,CGTMIGYAP9,Dkjz1yfFud,BlqeIw4wsF,D5wxYW5YXa" loading="programmatic"
data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="DsaTransparencyModal_rt7cKM" src="/svc/shreddit/dsa-transparency-modal/"
loading="programmatic">
</faceplate-partial>
<faceplate-loader name="DevvitPrivacyModal_n98hrb" src="concat:BcW-94cuCg,BgkQqdioAm,CGTMIGYAP9,BE_yzdRUts"
loading="programmatic" data-prefix="en-US/">
</faceplate-loader>
<faceplate-partial name="DevvitPrivacyModal_n98hrb"
src="/svc/shreddit/devvit-privacy-modal/:subredditId/:postId/:appSlug/:appOwnerId" loading="programmatic">
</faceplate-partial>
<script
nonce="RDvB1J+2nARemEAwcWpDbA==">window.FEED_ELEMENT_IDS = ["t3_1t1tud6", "t3_1rcgvp4", "t3_1t1r5ll", "t3_1t1tp1r"];</script>
<script nonce="RDvB1J+2nARemEAwcWpDbA==" type="module" async>new Set(Object.values({ DAY: "day", HOUR: "hour", WEEK: "week", MONTH: "month", YEAR: "year", ALL: "all" })); const e = "YouTube", t = "Vimeo"; function n(e) { return (new DOMParser).parseFromString(e, "text/html") } function r(e) { const t = n(e).querySelector("iframe"); return t ? function (e) { try { const t = new URL(e), { pathname: n } = t, r = n.split("/"), o = r.indexOf("embed"); if (-1 === o) return null; return r[o + 1] || null } catch { return null } }(t.src) : null } function o(e) { const t = n(e).querySelector("iframe"); return t ? function (e) { try { const t = new URL(e).searchParams.get("src") ?? "", { pathname: n } = new URL(t), r = n.split("/"), o = r.indexOf("video"); if (-1 === o) return null; return r[o + 1] || null } catch { return null } }(t.src) : null } const i = ["SHREDDIT-PLAYER"]; function d(e, t, n, r) { let o = !1; const i = () => { o || (o = !0, r()) }; e.addEventListener(t, i, { once: !0 }), n() && (o || (o = !0, r()), e.removeEventListener(t, i)) } const a = 1, c = 2, l = 3, u = 4, s = 5, m = 6, f = { [e]: "lite-youtube", [t]: "lite-vimeo" }; async function E(n, c) { if (!n) return; const E = n.tagName; let w = a, p = n; if (null == (h = n).closest("shreddit-blurred-container") && null == h.closest("shreddit-spoiler") || !i.includes(n.tagName)) { var h; if (E.endsWith("-EMBED")) { w = s, await customElements.whenDefined(n.tagName.toLowerCase()); let i = n.shadowRoot?.querySelector("iframe"); const a = n.getAttribute("providername"), l = a ? f[a] : null; let u = null; const m = new Promise(e => { u = e }), h = a === e && "SHREDDIT-EMBED" === E ? r(n.html) : a === t && "SHREDDIT-EMBED" === E ? o(n.html) : null; if (d(n, "embed-loaded", () => !("SHREDDIT-EMBED" === E && (l && !n.shadowRoot?.querySelector(l) && h || !l && !i)), () => u?.()), await m, i = n.shadowRoot.querySelector("iframe"), !i && a && l) { const r = n.shadowRoot?.querySelector(l); if (a === e) return r ? (await function (e) { return new Promise(t => { const n = (e.style.backgroundImage || getComputedStyle(e).backgroundImage).match(/url\(['"]?(.*?)['"]?\)/); if (!n?.[1]) return void t(); const r = new Image; r.onload = () => t(), r.src = n[1], r.complete && t() }) }(r), void c(w)) : void c(w); if (a === t) { const e = r?.shadowRoot?.querySelector("img"); return void (e ? d(e, "load", () => e.complete, () => c(w)) : c(w)) } } else i ? p = i : window.Sentry.captureException(new Error("iframe does not exist for provider: " + a)) } if ("SHREDDIT-DEVVIT-UI-LOADER" === E) return w = m, void d(n, "devvit-app-first-render", () => n.hasAttribute("data-devvit-app-first-render"), () => c(w)); if (i.includes(E)) { w = u, await customElements.whenDefined(n.tagName.toLowerCase()); const e = n; if (await e.updateComplete, e.autoplay) { const t = e.videoElement; return t ? void d(t, "loadeddata", () => t.readyState >= 2, () => c(w)) : void window.Sentry.captureException(new Error("videoElement does not exist for shreddit-player")) } return void c(w) } if (p && "VIDEO" === p.tagName) { w = u; const e = p; return void d(p, "loadeddata", () => e.readyState >= 2, () => c(w)) } if (p && "IMG" === p.tagName) { w = l; const e = p; return void d(e, "load", () => e.complete, () => c(w, e.complete ? function (e) { const t = e.src || e.currentSrc; if (!t) return null; try { const n = performance.getEntriesByType("resource").find(n => { if (n.name === t) return !0; if (e.currentSrc && n.name === e.currentSrc) return !0; try { const e = new URL(n.name), r = new URL(t, location.href); return e.pathname === r.pathname } catch { return !1 } }); if (n && n.responseEnd > 0) return n.responseEnd } catch { } return null }(e) : null)) } p && p.addEventListener("load", () => { c(w) }) } else c(u) } function w(e, t) { const n = function (e) { return e.querySelector('div[slot="post-media-container"], shreddit-post-text-body, div[slot="thumbnail"]')?.querySelector("shreddit-player, img, video, shreddit-embed, shreddit-tweet-embed, shreddit-devvit-ui-loader") }(e); n && function (e, t = {}) { const { checkInViewport: n = !0, requireVisible: r = !1 } = t, o = e.getBoundingClientRect(), i = window.innerHeight || document.documentElement.clientHeight, d = window.innerWidth || document.documentElement.clientWidth; let a = !0; if (n) { const e = o.bottom > 0 && o.right > 0 && o.top < i && o.left < d; a = a && e } if (r) { const t = window.getComputedStyle(e), n = o.width > 0 && o.height > 0 && "none" !== t.display && "hidden" !== t.visibility && "0" !== t.opacity; a = a && n } return a }(n) ? E(n, t) : t(c) } function p(e) { return (t, n) => { performance.mark(`feed-element-loaded:${e}`, { detail: { mediaType: t, ...null != n ? { actualLoadTime: n } : {} } }) } } function h() { if (!window.FEED_ELEMENT_IDS || 0 === window.FEED_ELEMENT_IDS.length) return; const e = document.querySelector("shreddit-feed"); if (e) for (const t of window.FEED_ELEMENT_IDS) { const n = ["post-id", "data-post-id", "data-feed-element-id"].map(e => `:scope > [${e}="${t}"]`).join(","), r = e.querySelector(n); r && w(r, p(t)) } } "undefined" == typeof window || window.process?.env?.WTR_TEST || window.SKIP_FEED_ELEMENT_LOAD_PERF_MARK_AUTO_RUN || h(); export { h as init };
</script>
<shreddit-feed navigation-session-id="ede31476-ffab-49ac-9b2b-75bd17404207" is-feed-translatable
reload-url="/svc/shreddit/feeds/popular-feed?sort=BEST" bg-auto-refresh-time-threshold="1800"
class="nd:visible">
<article class="w-full m-0" aria-label="Skating rink music instructions" data-post-id="t3_1t1tud6">
<shreddit-post data-ks-item
class="block relative cursor-pointer group bg-neutral-background focus-within:bg-neutral-background-hover hover:bg-neutral-background-hover xs:rounded-4 px-md py-2xs my-2xs nd:visible nd:pb-[var(--rem36)]"
permalink="/r/mildlyinteresting/comments/1t1tud6/skating_rink_music_instructions/"
content-href="https://i.redd.it/aa1vru2yyqyg1.jpeg" view-context="AggregateFeed" comment-count="1150"
view-type="cardView" pdp-target="_self" feedIndex="0" award-count="2" award-id="award_free_mindblown"
award-icon-url="https://i.redd.it/snoovatar/snoo_assets/marketing/mindblown_40.png"
moderation-verdict="" is-embeddable is-desktop-viewport is-awardable is-reporting-enabled
created-timestamp="2026-05-02T16:01:57.710000+0000" domain="i.redd.it" id="t3_1t1tud6"
post-title="Skating rink music instructions" post-language="en" post-type="image" score="14107"
subreddit-id="t5_2ti4h" subreddit-prefixed-name="r/mildlyinteresting" author-id="t2_7u52tyyq"
author="GloomyCardiologist16"
icon="https://preview.redd.it/snoovatar/avatars/f772d736-ce70-4fae-a62b-5689383991d1-headshot.png?width=64&height=64&crop=smart&auto=webp&s=c51fd1c879f3cdb9880b067afe372ba7a0f1e66d"
recommendation-source="global_good_visits" data-expected-lcp subreddit-name="mildlyinteresting">
<a data-ks-id="t3_1t1tud6" slot="full-post-link" class="absolute inset-0"
href="/r/mildlyinteresting/comments/1t1tud6/skating_rink_music_instructions/" target="_self">
<faceplate-screen-reader-content>
Skating rink music instructions
</faceplate-screen-reader-content>
</a>
<span slot="credit-bar" class="flex justify-between text-12 min-h-[32px] mb-2xs mt-[-4px]">
<span id="feed-post-credit-bar-t3_1t1tud6"
class="flex flex-wrap text-12 gap-2xs items-center min-w-0 relative">
<span class="flex items-center gap 2xs" data-post-click-location="subreddit-link">
<faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start"
data-id="community-hover-card" label="r/mildlyinteresting" mouse-only
class="nd:visible">
<a rpl class="text-neutral-content whitespace-nowrap flex items-center h-xl a cursor-pointer
text-caption-1
font-semibold
no-visited
no-underline hover:no-underline
" data-testid="subreddit-name" href="/r/mildlyinteresting/">
<div class="pe-[6px] flex">
<span
class="inline-flex items-center justify-center w-[1.5rem] h-[1.5rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://b.thumbs.redditmedia.com/lTgz7Yx_6n8VZemjf54viYVZgFhW2GlB6dlpj1ZwKbo.png"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="24" style="color: #6CA3C4;background: #EDEFF1;width: 24px;"
loading="lazy">
</span></span>
</div><span>r/mildlyinteresting</span>
</a>
<div slot="content">
<faceplate-partial src="/svc/shreddit/community-hover-card/mildlyinteresting"
loading="programmatic">
<div class="w-5xl h-4xl flex items-center justify-center">
<faceplate-progress value="20" class="animate-spin"></faceplate-progress>
</div>
</faceplate-partial>
</div>
</faceplate-hovercard>
</span>
<shreddit-async-loader class="contents" bundlename="distinguished_post_tags">
<shreddit-distinguished-post-tags post-id="t3_1t1tud6">
</shreddit-distinguished-post-tags>
</shreddit-async-loader> <span
class="inline-block my-0 created-separator text-neutral-content-weak"
aria-hidden="true">•</span>
<faceplate-timeago ts="2026-05-02T16:01:57.710000+0000" format="short" locale="en-US-u-nu-latn"
class="whitespace-nowrap text-neutral-content-weak"></faceplate-timeago>
<shreddit-brand-affiliate-tag post-id="t3_1t1tud6"
class="contents"></shreddit-brand-affiliate-tag>
</span>
<span class="flex items-center ps-xs">
<shreddit-join-button data-testid="credit-bar-join-button" name="mildlyinteresting"
subreddit-id="t5_2ti4h" prefixed-name="r/mildlyinteresting" buttonsize="x-small"
class="relative px-2xs" button-classes="h-[24px]"></shreddit-join-button>
<shreddit-async-loader class="relative w-[32px] h-[32px] -me-[7px]"
bundleName="shreddit_post_overflow_menu">
<shreddit-post-overflow-menu class="group/overflow-menu" post-id="t3_1t1tud6"
author-id="t2_7u52tyyq" author-name="GloomyCardiologist16" subreddit-id="t5_2ti4h"
subreddit-prefixed-name="r/mildlyinteresting" comment-count="1150"
permalink="/r/mildlyinteresting/comments/1t1tud6/skating_rink_music_instructions/"
post-view-context="AggregateFeed" recommendation-source="global_good_visits"
is-desktop-viewport ama-state="" ama-starts-at="" ama-ends-at="" feed-index="0"
should-render-follow-menu-item rec-context-bottom-sheet-variant=""
recommendation-context-json="{"content":{"richtext":"{\"document\":[{\"c\":[{\"e\":\"text\",\"t\":\"Suggested\"}],\"e\":\"par\"}]}"},"isContextHidden":true,"recommendationSource":"global_good_visits"}"
translation-state="" source-id="t3_1t1tud6"
data-faceplate-tracking-context="{"post":{"id":"t3_1t1tud6","score":14107,"number_comments":1150},"action_info":{"position":0}}">
<button rpl aria-label="Open user actions" class="
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
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="overflow-horizontal" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16 11.75a1.75 1.75 0 11.001-3.501A1.75 1.75 0 0116 11.75zM11.75 10a1.75 1.75 0 10-3.501.001A1.75 1.75 0 0011.75 10zm-6 0a1.75 1.75 0 10-3.501.001A1.75 1.75 0 005.75 10z">
</path>
</svg></span>
</span>
</button>
</shreddit-post-overflow-menu>
</shreddit-async-loader>
</span>
</span>
<div slot="ssr-post-content-header"></div>
<a href="/r/mildlyinteresting/comments/1t1tud6/skating_rink_music_instructions/"
id="post-title-t3_1t1tud6" slot="title"
class="block text-neutral-content-strong m-0 visited:text-neutral-content-weak font-semibold text-16-scalable xs:text-18-scalable mb-2xs xs:mb-xs overflow-hidden"
aria-describedby="feed-post-credit-bar-t3_1t1tud6" dir="auto">
Skating rink music instructions
</a>
<shreddit-post-flair slot="post-flair" post-id="t3_1t1tud6"
flair-class=" relative top-[-0.25rem] xs:top-[-2px] my-2xs xs:mb-sm py-0 "></shreddit-post-flair>
<faceplate-loader name="PostMediaContainer_zGcX6F"
src="concat:D-g188B1uC,BWKP_lfBH2,uBjPTREPV_,E384WTaMxK,iBKYt9egQb,D-3dlubuOq,BgkQqdioAm,CGTMIGYAP9,9Fprz0XNaJ,Ck8s0UF45u,CfUpTBhGqu,CWTjd7F6JS,DBmYAumSMl,rJjN_KOFBZ,DsTzOSBBtO,BZEuatesXU,BELDeXqOZM,DTqRRP-FAE,CtPmSuq7O8,BfSouZrjpR,GcIVuwXcya,C9D_BcVJHB,L6d4M6RAIl,C3PM9NIF_C,Cytu54fV87,8MY3r0kren,D5wxYW5YXa,Dkjz1yfFud,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,BGklwicIGI,DQTCoHdZME,CxpBmuu95K,oqLlFIlwRv,DQiuFPD0FG,BP4NWfPeW7,CqNjEAHtvY,B-C4saAC2w,D-pVtm4TeC,CimxGnn56y,Ceo_qc1QrP,BaMgKbTnvT,C8006txZFf,BaG3hcXhHx,D6NmItLvH-,rrWUhsukks,Bh8jBhUXom,DZVVsh1pF5,75gN1iufmb,CdUd0bcgnQ,BZBKBuO-Ld"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["D-g188B1uC", "BWKP_lfBH2", "uBjPTREPV_", "E384WTaMxK", "iBKYt9egQb", "D-3dlubuOq", "BgkQqdioAm", "CGTMIGYAP9", "9Fprz0XNaJ", "Ck8s0UF45u", "CfUpTBhGqu", "CWTjd7F6JS", "DBmYAumSMl", "rJjN_KOFBZ", "DsTzOSBBtO", "BZEuatesXU", "BELDeXqOZM", "DTqRRP-FAE", "CtPmSuq7O8", "BfSouZrjpR", "GcIVuwXcya", "C9D_BcVJHB", "L6d4M6RAIl", "C3PM9NIF_C", "Cytu54fV87", "8MY3r0kren", "D5wxYW5YXa", "Dkjz1yfFud", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "BGklwicIGI", "DQTCoHdZME", "CxpBmuu95K", "oqLlFIlwRv", "DQiuFPD0FG", "BP4NWfPeW7", "CqNjEAHtvY", "B-C4saAC2w", "D-pVtm4TeC", "CimxGnn56y", "Ceo_qc1QrP", "BaMgKbTnvT", "C8006txZFf", "BaG3hcXhHx", "D6NmItLvH-", "rrWUhsukks", "Bh8jBhUXom", "DZVVsh1pF5", "75gN1iufmb", "CdUd0bcgnQ", "BZBKBuO-Ld"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<div class="relative overflow-hidden pointer-cursor mb-xs isolate bg-neutral-background rounded-4"
slot="post-media-container">
<div
class="pointer-events-none absolute inset-0 z-[3] border-sm border-solid border-neutral-border-weak rounded-4">
</div>
<shreddit-aspect-ratio class="" id="t3_1t1tud6-aspect-ratio" style="
--aspect-ratio: 1;
--max-height: min(100%, 540px);
--min-height: 220px;
"><shreddit-media-lightbox-listener class="nd:visible contents"
permalink="/r/mildlyinteresting/comments/1t1tud6/skating_rink_music_instructions/"
post-id="t3_1t1tud6">
<div
class="media-lightbox-img max-h-[100vw] h-full w-full object-contain overflow-hidden relative bg-black">
<img alt="" role="presentation"
class="absolute top-1/2 -translate-y-1/2 left-0 w-full h-full opacity-30 object-cover scale-[1.2] post-background-image-filter"
loading="eager" fetchpriority="high"
src="https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=640&crop=smart&auto=webp&s=92f0b9304bb8829d6b6107d762c3f29fb5a80379"
srcset="https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=320&crop=smart&auto=webp&s=654413725f6c9c877af9a9fbde0456e4f5f8f22b 320w, https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=640&crop=smart&auto=webp&s=92f0b9304bb8829d6b6107d762c3f29fb5a80379 640w, https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=1080&crop=smart&auto=webp&s=b4c7282d9b84a730d70443971317c76f75665510 1080w"
sizes="(min-width: 1415px) 750px, (min-width: 768px) 50vw, 100vw" width="640"
height="853">
<img id="post-image" alt="r/mildlyinteresting - Skating rink music instructions" class="i18n-post-media-img preview-img non-lightboxed-content media-lightbox-img max-h-[100vw] h-full w-full
object-contain relative" loading="eager" fetchpriority="high"
src="https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=640&crop=smart&auto=webp&s=92f0b9304bb8829d6b6107d762c3f29fb5a80379"
srcset="https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=320&crop=smart&auto=webp&s=654413725f6c9c877af9a9fbde0456e4f5f8f22b 320w, https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=640&crop=smart&auto=webp&s=92f0b9304bb8829d6b6107d762c3f29fb5a80379 640w, https://preview.redd.it/skating-rink-music-instructions-v0-aa1vru2yyqyg1.jpeg?width=1080&crop=smart&auto=webp&s=b4c7282d9b84a730d70443971317c76f75665510 1080w"
sizes="(min-width: 1415px) 750px, (min-width: 768px) 50vw, 100vw" width="640"
height="853"><image-observer improvements-enabled></image-observer>
<div class="lightboxed-content hidden">
<zoomable-img>
<img alt="r/mildlyinteresting - Skating rink music instructions"
class="i18n-post-media-img media-lightbox-img z-1" loading="lazy"
src="https://i.redd.it/aa1vru2yyqyg1.jpeg">
</zoomable-img>
</div>
</div>
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
function recordImagePerformanceMark() {
performance.mark('first-post-meaningful-paint');
}
document &&
document
.getElementById('post-image')
.addEventListener('load', recordImagePerformanceMark);
</script>
</shreddit-media-lightbox-listener></shreddit-aspect-ratio>
<div>
</div>
</div>
<div class="flex justify-end">
</div>
</shreddit-post>
</article>
<hr class="border-0 border-b-sm border-solid border-b-neutral-border-weak">
<shreddit-ad-post data-code-comment-1="Ad post attributes start here"
class="promotedlink block relative nd:visible bg-neutral-background focus-within:bg-neutral-background-hover hover:bg-neutral-background-hover xs:rounded-4 px-md py-2xs my-2xs"
ad-events="[{"type":"IMPRESSION","url":"https://alb.reddit.com/i.gif?za=BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK&zp=kMOzMU4XhWqFdzEjH9HqUmRdEB8UXMSMs1Fwj2h-ctTk_QRMNUDlsFed0efCvPlznzMgum4DlC6SbNz6ctZCnRP2Q5jSrbTY_PWWa_59ljvlyLvXkO0tZouPmqr-XA","encryptedTrackingId":null},{"type":"VIDEO_VIEWABLE_IMPRESSION","url":"https://alb.reddit.com/i.gif?za=BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK&zp=BlWTp_nQ3Z3PqViZPzFXXEu5Jd9TL793A4oAu4Gd1U5fGwPoIVGmXvf7lzITfWZUSfafy5VfgROYrWyjaC37NMklhGDPbC_gHNmZm8xT0448v6bH0uLWhxLFk_QJ0SDcDJCA4gsZtx2GUmNJ8lkglDbuBVZtSqrIS0p7IvM2HMMlHyUnm3jMI6DCi2ayUkP4","encryptedTrackingId":null},{"type":"VIDEO_VIEWABLE_WATCHED_6_SECS","url":"https://alb.reddit.com/i.gif?za=BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK&zp=zvGRqrkv-2zThyGz2d6svKhM-YW119v8yU98leZJrjfuU_J9ABQekbvvmGzVkioWQ1LFncxrj_Zto5LvvL1uh7gqYYirs6PqP1LC6bisi4wVSXih1jLpYRxrLMxEBRcfMh9UjfPBn_sljKBxtICc6BTry4dIG5QNkTI6AVqNJfMzGCgHy_Y7ALp-yvr5Jkj6","encryptedTrackingId":null},{"type":"VIDEO_VIEWABLE_WATCHED_15_SECS","url":"https://alb.reddit.com/i.gif?za=BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK&zp=K67IT6sltPt-37wJZ0QHLqx-eSmB1HIr8LY6QOLVS_2Erk7UJTRfyNX5Gg8hWSPcb50Yham9BXa9OiNJT5U6YE7HaWu-Q7qRPaS6hCNYL2FQP00FI-Z88m1OJQ5wZ6EEWeD6sjJeKGT6UDKqvyps4dQvvnHJNFYQ7lGfi-yXU-lyfmLD8B3ItxAC3RrQYVQQ","encryptedTrackingId":null},{"type":"VENDOR_FULLY_IN_VIEW_15_SECS","url":null,"encryptedTrackingId":"kNQKkGcZP09CsISvVuwErsSdAIWMMh0I9H6aeO-zAy8aT5VFejKZ7ahphtU-y14dfexy_JVYA9uovHCWWV52qnjW4OVoksnqmbonA6T3_lISA-VIDKzcQ-khqbBpy-YAlCoJnew95OI6NnMqgvGNrTz1Y-7l1NHia5MENV7uQngkHRvNevvEs_jQ_uyA3bY"},{"type":"VIDEO_WATCHED_25","url":null,"encryptedTrackingId":"CnpCuBdu0uBe1srO5Qnp0Y5mXZGYx9Y6uNI-tk5iVNAlWNRrXQmK4epurfpLbtGoUaIcgzoCiPDRGrcJwTww7c07Y5wQBpvcwixF0Wt5xv6plxuWxB64gWF6lOkkGFnHatyahdUZT0cDYT86zNepDCcJUhUrLoI9ljLFVluleZ-g0snkS3Wd2QkSLQCrMWRd"},{"type":"VIDEO_WATCHED_50","url":null,"encryptedTrackingId":"X31xvNBo2Lz-MIXWqP2Vk1uBalxRV6EGcSyjTiO3skAwnJIvXU_MehavF6_4MLb224nWxd5NRN0zIenSHf6j54DhdKQZxMFyXcZ-A5ETG_3ETIH_ebfvozu2T5HdC0DBeZo4S6ILYYLXZ2mCZoeDbPOaL_XMlKgIlMMpQ7AAstXT0HoPgwDLgRyDcjhbep8S"},{"type":"COMMENT","url":null,"encryptedTrackingId":"SyEH8GaY6J6MIDm_J4Z7mfb-Hc6Yooctm0SpcWdynFUz7m7G8mbAH-zjczC_7VgYakM0ExIsIqRD05g0ZjgFYk_d2P0D2EbXVoK_6WMCmv3Ew_OmaAyNqvl_xgLyRJHCQd8ehWhfw7aQc3dZQ_ng0aQsg2AyMXLf8jVXblhyad_Q0DInJOdTYkhXz4UpsDI"},{"type":"MRC_VIDEO_VIEWABLE_IMPRESSION","url":null,"encryptedTrackingId":"WjEs4YgojOc_V6uO391Y5lAthcLvn4s7A0l751G6vpLu_EIyleRNTT_AOVke-rIq8ZGLeIlDoNM6_fB-Cz4mP12HIackGfoqAmI6_SC3xyO1T1auQfie25B9q_wgXQZQVwoSjZUzkO5i_AEuW4hE-4_c2_pk5l1qml_CVcAblaXZPZOnSg6XVTj_3AtBy5_8"},{"type":"UPVOTE","url":null,"encryptedTrackingId":"2JkFSZrjl2BJyR8J5OOjfgAe906LzycNMRsSFzJ6WqpCTuuAptVKF_OdPYzb5Qk7VcwAXQHNvVPfovAXagg6KZw5pxYNM1_M9pRLecnRagexhADQCJTEmNgwT_rqEAprKQJTwL5HGRX4-JGc50huJKoFgQleDQ9DnXnedLwo-LZfU0ekHVbvW2La_K0VtF8"},{"type":"VIDEO_PLAYED_EXPANDED","url":null,"encryptedTrackingId":"7ndhkISVGVnlwZdww6JY0j8knem3vhYcFx2Uxomu9RRthttLb7sKAVDkScHlviw9JUv1Jfr0RQLlVnvUhK6NL-waBuMQXAhzpzLpxAQx07KseSe_mAS8QrvUrXnClLliwkbr1WyeeHjOF_wUKpMsYNnQ_fehHykK8dGYsNbR89kSslF9lM9DdRWsWgNmbdmP"},{"type":"COMMENTS_VIEW","url":null,"encryptedTrackingId":"Uj2Tdw1AotifLHZpc8DR_xmCy0q3FvFyqXHFrdD49sKUgy_d0kDB-FnD48WrLRLzGeRBaMBl1g5o0aBMtuiNoiTfyuo8yMdsjiEUsoP3N142FqItF_uz8Fkkqyfnw2DKTQ7q6D3AmkpFhchOw8vtj_mWANtAZFtg88NZJ7RKWnFX3PfDwepy20IF9SWTM_k"},{"type":"VIDEO_GROUP_M_VIEWABLE","url":null,"encryptedTrackingId":"QbHZaWFBJYm3SC49vppAJF01rieP8wXA5pUN2-kNy4ccOJf4WIuzhLhjqqdz_j3alwPmL2260bPvhpw-1FnBRP_4znMGLhrGvoQKO09CRYDgwesc6ccKFhLG02NA5ak54TmyqZKLQUm3v-U5c5jPdaGONLSDDhnXIn64eV1vk8fa_H2x6YOdtpgMcRRaOf2T"},{"type":"UNLOAD","url":null,"encryptedTrackingId":"QIWapBnhEt9_8qhneFk6RHLYrBGRwXuf2-OPiY9i8bIEiJ1S7hokBVvnPMeLFTNWc-DjPAq8ffwRVmbYerdZT7TU5F-kkqbl02Z6tEKmzTokg7omxEaMwjQ6BxS__wifr_RaJGlhTzYa_DSPNQS5Fwxv7urzvlEwXWBgF8edKgGd38Smg3U56NWCLVFuWhI"},{"type":"VIEWABLE_IMPRESSION","url":null,"encryptedTrackingId":"WfQu_EuIowjH4ohib3SgsMlDDe02sRfVjkdbyjAZshgsGC4kFbTLm2IqSX_CZ9HFpWn57HvCRLrB-X738Ve7NVY6EvWHC-a5E2p9cBPdAwjtIPDxoMbTVG2Q99eeycyPkpFHsYi-G0zWs64XdJ_pA0F7vXFCi_SYXLi7QbzRXYv3KcmNYv-H-8fxm57sYPk"},{"type":"COMMENT_UPVOTE","url":null,"encryptedTrackingId":"nLZUiwJf6C6KaV2kJRz542Qsx_DXhxH3P7bIKx9pVf9-y6HRAtCZDWYlkRAgHGMudGxNYSExjSrDwoOQDj-hwt2x4MQlz_vTyAwbFzASrqZd8-ypNpc2MhSltn9ZZVowkQuxdNCnvVZTuwpk5lyCAqrvjOIMxseOnxgJkftbYmm7tU2R8Sb2NpX__oOcOVc"},{"type":"VIDEO_WATCHED_5_SECS","url":null,"encryptedTrackingId":"R9p8SN7oT-0HgllFYsc_LUW6PWWBvz6xLejTcQeiTIjw_alFbfDpeLGerGIVRtXRzp6pUW3_1F2rlE7gIrH03Nt5Ig1nBd8jm0ffB2zWVbzBwO-YbO5eGnrj8smk3jG9tBCyfWFDojXzlh5F4XOM_QpyyCX0WdzfInVucFZTdr2Og7gOzZnvEzpg2zPyELLp"},{"type":"COMMENT_DOWNVOTE","url":null,"encryptedTrackingId":"7iAvxrJyMOxJhG9Bx9zZEw_cLG3boDxh5k9QJQzOcCvfeCxKROJGYZmWc-jK8GBL2OAFKE-fUO8oSRBXOArtQyiQb93-T2orE8I2sZDgqoX_nrpwh-BOehmPcPDgGlCbZgf7w-Q_6UXwtjhv5_R-Nkh7DvGArmDbXMAD7CMx-lHp3WqdBFCS3PY9aa8qnf4"},{"type":"VIDEO_FULLY_VIEWABLE_IMPRESSION","url":null,"encryptedTrackingId":"0Y_lax_weE14QvtF7VxRj0sj3BRRf0UZU2QQzDFHYHYR3Cfmdd80TJ9Mo0OVAXp8EUsZw7_jAr_1RqEEINcr31APwoy-bhP56ytHD49nh3ZGQwQKp3IZGSP-zmhFw0uXhVLPSQkCXFPg0alBrtQWlLNmSbQT0v_U3ACE7GA1EjUsq2Y020vJGO365tL9NiIN"},{"type":"VIDEO_VENDOR_FULLY_VIEWABLE_50","url":null,"encryptedTrackingId":"LkIlku-YC42Vi_3G4wuS1piolzB0GoOB7C461wT0TWwgNvk9wFoLzUzuU-oDJ9e7cVTyUP_AK0NXzlGFIIc3FjWYVyyN1AMss1GbQb_KXnY7nRXhfBan6-LoNhsZO43rYWQ6aj-EU99SVNnZphrhAnMST93IJ3kR1zcG7fJ5ZvCeL_8NWcf49J1IaBbx_X9k"},{"type":"GROUP_M_VIEWABLE","url":null,"encryptedTrackingId":"1RZWGuudSbCTiDkeanjC984jj0GTmdui0owohdywPReT6JHPoJ0X529LXz05q3Ns33rTlvmRF7RKfZOxBkcqIqsBKflHGemZLp9H6fh9vjYtVXhoJHAQ0WWo7patwmF-AeGmVGLpiTncMbwCjl--RczqJhGNzX2yBsYUEWpVGF4s9aGxcLmQaydtKzzd2a8"},{"type":"VIDEO_WATCHED_10_SECS","url":null,"encryptedTrackingId":"yOcvSIH_ERwMUQTsZzI348j5iT-3AolfW7zIdfATXVMS_2LDtaeNKELLqwAaekvMBK6cQ8viK2pfTXWv8XXsaar_vwXP22n1fjkkn0oJ5KyvRRmLB2RH1tEA-6On0QFdfMuf80ZngQfvt60WaY_z9K5SexBDfPj85kv6TYcmL0kP5Q5oFeGgyuhtVuwDINFW"},{"type":"VIDEO_WATCHED_100","url":null,"encryptedTrackingId":"-4TtOk-wCX2ZMgu3u7wGy1VawCwoDYU15YiN4cjEHYr_bT1QuEWK2HrAZ-EoLfziedapFV6Wd3-6LGYCrNnd5cadJUXdlzISsluMStuE5K54b6bC7ShDRq2svylyywYJzrEo1r1ZNI7ZaE5R-dPO7P6miznbUDtV4sh2lBhEIU6tWh0Plu0ruYCC4QRhRpln"},{"type":"VIDEO_WATCHED_95","url":null,"encryptedTrackingId":"Wy5C6Zk4WyZopyA-rEDefOX9FvPozhbAg93YbxCmI-qPVGxMO9VcEgTKQ2yWnNtf1pXjN5YxAUu0YaieVwPVi-a3JqDLe-8e6uPpWGnoCVlgSzm-BSMGL7qWQF9ediAJY_8_Gycfchsr_KfwUoxaj6P_JRpw4uVwOBpWINJtalfPlAt2ZYFD3rBTsr-AortH"},{"type":"VIDEO_WATCHED_75","url":null,"encryptedTrackingId":"nj0eydjxLbffG3xBdue_nC_Fa79pvUukbdJi4mVzqlPtMiZehM83H4CJISzat_-g38BXbbcm77fabp-iBh6JYZxBdgYzHQzzoxRLNyXTkx5IFoEtvHnokyTabqCLjwBEA_26TpAcMHUnXO83tXmjD9SETtGWUusBA57mtwBEQbelOKvcnLTc3Gm-PuzIupuS"},{"type":"VENDOR_FULLY_IN_VIEW","url":null,"encryptedTrackingId":"YOOlGoSTb0K-wUu04j5DYnGuqHscFJmsA59lRXknFYxS0jDez_0jTfmKQMLH2kB3liohT3OApys5OM8OsWF2HarwnRdtcIMPHDyAYFREOF4SrFLyd_HSaHGqu7IebTSdzY00e0zyj9HMdpBI_MQVVDO2Drvx5_pAfYIi71kFRQPuhvFLrYDVN_PvzNNmSFA"},{"type":"VIDEO_STARTED","url":null,"encryptedTrackingId":"BSnxxXLvixoTEp5S5u8ag4j_5FwL0c2x6ysFnbA4lVGFbKU-rH54QtskMJ00u7Rul0Yl0QmKf-YMIHgm2rq_XvSd7KSeyP8sR8e2Vku6kDCK9JaecWpX8Upkt0L_qcGLAify5N33chN5XORbEIwTDPOsCN3bfvUyeYlvLS8j5uyT-rjG2_MJBemDAsRjp3d3"},{"type":"ENGAGED_CLICK","url":null,"encryptedTrackingId":"_gNe10a_PJgJMXG3qleBoaaCcv7h41sJHxjq0GX_Vmg-ZyBh8NzDT0cQolvAapK4K8Hi6kMrP1FIFhwRlYvCqHS4NinDKvkWLBKQyXptBWOnj426bVgEkNEC5rMhBdHASwjptr3eGj9B9G04G-MZeh4QyM_4aXUWa240DWUsVZOP-GFEzAj3724wgYWuMW4"},{"type":"VIDEO_PLAYED_WITH_SOUND","url":null,"encryptedTrackingId":"dyf5kPg0IFecpfOMONkdsnQY-h0Xe8ir9eaadsOK34oSsU62RFYbVxeoZLg06BbPX5QN4GOxceo2dib2s4PKbvv_xc12EEp1RtxChwES8mIoFzMzsLlQLUs0kEFvjGE_68ipL4YYghHgm9804nuzdJQbl4IB0roBiAu_DJOBbf4DJF8Iidy0TyehGc5RJEFa"},{"type":"VENDOR_FULLY_IN_VIEW_5_SECS","url":null,"encryptedTrackingId":"FQPDLCqBfOXhRdpO2q4t-n4OALScnU3CyHJ3k2-0XgRdoqi3dR8DvZxP4PiL4yBYrOfbqOeMHGOMt8le8-Iu1n0nEjTqDlNSNfD4PyTcr4jzoDqX_yKnvj4Dgw6CrQy8WrmNio1uXPcKsa8zCLbOoksxbmddcCwOLrgWzMz2DPtDGe0kIdDgH0bBRyvrmA4"},{"type":"VIDEO_WATCHED_3_SECS","url":null,"encryptedTrackingId":"ipd0hNQJYzYNtv2qQ51Xuv94vZtMmpWDaNWpiWJg2g2RMEv-Ah1DauJfTwRU7zzRkhBLq17iUKH5kynVN-IZY03C4t4ReDrAr5FaB-smPCqS7l0Q-ANO8gkh1CDFfJx-YHstYom5QtxHMKyhjiucZEUloVDLh3sfq5op1bFKG_9PnkfnmtidwUAFIlnOP5MP"},{"type":"DOWNVOTE","url":null,"encryptedTrackingId":"Fe0bkkiZyTDSCz8h8prK7NdmAA24dHywILl6tRLBGH5ZUfqGO8F0-0QvKq0LiG9mjTRjLWDsPyd2JVW_qg64kjE-zW9LhWlrrxUC7mtmS145D24SErbwmOoRsEynZ4z-3wC4iZyFO-k3d8ycpwckihNTqPNy9VWKsTws27pPhroFo2UrrLPceY-CY8mdaVg"}]"
post-id="t3_1rcgvp4" ad-type="video" data-ad-click-location="background" impression-id="5859709656171067406"
view-type="cardView" promoted dimensions="{"width":1280,"height":720}"
outbound-link-url="https://alb.reddit.com/cr?za=BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK&zp=7f5J1WAJWDnym3pLg5EhJbBSLR9_V3_zaLMNDow0K2Vr0_oOkEaxD7reQw85eFPGu4i7pIAx3QCQoO8R0zDt8Nw8cq3-qaswJyn2FiY8dRktiMfB2DckoZebQhRY-AhfeyieIypFq9-B8HTViEha3qc1MD5xkW2R9oCVoCOPpbzw1JRuJ4G9YS6t5xkCsMmPXNG7snF7QEzV6wtOIqt8UE_9EskyoWZX22ul0BAsxXINFhTg5KwzlSrb8PcrbQkf2gxjXFxUFTKPA-w59w1K5qidTq4jBT71w3bbG4_uOP2VDMhPQz6qgKjOMpE2hxkvQ48wGEPcIvWooEXgB7Kh9E7RBMaadAlDeFaPxT1cMQ1M0mn3eAU"
call-to-action="Learn More" campaign-id="2448866601872692636" country-code="DE"
ad-user-targeting="{"adTransparencyEncodedData":"GRgSQnVzaW5lc3MgJiBGaW5hbmNlLBgHR2VybWFueTgAABklFCQA","gender":null,"interests":null,"locations":null,"targetingCriteria":null}"
encrypted-tracking-payload="BixeKDepz30p5ONvHZs8U2wYxnYsIHgnWjweWnjsXL1nRvXEGnU47u1aIjzbTyFpelV5GFL4ZUaxvWdL7C8LVKt9VhkXPOm6NlLUL8JSCl1xjkOl76ffDKpUIpg5Oia5iCnxxY8MaAu5Ncpxbnny4ffDk1vH_6VL0HIKFFNqR8_VOvXYJBG3mqkALzLbi6hzdOTFR1MjqZuTAPfR3bD-4SmaZfwIy8uQhsBO6MrkEwUpN20glayGtv7b49ulua-UeDUkyTnNnWuQk3r6n-OOY5r64i3Owfmz8VT2PaRmTCLrD_XfLhtajCzLMyULq01HZv5BoSlxhWbE3pltwCdIllWsowroKtYT_UH046dbzedU-7HU8kIrcYxjfD-gJBynpcGb-wIN5nVXH3SqvPxbxSjVojn4hD-6uJ0VWkyckXbjQMv4-sSEq0gf6JysEFQG-0lgMmVsy7Q37UuDsEFGkWZ2g5iec9X9o5wwLyKeycrpsqIBVqKHQFelM1wl9nFVCloU2wS4TGkNmiENMzkJgdYaS3FTgwlWY534uZk4mJFnb3nRjS6ciVFX64PGjkJFWIUJVRczWPp6hlghO71rFGrOidbDy9Sp8owlF0A4hF14vHxi5Rc7NbfCO9tVIJp-WB9SNQtHqPQWuYTbXTyWGuxoC1Y8i-mrJnbmuyH6mMB0dProfK6_SRuGJ15C6rZKLEowrWDwl29Y5y2LI-5Nkv9ovdJc4zJ04W57njGprcvATTiRCfGa6yIvXN69DDgKCo-_3_3gw1IRIN1A5S0bE-WPb_rKXIIy5l_QiKtfZDEOZYljimzK"
additional-event-metadata="[]"
ad-transparency-encoded-data="GRgSQnVzaW5lc3MgJiBGaW5hbmNlLBgHR2VybWFueTgAABklFCQA" placement="feed"
ads-correlation-id="776c5eae-5ee4-4aca-b578-8b553e8f0396" data-code-comment-2="Post attributes start here"
permalink="/user/adobe_acrobatdc/comments/1rcgvp4/erstelle_ein_pdf_space_und_fasse_pdfs_ms/"
content-href="https://v.redd.it/do4cc4xrb7lg1" view-context="AggregateFeed" comment-count="0" feedIndex="1"
moderation-verdict="" is-desktop-viewport is-reporting-enabled locked
created-timestamp="2026-02-23T13:04:29.299000+0000" domain="adobe.com" id="t3_1rcgvp4"
post-title="Erstelle ein PDF Space und fasse PDFs, MS 365-Dateien und Weblinks mit nur einem Klick zusammen."
post-type="video" author-id="t2_nyzjuydl" author="adobe_acrobatdc"
icon="https://styles.redditmedia.com/t5_6gr1y4/styles/profileIcon_inijtwsu9zc91.png?width=48&height=48&frame=1&auto=webp&crop=48%3A48%2Csmart&s=ac24adb58fe61b681ebc2384916a076acd99a2b8"
data-expected-lcp>
<shreddit-dynamic-ad-link slot="full-post-link" class="absolute inset-0"
anchor-style-class="w-100 block h-100" target="_blank" post-id="t3_1rcgvp4"
impression-id="5859709656171067406" click-location="background"
aria-label="Advertisement: Erstelle ein PDF Space und fasse PDFs, MS 365-Dateien und Weblinks mit nur einem Klick zusammen.">
</shreddit-dynamic-ad-link>
<div slot="credit-bar" class="flex justify-between items-center">
<div
class="promoted-name-container flex flex-1 items-center gap-[6px] overflow-hidden text-12 pe-xs p-[4px] -m-[4px] relative h-xl">
<faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start"
data-id="user-hover-card" close-on-track label="adobe_acrobatdc details" mouse-only>
<click-location-tracker click-location="username" class="min-w-0 nd:visible">
<a rpl class="advertiser-name flex items-center relative h-lg text-neutral-content a cursor-pointer
font-semibold
no-visited
no-underline hover:no-underline
" href="/user/adobe_acrobatdc/"><span
class="inline-flex items-center justify-center w-[1.5rem] h-[1.5rem] relative me-[6px]"
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img loading="lazy"
src="https://styles.redditmedia.com/t5_6gr1y4/styles/profileIcon_inijtwsu9zc91.png?width=48&height=48&frame=1&auto=webp&crop=48%3A48%2Csmart&s=ac24adb58fe61b681ebc2384916a076acd99a2b8"
alt="u/adobe_acrobatdc avatar" data-testid="promoted-credit-bar-avatar">
</span></span>
<span class="truncate">u/adobe_acrobatdc</span></a>
</click-location-tracker>
<div slot="content">
<faceplate-partial src="/svc/shreddit/user-hover-card/adobe_acrobatdc"
loading="programmatic">
<div class="w-5xl h-4xl flex items-center justify-center">
<faceplate-progress value="20" class="animate-spin"></faceplate-progress>
</div>
</faceplate-partial>
</div>
</faceplate-hovercard>
<span class="inline-block my-0 text-neutral-content-weak created-separator">•</span>
<click-location-tracker click-location="promoted_label" class="h-100">
<a rpl class="h-100 flex items-center a cursor-pointer
no-underline hover:no-underline
" href="/user/adobe_acrobatdc/">
<span style="flex-shrink:9999;"
class="promoted-label text-neutral-content-weak font-normal truncate">Promoted</span>
</a>
</click-location-tracker>
<shreddit-dynamic-ad-link target="_blank" post-id="t3_1rcgvp4"
click-location="credit_bar_whitespace" anchor-style-class="absolute top-0 start-0 w-100 h-100"
class="h-100 flex-1 relative nd:visible" disable-keyboard-nav="true"
impression-id="5859709656171067406"></shreddit-dynamic-ad-link>
</div>
<div class="relative min-w-[28px] -me-[7px]">
<shreddit-async-loader bundleName="shreddit_post_overflow_menu">
<shreddit-post-overflow-menu is-desktop-viewport is-ad
ad-user-targeting-info="{"adTransparencyEncodedData":"GRgSQnVzaW5lc3MgJiBGaW5hbmNlLBgHR2VybWFueTgAABklFCQA","gender":null,"interests":null,"locations":null,"targetingCriteria":null}"
is-reportable-ad post-id="t3_1rcgvp4" impression-id="5859709656171067406"
author-name="adobe_acrobatdc" author-id="t2_nyzjuydl" is-hide-ad-enabled placement="feed"
premium-ad-overflow-variant="enabled">
<button rpl aria-label="Open user actions" class="
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
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="overflow-horizontal" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16 11.75a1.75 1.75 0 11.001-3.501A1.75 1.75 0 0116 11.75zM11.75 10a1.75 1.75 0 10-3.501.001A1.75 1.75 0 0011.75 10zm-6 0a1.75 1.75 0 10-3.501.001A1.75 1.75 0 005.75 10z">
</path>
</svg></span>
</span>
</button>
</shreddit-post-overflow-menu>
</shreddit-async-loader>
</div>
</div>
<div slot="title" class="mb-2xs xs:mb-xs" dir="auto">
<shreddit-dynamic-ad-link target="_blank" post-id="t3_1rcgvp4" click-location="title"
anchor-style-class="relative"
class="text-neutral-content-strong m-0 font-semibold text-16-scalable xs:text-18-scalable block headline"
impression-id="5859709656171067406">Erstelle ein PDF Space und fasse PDFs, MS 365-Dateien und
Weblinks mit nur einem Klick zusammen.</shreddit-dynamic-ad-link>
</div>
<div slot="post-media-container"
class="relative relative overflow-hidden pointer-cursor mb-xs overflow-hidden pointer-cursor bg-neutral-background rounded-4 isolate bg-neutral-background rounded-4">
<div
class="pointer-events-none absolute inset-0 z-[3] border-sm border-solid border-neutral-border-weak rounded-4">
</div>
<click-location-tracker click-location="media" class="nd:visible">
<shreddit-aspect-ratio class="" id="t3_1rcgvp4-aspect-ratio" style="
--aspect-ratio: 1.7777777777777777;
--max-height: min(100%, 540px);
--min-height: 220px;
">
<shreddit-async-loader bundleName="shreddit_player_loader">
<shreddit-player
src="https://v.redd.it/do4cc4xrb7lg1/HLSPlaylist.m3u8?f=sd%2ChlsTrimLow%2ChlsSpecOrder2&v=1&a=1780354073%2CZGUzZDExZmU4MjdlMDc3Y2RjMmZhZDQzMzNlMGY0MzFmNDVhNWFhZGMyN2NjM2JkN2FmZTQyYmUwNDYxZmExMg%3D%3D"
class="block h-full w-full max-h-full max-w-full nd:visible"
data-post-click-location="video-player" autoplay-pref disable-context-menu
single-playback player-type="in_feed_player"
post-created-at="2026-02-23T13:04:29.299000+0000" post-domain="adobe.com"
post-id="t3_1rcgvp4" post-promoted post-type="video"
post-title="Erstelle ein PDF Space und fasse PDFs, MS 365-Dateien und Weblinks mit nur einem Klick zusammen."
post-upvote-ratio="0.5"
poster="https://external-preview.redd.it/HplTuADOHV7vIxaAlwbh46FH7-Y8R5K2PEqdXkFr33Y.jpg?width=640&crop=smart&format=pjpg&auto=webp&s=7512f80e8164470702b778d6f9e805f902249db6"
preview="https://v.redd.it/do4cc4xrb7lg1/CMAF_96.mp4" preload-threshold="variant_200"
priority="high" muted-autoplay-fallback>
<source
src="https://v.redd.it/do4cc4xrb7lg1/HLSPlaylist.m3u8?f=sd%2ChlsTrimLow%2ChlsSpecOrder2&v=1&a=1780354073%2CZGUzZDExZmU4MjdlMDc3Y2RjMmZhZDQzMzNlMGY0MzFmNDVhNWFhZGMyN2NjM2JkN2FmZTQyYmUwNDYxZmExMg%3D%3D"
type="application/vnd.apple.mpegURL">
<img alt="media poster" loading="lazy" objectfit="contain"
src="https://external-preview.redd.it/HplTuADOHV7vIxaAlwbh46FH7-Y8R5K2PEqdXkFr33Y.jpg?width=640&crop=smart&format=pjpg&auto=webp&s=7512f80e8164470702b778d6f9e805f902249db6"
class="preview-image h-full w-full ease absolute inset-0 object-contain bg-black"
slot="poster">
<div class="h-full w-full absolute inset-0 flex items-center justify-center opacity-90"
slot="loading-spinner">
<svg aria-hidden="true" class="w-3xl h-3xl animate-spin" fill="none"
viewBox="0 0 120 120">
<circle class="opacity-25" cx="60" cy="60" r="54" stroke="white"
stroke-width="8"></circle>
<circle class="buffering-track-fill opacity-75" cx="60" cy="60" r="54"
stroke="white" stroke-width="10" pathLength="100"></circle>
</svg>
<style>
.buffering-track-fill {
stroke-dasharray: 100;
stroke-dashoffset: 50;
}
</style>
</div>
</shreddit-player>
<template slot="error">
<div class="bg-black block h-100 overflow-hidden relative">
<img alt="Media error"
class="blur-[6px] bottom-0 left-0 right-0 top-0 absolute opacity-55 z-0"
loading="eager" objectfit="contain"
src="https://external-preview.redd.it/HplTuADOHV7vIxaAlwbh46FH7-Y8R5K2PEqdXkFr33Y.jpg?width=640&crop=smart&format=pjpg&auto=webp&s=7512f80e8164470702b778d6f9e805f902249db6">
<div
class="bottom-0 left-0 right-0 top-0 absolute items-center flex flex-col justify-center z-1">
<p
class="text-[#fffc] font-[var(--font-title-h4)] max-w-[300px] text-center mt-[12px] mb-[20px] xs:m-0">
Sorry, something went wrong when loading this video.
</p>
<a rpl class="rounded-1 uppercase mt-lg [--button-color-text:var(--color-global-white)] [--button-border-color:var(--color-global-white)] no-underline hover:no-underline visited:no-underline active:no-underline overflow-hidden text-ellipsis whitespace-nowrap
button-medium px-[calc(var(--rem12)-var(--button-border-width,0px))]
button-bordered
items-center justify-center
button inline-flex " href="https://reddit.app.link/?%24android_deeplink_path=reddit%2Fuser%2Fadobe_acrobatdc%2Fcomments%2F1rcgvp4%2Ferstelle_ein_pdf_space_und_fasse_pdfs_ms%2F&%24deeplink_path=%2Fuser%2Fadobe_acrobatdc%2Fcomments%2F1rcgvp4%2Ferstelle_ein_pdf_space_und_fasse_pdfs_ms%2F&%24og_redirect=https%3A%2F%2Fwww.reddit.com%2Fuser%2Fadobe_acrobatdc%2Fcomments%2F1rcgvp4%2Ferstelle_ein_pdf_space_und_fasse_pdfs_ms%2F&base_url=%2Fuser%2Fadobe_acrobatdc%2Fcomments%2F1rcgvp4%2Ferstelle_ein_pdf_space_und_fasse_pdfs_ms%2F&mweb_loid=t2_2dkcibdgu2&mweb_loid_created=1777762073246&referrer_domain=www.reddit.com&referrer_url=%2F&campaign=no_amp_test&utm_name=no_amp_test&channel=xpromo&utm_source=xpromo&feature=web3x&utm_medium=web3x&keyword=no_amp&utm_term=no_amp&tags=rmp_fail&utm_content=rmp_fail"
name="app-link" rel="nofollow"><span
class="flex items-center justify-center">
<span class="flex items-center gap-xs">View in app
<ac-manipulate-href once payload="?$referrer"
target="closest([href])" trigger="init"></ac-manipulate-href>
<ac-publish trigger="click" trigger-elem="closest([href])"
topic="trigger_educational_deeplink_prompt" hidden></ac-publish>
<ac-track
data-faceplate-tracking-context="{"popup":{"button_text":"get_app"}}"
san="xpromo|click|rmp_fail"
trigger-elem="closest([href])"></ac-track> </span>
</span>
</a>
</div>
<ac-track san="xpromo|view|rmp_fail" trigger="view"></ac-track>
</div>
</template>
</shreddit-async-loader>
</shreddit-aspect-ratio>
</click-location-tracker>
<hr class="border-neutral-border-weak border-solid border-t-0">
<div class="ad-link-bar isolate relative">
<shreddit-dynamic-ad-link target="_blank" post-id="t3_1rcgvp4" click-location="cta_whitespace"
anchor-style-class="z-1 absolute w-100 h-100" class="z-1 absolute top-0 start-0 w-100 h-100"
disable-keyboard-nav="true" impression-id="5859709656171067406"></shreddit-dynamic-ad-link>
<div class="h-xl flex items-center justify-between py-xs px-md">
<div class="flex flex-col truncate mr-sm">
<shreddit-dynamic-ad-link
class="ad-link-bar__domain z-2 text-12 truncate text-neutral-content-weak hover:underline"
target="_blank" post-id="t3_1rcgvp4" impression-id="5859709656171067406"
click-location="cta_destination_url" dir="auto">
adobe.com
</shreddit-dynamic-ad-link>
</div> <shreddit-dynamic-ad-link class="ad-link-bar__cta z-2" target="_blank"
post-id="t3_1rcgvp4" render-as-button impression-id="5859709656171067406"
click-location="cta_button"
button-props="{"size":"sm","appearance":"bordered"}">Learn
More</shreddit-dynamic-ad-link>
</div>
</div>
</div>
<shreddit-dynamic-ad-link target="_blank" post-id="t3_1rcgvp4" click-location="action_bar_whitespace"
anchor-style-class="absolute top-0 start-0 w-100 h-100" slot="action-row-whitespace"
class="h-xl flex-1 relative" disable-keyboard-nav="true"
impression-id="5859709656171067406"></shreddit-dynamic-ad-link>
</shreddit-ad-post>
<hr class="border-0 border-b-sm border-solid border-b-neutral-border-weak">
<article class="w-full m-0" aria-label="Flights cancelled less than a week before vacation"
data-post-id="t3_1t1r5ll">
<shreddit-post data-ks-item
class="block relative cursor-pointer group bg-neutral-background focus-within:bg-neutral-background-hover hover:bg-neutral-background-hover xs:rounded-4 px-md py-2xs my-2xs nd:visible nd:pb-[var(--rem36)]"
permalink="/r/mildlyinfuriating/comments/1t1r5ll/flights_cancelled_less_than_a_week_before_vacation/"
content-href="https://i.redd.it/ovkf4gaegqyg1.jpeg" view-context="AggregateFeed" comment-count="896"
view-type="cardView" pdp-target="_self" feedIndex="2" award-count="3" award-id="award_free_mindblown"
award-icon-url="https://i.redd.it/snoovatar/snoo_assets/marketing/mindblown_40.png"
moderation-verdict="" is-embeddable is-desktop-viewport is-awardable is-reporting-enabled
created-timestamp="2026-05-02T14:17:57.574000+0000" domain="i.redd.it" id="t3_1t1r5ll"
post-title="Flights cancelled less than a week before vacation" post-language="en" post-type="image"
score="8998" subreddit-id="t5_2ubgg" subreddit-prefixed-name="r/mildlyinfuriating"
author-id="t2_57nc4sm3" author="GroundbreakingTwo647"
icon="https://styles.redditmedia.com/t5_3tpguy/styles/profileIcon_snoo1b45b0d4-4b53-42c0-8e81-71e842743672-headshot.png?width=64&height=64&frame=1&auto=webp&crop=64%3A64%2Csmart&s=70086e5ae9abf135e12da7fe302188d8e99cad7a"
recommendation-source="global_good_visits" data-expected-lcp subreddit-name="mildlyinfuriating">
<a data-ks-id="t3_1t1r5ll" slot="full-post-link" class="absolute inset-0"
href="/r/mildlyinfuriating/comments/1t1r5ll/flights_cancelled_less_than_a_week_before_vacation/"
target="_self">
<faceplate-screen-reader-content>
Flights cancelled less than a week before vacation
</faceplate-screen-reader-content>
</a>
<span slot="credit-bar" class="flex justify-between text-12 min-h-[32px] mb-2xs mt-[-4px]">
<span id="feed-post-credit-bar-t3_1t1r5ll"
class="flex flex-wrap text-12 gap-2xs items-center min-w-0 relative">
<span class="flex items-center gap 2xs" data-post-click-location="subreddit-link">
<faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start"
data-id="community-hover-card" label="r/mildlyinfuriating" mouse-only
class="nd:visible">
<a rpl class="text-neutral-content whitespace-nowrap flex items-center h-xl a cursor-pointer
text-caption-1
font-semibold
no-visited
no-underline hover:no-underline
" data-testid="subreddit-name" href="/r/mildlyinfuriating/">
<div class="pe-[6px] flex">
<span
class="inline-flex items-center justify-center w-[1.5rem] h-[1.5rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_2ubgg/styles/communityIcon_lkxajjefezh51.png?width=48&height=48&frame=1&auto=webp&crop=48%3A48%2Csmart&s=52482286232ece54d2c39b247f8e40045700bee6"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="24" style="color: #FF8717;background: #FF8717;width: 24px;"
loading="lazy">
</span></span>
</div><span>r/mildlyinfuriating</span>
</a>
<div slot="content">
<faceplate-partial src="/svc/shreddit/community-hover-card/mildlyinfuriating"
loading="programmatic">
<div class="w-5xl h-4xl flex items-center justify-center">
<faceplate-progress value="20" class="animate-spin"></faceplate-progress>
</div>
</faceplate-partial>
</div>
</faceplate-hovercard>
</span>
<shreddit-async-loader class="contents" bundlename="distinguished_post_tags">
<shreddit-distinguished-post-tags post-id="t3_1t1r5ll">
</shreddit-distinguished-post-tags>
</shreddit-async-loader> <span
class="inline-block my-0 created-separator text-neutral-content-weak"
aria-hidden="true">•</span>
<faceplate-timeago ts="2026-05-02T14:17:57.574000+0000" format="short" locale="en-US-u-nu-latn"
class="whitespace-nowrap text-neutral-content-weak"></faceplate-timeago>
<shreddit-brand-affiliate-tag post-id="t3_1t1r5ll"
class="contents"></shreddit-brand-affiliate-tag>
</span>
<span class="flex items-center ps-xs">
<shreddit-join-button data-testid="credit-bar-join-button" name="mildlyinfuriating"
subreddit-id="t5_2ubgg" prefixed-name="r/mildlyinfuriating" buttonsize="x-small"
class="relative px-2xs" button-classes="h-[24px]"></shreddit-join-button>
<shreddit-async-loader class="relative w-[32px] h-[32px] -me-[7px]"
bundleName="shreddit_post_overflow_menu">
<shreddit-post-overflow-menu class="group/overflow-menu" post-id="t3_1t1r5ll"
author-id="t2_57nc4sm3" author-name="GroundbreakingTwo647" subreddit-id="t5_2ubgg"
subreddit-prefixed-name="r/mildlyinfuriating" comment-count="896"
permalink="/r/mildlyinfuriating/comments/1t1r5ll/flights_cancelled_less_than_a_week_before_vacation/"
post-view-context="AggregateFeed" recommendation-source="global_good_visits"
has-post-flair is-desktop-viewport ama-state="" ama-starts-at="" ama-ends-at=""
feed-index="2" should-render-follow-menu-item rec-context-bottom-sheet-variant=""
recommendation-context-json="{"content":{"richtext":"{\"document\":[{\"c\":[{\"e\":\"text\",\"t\":\"Suggested\"}],\"e\":\"par\"}]}"},"isContextHidden":true,"recommendationSource":"global_good_visits"}"
translation-state="" source-id="t3_1t1r5ll"
data-faceplate-tracking-context="{"post":{"id":"t3_1t1r5ll","score":8998,"number_comments":896},"action_info":{"position":2}}">
<button rpl aria-label="Open user actions" class="
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
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="overflow-horizontal" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16 11.75a1.75 1.75 0 11.001-3.501A1.75 1.75 0 0116 11.75zM11.75 10a1.75 1.75 0 10-3.501.001A1.75 1.75 0 0011.75 10zm-6 0a1.75 1.75 0 10-3.501.001A1.75 1.75 0 005.75 10z">
</path>
</svg></span>
</span>
</button>
</shreddit-post-overflow-menu>
</shreddit-async-loader>
</span>
</span>
<div slot="ssr-post-content-header"></div>
<a href="/r/mildlyinfuriating/comments/1t1r5ll/flights_cancelled_less_than_a_week_before_vacation/"
id="post-title-t3_1t1r5ll" slot="title"
class="block text-neutral-content-strong m-0 visited:text-neutral-content-weak font-semibold text-16-scalable xs:text-18-scalable mb-2xs xs:mb-xs overflow-hidden"
aria-describedby="feed-post-credit-bar-t3_1t1r5ll" dir="auto">
Flights cancelled less than a week before vacation
</a>
<shreddit-post-flair slot="post-flair" post-id="t3_1t1r5ll"
flair-class=" relative top-[-0.25rem] xs:top-[-2px] my-2xs xs:mb-sm py-0 "></shreddit-post-flair>
<faceplate-loader name="PostMediaContainer_zGcX6F"
src="concat:D-g188B1uC,BWKP_lfBH2,uBjPTREPV_,E384WTaMxK,iBKYt9egQb,D-3dlubuOq,BgkQqdioAm,CGTMIGYAP9,9Fprz0XNaJ,Ck8s0UF45u,CfUpTBhGqu,CWTjd7F6JS,DBmYAumSMl,rJjN_KOFBZ,DsTzOSBBtO,BZEuatesXU,BELDeXqOZM,DTqRRP-FAE,CtPmSuq7O8,BfSouZrjpR,GcIVuwXcya,C9D_BcVJHB,L6d4M6RAIl,C3PM9NIF_C,Cytu54fV87,8MY3r0kren,D5wxYW5YXa,Dkjz1yfFud,BkJ2jDXvwb,BKkJx45QU5,3990-_fHlf,BGklwicIGI,DQTCoHdZME,CxpBmuu95K,oqLlFIlwRv,DQiuFPD0FG,BP4NWfPeW7,CqNjEAHtvY,B-C4saAC2w,D-pVtm4TeC,CimxGnn56y,Ceo_qc1QrP,BaMgKbTnvT,C8006txZFf,BaG3hcXhHx,D6NmItLvH-,rrWUhsukks,Bh8jBhUXom,DZVVsh1pF5,75gN1iufmb,CdUd0bcgnQ,BZBKBuO-Ld"
loading="eager" data-prefix="en-US/">
<script nonce="RDvB1J+2nARemEAwcWpDbA==">
SML.load(["D-g188B1uC", "BWKP_lfBH2", "uBjPTREPV_", "E384WTaMxK", "iBKYt9egQb", "D-3dlubuOq", "BgkQqdioAm", "CGTMIGYAP9", "9Fprz0XNaJ", "Ck8s0UF45u", "CfUpTBhGqu", "CWTjd7F6JS", "DBmYAumSMl", "rJjN_KOFBZ", "DsTzOSBBtO", "BZEuatesXU", "BELDeXqOZM", "DTqRRP-FAE", "CtPmSuq7O8", "BfSouZrjpR", "GcIVuwXcya", "C9D_BcVJHB", "L6d4M6RAIl", "C3PM9NIF_C", "Cytu54fV87", "8MY3r0kren", "D5wxYW5YXa", "Dkjz1yfFud", "BkJ2jDXvwb", "BKkJx45QU5", "3990-_fHlf", "BGklwicIGI", "DQTCoHdZME", "CxpBmuu95K", "oqLlFIlwRv", "DQiuFPD0FG", "BP4NWfPeW7", "CqNjEAHtvY", "B-C4saAC2w", "D-pVtm4TeC", "CimxGnn56y", "Ceo_qc1QrP", "BaMgKbTnvT", "C8006txZFf", "BaG3hcXhHx", "D6NmItLvH-", "rrWUhsukks", "Bh8jBhUXom", "DZVVsh1pF5", "75gN1iufmb", "CdUd0bcgnQ", "BZBKBuO-Ld"], 'en-US/', 'auto');
</script>
</faceplate-loader>
<div class="relative overflow-hidden pointer-cursor mb-xs isolate bg-neutral-background rounded-4"
slot="post-media-container">
<div
class="pointer-events-none absolute inset-0 z-[3] border-sm border-solid border-neutral-border-weak rounded-4">
</div>
<shreddit-aspect-ratio class="" id="t3_1t1r5ll-aspect-ratio" style="
--aspect-ratio: 1.0940170940170941;
--max-height: min(100%, 540px);
--min-height: 220px;
"><shreddit-media-lightbox-listener class="nd:visible contents"
permalink="/r/mildlyinfuriating/comments/1t1r5ll/flights_cancelled_less_than_a_week_before_vacation/"
post-id="t3_1t1r5ll">
<div
class="media-lightbox-img max-h-[100vw] h-full w-full object-contain overflow-hidden relative bg-black">
<img alt="" role="presentation"
class="absolute top-1/2 -translate-y-1/2 left-0 w-full h-full opacity-30 object-cover scale-[1.2] post-background-image-filter"
loading="lazy" fetchpriority="auto"
src="https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=640&crop=smart&auto=webp&s=9500acf01a4989fbf224c1eb93a857f8bd38ab64"
srcset="https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=320&crop=smart&auto=webp&s=4b2a4b6e65065af97a1406a307d1263b6c241708 320w, https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=640&crop=smart&auto=webp&s=9500acf01a4989fbf224c1eb93a857f8bd38ab64 640w, https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=1080&crop=smart&auto=webp&s=ad9b29822d07e744e817274f1f7f98c3b9ff4315 1080w"
sizes="(min-width: 1415px) 750px, (min-width: 768px) 50vw, 100vw" width="640"
height="585">
<img alt="r/mildlyinfuriating - Flights cancelled less than a week before vacation"
class="i18n-post-media-img preview-img non-lightboxed-content media-lightbox-img max-h-[100vw] h-full w-full
object-contain relative" loading="lazy" fetchpriority="auto"
src="https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=640&crop=smart&auto=webp&s=9500acf01a4989fbf224c1eb93a857f8bd38ab64"
srcset="https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=320&crop=smart&auto=webp&s=4b2a4b6e65065af97a1406a307d1263b6c241708 320w, https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=640&crop=smart&auto=webp&s=9500acf01a4989fbf224c1eb93a857f8bd38ab64 640w, https://preview.redd.it/flights-cancelled-less-than-a-week-before-vacation-v0-ovkf4gaegqyg1.jpeg?width=1080&crop=smart&auto=webp&s=ad9b29822d07e744e817274f1f7f98c3b9ff4315 1080w"
sizes="(min-width: 1415px) 750px, (min-width: 768px) 50vw, 100vw" width="640"
height="585"><image-observer improvements-enabled></image-observer>
<div class="lightboxed-content hidden">
<zoomable-img>
<img alt="r/mildlyinfuriating - Flights cancelled less than a week before vacation"
class="i18n-post-media-img media-lightbox-img z-1" loading="lazy"
src="https://i.redd.it/ovkf4gaegqyg1.jpeg">
</zoomable-img>
</div>
</div>
</shreddit-media-lightbox-listener></shreddit-aspect-ratio>
<div>
</div>
</div>
<div class="flex justify-end">
</div>
</shreddit-post>
</article>
<hr class="border-0 border-b-sm border-solid border-b-neutral-border-weak">
<article class="w-full m-0" aria-label="Wenn die AfD an der Macht ist, wie wird es euch ergehen?"
data-post-id="t3_1t1tp1r">
<shreddit-post data-ks-item
class="block relative cursor-pointer group bg-neutral-background focus-within:bg-neutral-background-hover hover:bg-neutral-background-hover xs:rounded-4 px-md py-2xs my-2xs nd:visible nd:pb-[var(--rem36)]"
permalink="/r/KeineDummenFragen/comments/1t1tp1r/wenn_die_afd_an_der_macht_ist_wie_wird_es_euch/"
content-href="https://www.reddit.com/r/KeineDummenFragen/comments/1t1tp1r/wenn_die_afd_an_der_macht_ist_wie_wird_es_euch/"
view-context="AggregateFeed" comment-count="718" view-type="cardView" pdp-target="_self" feedIndex="3"
award-count="0" is-translatable moderation-verdict="" is-embeddable is-desktop-viewport is-awardable
is-reporting-enabled created-timestamp="2026-05-02T15:56:36.918000+0000" domain="self.KeineDummenFragen"
id="t3_1t1tp1r" post-title="Wenn die AfD an der Macht ist, wie wird es euch ergehen?" post-language="de"
post-type="text" score="64" subreddit-id="t5_4rfhqm" subreddit-prefixed-name="r/KeineDummenFragen"
author-id="t2_1zzkidbe42" author="Flimbahimba"
icon="https://styles.redditmedia.com/t5_foxfkx/styles/profileIcon_05h46x2g6wvf1.png?width=64&height=64&frame=1&auto=webp&crop=64%3A64%2Csmart&s=433c94f12c72f582738d0601f9f0e63385791fc4"
recommendation-source="geo_popular_hot_sort" data-expected-lcp subreddit-name="KeineDummenFragen">
<a data-ks-id="t3_1t1tp1r" slot="full-post-link" class="absolute inset-0"
href="/r/KeineDummenFragen/comments/1t1tp1r/wenn_die_afd_an_der_macht_ist_wie_wird_es_euch/"
target="_self">
<faceplate-screen-reader-content>
Wenn die AfD an der Macht ist, wie wird es euch ergehen?
</faceplate-screen-reader-content>
</a>
<span slot="credit-bar" class="flex justify-between text-12 min-h-[32px] mb-2xs mt-[-4px]">
<span id="feed-post-credit-bar-t3_1t1tp1r"
class="flex flex-wrap text-12 gap-2xs items-center min-w-0 relative">
<span class="flex items-center gap 2xs" data-post-click-location="subreddit-link">
<faceplate-hovercard enter-delay="500" leave-delay="150" position="bottom-start"
data-id="community-hover-card" label="r/KeineDummenFragen" mouse-only
class="nd:visible">
<a rpl class="text-neutral-content whitespace-nowrap flex items-center h-xl a cursor-pointer
text-caption-1
font-semibold
no-visited
no-underline hover:no-underline
" data-testid="subreddit-name" href="/r/KeineDummenFragen/">
<div class="pe-[6px] flex">
<span
class="inline-flex items-center justify-center w-[1.5rem] h-[1.5rem] relative "
rpl avatar>
<span rpl class="inline-block rounded-full relative [&>:first-child]:h-full [&>:first-child]:w-full [&>:first-child]:mb-0 [&>:first-child]:rounded-[inherit] h-full w-full
[&>:first-child]:overflow-hidden [&>:first-child]:max-h-full">
<img src="https://styles.redditmedia.com/t5_4rfhqm/styles/communityIcon_u0u0kb01n7wa1.png?width=48&height=48&frame=1&auto=webp&crop=48%3A48%2Csmart&s=f841e5f893b15d3233d2981a0a69e5913a5b6d35"
alt=""
class="mb-0 shreddit-subreddit-icon__icon rounded-full overflow-hidden nd:visible nd:bg-secondary-background w-full h-full"
width="24" style="color: #FFCC00;background: #800033;width: 24px;"
loading="lazy">
</span></span>
</div><span>r/KeineDummenFragen</span>
</a>
<div slot="content">
<faceplate-partial src="/svc/shreddit/community-hover-card/KeineDummenFragen"
loading="programmatic">
<div class="w-5xl h-4xl flex items-center justify-center">
<faceplate-progress value="20" class="animate-spin"></faceplate-progress>
</div>
</faceplate-partial>
</div>
</faceplate-hovercard>
</span>
<shreddit-async-loader class="contents" bundlename="distinguished_post_tags">
<shreddit-distinguished-post-tags post-id="t3_1t1tp1r">
</shreddit-distinguished-post-tags>
</shreddit-async-loader> <span
class="inline-block my-0 created-separator text-neutral-content-weak"
aria-hidden="true">•</span>
<faceplate-timeago ts="2026-05-02T15:56:36.918000+0000" format="short" locale="en-US-u-nu-latn"
class="whitespace-nowrap text-neutral-content-weak"></faceplate-timeago>
<shreddit-brand-affiliate-tag post-id="t3_1t1tp1r"
class="contents"></shreddit-brand-affiliate-tag>
</span>
<span class="flex items-center ps-xs">
<shreddit-join-button data-testid="credit-bar-join-button" name="KeineDummenFragen"
subreddit-id="t5_4rfhqm" prefixed-name="r/KeineDummenFragen" buttonsize="x-small"
class="relative px-2xs" button-classes="h-[24px]"></shreddit-join-button>
<shreddit-async-loader class="relative w-[32px] h-[32px] -me-[7px]"
bundleName="shreddit_post_overflow_menu">
<shreddit-post-overflow-menu class="group/overflow-menu" post-id="t3_1t1tp1r"
author-id="t2_1zzkidbe42" author-name="Flimbahimba" subreddit-id="t5_4rfhqm"
subreddit-prefixed-name="r/KeineDummenFragen" comment-count="718"
permalink="/r/KeineDummenFragen/comments/1t1tp1r/wenn_die_afd_an_der_macht_ist_wie_wird_es_euch/"
post-view-context="AggregateFeed" recommendation-source="geo_popular_hot_sort"
is-desktop-viewport ama-state="" ama-starts-at="" ama-ends-at="" feed-index="3"
should-render-follow-menu-item rec-context-bottom-sheet-variant=""
recommendation-context-json="{"content":{"richtext":"{\"document\":[{\"c\":[{\"e\":\"text\",\"t\":\"Suggested\"}],\"e\":\"par\"}]}"},"isContextHidden":true,"recommendationSource":"geo_popular_hot_sort"}"
translation-state="" source-id="t3_1t1tp1r"
data-faceplate-tracking-context="{"post":{"id":"t3_1t1tp1r","score":64,"number_comments":718},"action_info":{"position":3}}">
<button rpl aria-label="Open user actions" class="
button-small px-[calc(var(--rem10)-var(--button-border-width,0px))]
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="overflow-horizontal" viewBox="0 0 20 20" width="16"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16 11.75a1.75 1.75 0 11.001-3.501A1.75 1.75 0 0116 11.75zM11.75 10a1.75 1.75 0 10-3.501.001A1.75 1.75 0 0011.75 10zm-6 0a1.75 1.75 0 10-3.501.001A1.75 1.75 0 005.75 10z">
</path>
</svg></span>
</span>
</button>
</shreddit-post-overflow-menu>
</shreddit-async-loader>
</span>
</span>
<div slot="ssr-post-content-header"></div>
<a href="/r/KeineDummenFragen/comments/1t1tp1r/wenn_die_afd_an_der_macht_ist_wie_wird_es_euch/"
id="post-title-t3_1t1tp1r" slot="title"
class="block text-neutral-content-strong m-0 visited:text-neutral-content-weak font-semibold text-16-scalable xs:text-18-scalable mb-2xs xs:mb-xs overflow-hidden"
aria-describedby="feed-post-credit-bar-t3_1t1tp1r" dir="auto">
Wenn die AfD an der Macht ist, wie wird es euch ergehen?
</a>
<shreddit-post-flair slot="post-flair" post-id="t3_1t1tp1r"
flair-class=" relative top-[-0.25rem] xs:top-[-2px] my-2xs xs:mb-sm py-0 "></shreddit-post-flair>
<div class="flex justify-end">
</div>
</shreddit-post>
</article>
<hr class="border-0 border-b-sm border-solid border-b-neutral-border-weak">
<faceplate-partial slot="load-after" id="feed-next-page-partial" loading="programmatic"
src="/svc/shreddit/feeds/popular-feed?after=dDNfMXQxdHAxcg%3D%3D&distance=4&adDistance=2&navigationSessionId=ede31476-ffab-49ac-9b2b-75bd17404207&ad_posts_served=1&cursor=dDNfMXQxdHAxcg%3D%3D&sort=BEST"
method="GET">
<shreddit-feed-page-loading page-type="popular"><ac-track once san="feed|view|loading_spinner"
trigger="view"></ac-track></shreddit-feed-page-loading>
</faceplate-partial>
</shreddit-feed><ac-publish once
payload="{"action":"load","reason":"initial_load","requestUrl":"https://www.reddit.com/","navigationType":"full","serverTimings":{"feedServiceResponseProcessingDurationMs":10,"feedServiceRequestDurationMs":378}}"
topic="feed_serving_event" trigger-elem="closest(shreddit-feed)" trigger="init"></ac-publish>
</template><suspense-replace target="#s_8a5ed_0" template="template[for=s_8a5ed_0]"></suspense-replace>