.carouselContainer.svelte-11idpr{--background: var(--surface5);background-color:var(--background);position:relative;display:flex;align-items:center;width:100%;gap:.5rem;padding:.5rem 0;border-radius:1rem;.carousel:where(.svelte-11idpr){display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.75rem;width:100%;padding:.25rem 2.25rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.carousel:where(.svelte-11idpr)::-webkit-scrollbar{display:none}.navArrow:where(.svelte-11idpr){position:absolute;top:50%;transform:translateY(-50%);background:var(--surface1);box-shadow:var(--shadow-z1);cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease;z-index:1;&:hover{background:var(--surface2);color:var(--shout)}}.navArrow.left:where(.svelte-11idpr){left:.25rem}.navArrow.right:where(.svelte-11idpr){right:.25rem}&.buttonsTop{background-color:transparent;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:30px auto;grid-template-areas:"leftArrow title rightArrow" "carousel carousel carousel";.navArrow.left:where(.svelte-11idpr){position:relative;grid-area:leftArrow;top:auto;transform:none;align-self:center}.navArrow.right:where(.svelte-11idpr){position:relative;grid-area:rightArrow;top:auto;transform:none;align-self:center}.carousel:where(.svelte-11idpr){grid-area:carousel;padding:.25rem}}}.widgetPostItem.svelte-13omncc{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:1fr 80px;grid-template-rows:30px auto;padding:0 1rem;.postMeta:where(.svelte-13omncc){grid-column:1;grid-row:2;display:flex;align-items:center;gap:.75rem;h4:where(.svelte-13omncc){font-size:1rem;font-weight:600;color:var(--loud)}.date:where(.svelte-13omncc){font-size:.875rem;color:var(--text2)}}.content:where(.svelte-13omncc){grid-column:1;grid-row:3;p:where(.svelte-13omncc){color:var(--speak)}}.media:where(.svelte-13omncc){grid-column:2;grid-row:1 / span 3;border-radius:1rem;overflow:hidden;--background: var(--primary1);background-color:var(--background);img:where(.svelte-13omncc){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}}.trendingDashboard.svelte-20i7s5{display:grid;max-width:1000px;margin:2rem auto;grid-template-columns:repeat(12,minmax(50px,1fr));justify-content:center;gap:1rem;@container pageWrap (width < 750px){display:flex;flex-direction:column;gap:1.5rem}section:where(.svelte-20i7s5){--background: var(--surface3);background-color:var(--background);border-radius:2rem;padding:1rem;width:100%;height:100%;min-height:200px;grid-area:span 1 / span 6;place-self:start;.explain:where(.svelte-20i7s5){padding:0 1rem;h3:where(.svelte-20i7s5){margin-bottom:.5rem}p:where(.svelte-20i7s5){color:var(--speak);line-height:1.4;font-size:1.2rem}}&.leaders{.explain:where(.svelte-20i7s5){margin-bottom:1rem}grid-area:span 4 / span 6}&.posts{.explain:where(.svelte-20i7s5){margin-bottom:1rem}grid-area:span 4 / span 6}&.groups{grid-area:span 1 / span 12;.backgroundCard{min-width:300px}}&.listings{grid-area:span 1 / span 12;.collabListing{max-width:300px}}&.impact{grid-area:span 1 / span 12;.impactCard{max-width:300px}}.overflow:where(.svelte-20i7s5){display:flex;flex-direction:column;.trendingItem:where(.svelte-20i7s5){--p: oklch(from var(--primary) l c calc(h + var(--i) * 10));--background: color-mix(in oklab, var(--p) 20%, var(--surface3));display:flex;background-color:var(--background);margin-top:.5rem;color:var(--mime);flex-direction:row;align-items:center;.rankIcon:where(.svelte-20i7s5){margin-left:auto;width:-moz-fit-content;width:fit-content}}}.rankIcon:where(.svelte-20i7s5){display:flex;align-items:center;gap:4px;.icon{grid-column:1;grid-row:1;z-index:1}span:where(.svelte-20i7s5){grid-column:1;grid-row:1;z-index:2;font-size:1.2rem;font-weight:900;color:color-mix(in oklab,var(--primary) 80%,var(--contrast))}}}}