.backgroundCard.svelte-xsf93r{--bg: oklch(from var(--background) calc(l*1.05) c h);--segmentDivider: var(--bg);box-shadow:var(--shadow-z1);position:relative;width:100%;border-radius:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r){width:100%;background-color:var(--bg);padding:1rem;display:flex;justify-content:space-between;align-items:flex-start}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;justify-content:flex-start;-moz-column-gap:.5rem;column-gap:.5rem}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r) .ctryFlag:where(.svelte-xsf93r){grid-column:1;grid-row:1;width:30px;height:30px;border-radius:50%;overflow:hidden}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r) .ctryFlag:where(.svelte-xsf93r) img:where(.svelte-xsf93r){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r) h3:where(.svelte-xsf93r){grid-column:2;grid-row:1;font-size:1.1rem;color:var(--contrast);text-transform:capitalize;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r) h3:where(.svelte-xsf93r) span:where(.svelte-xsf93r){font-size:.85rem;color:var(--speak)}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .title:where(.svelte-xsf93r) .category:where(.svelte-xsf93r){grid-row:2;grid-column:2;--intenseColor: oklch( from var(--primary) var(--primaryIntenseL) var(--primaryIntenseC) h );color:color-mix(in oklab,var(--intenseColor) 70%,var(--bg))}.backgroundCard.svelte-xsf93r .header:where(.svelte-xsf93r) .status:where(.svelte-xsf93r){font-size:.9rem;text-transform:uppercase;font-weight:600}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r){display:flex;align-items:center;justify-content:space-between;width:100%;text-align:center;background-color:var(--bg);padding:1rem 1.5rem}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .counts:where(.svelte-xsf93r){display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .counts:where(.svelte-xsf93r) .activeCount:where(.svelte-xsf93r){display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:1rem;color:var(--contrast)}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .button.primaryBtn:where(.svelte-xsf93r){background-color:color-mix(in oklab,var(--primary) 60%,var(--bg))!important;color:var(--contrast)}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .rankIcon:where(.svelte-xsf93r){display:flex;align-items:center;gap:4px}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .rankIcon:where(.svelte-xsf93r) .icon{grid-column:1;grid-row:1;z-index:1}.backgroundCard.svelte-xsf93r .actions:where(.svelte-xsf93r) .rankIcon:where(.svelte-xsf93r) span:where(.svelte-xsf93r){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))}.backgroundCard.svelte-xsf93r .contentSnippet:where(.svelte-xsf93r){width:100%}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r){background-color:var(--bg);width:100%;display:flex;align-items:center;justify-content:center;padding:2rem .5rem .5rem}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r){max-width:300px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r){--center-size: 70%;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r){position:relative;border-radius:50%;width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:color-mix(in oklab,var(--primary) 40%,transparent);border:1px solid var(--primary)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring.draft:where(.svelte-xsf93r){border:1px dashed var(--primary)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r){position:absolute;width:120%;aspect-ratio:1/1;border-radius:50%;z-index:1;transition:opacity .5s ease-in-out 0s;opacity:0;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;--slice: calc(360deg / var(--count));--start: calc((var(--i) - 1) * var(--slice));--end: calc(var(--start) + var(--slice));--mid: calc((var(--start) + var(--end)) / 2);clip-path:polygon(50% 50%,calc(50% + 50%*cos(var(--start))) calc(50% + 50%*sin(var(--start))),calc(50% + 50%*cos(var(--end))) calc(50% + 50%*sin(var(--end))))}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r):before,.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r):after{content:"";position:absolute;left:50%;top:50%;width:4px;height:55%;background-color:var(--segmentDivider);transform-origin:0 0;pointer-events:none;z-index:2}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r):before{transform:rotate(calc(var(--start) - 90deg))}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r):after{transform:rotate(calc(var(--end) - 90deg))}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r) .member:where(.svelte-xsf93r){transform:rotate(var(--mid));position:absolute;width:100%;aspect-ratio:1/1;overflow:visible;display:flex;justify-content:flex-end;align-items:center}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r) .member:where(.svelte-xsf93r) img:where(.svelte-xsf93r){transform:rotate(calc(var(--mid) * -1));height:auto;width:25%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r) .member:where(.svelte-xsf93r) .moreLink:where(.svelte-xsf93r){width:28%;height:100%;display:flex;gap:2px;align-items:center;justify-content:center;color:var(--contrast)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .center:where(.svelte-xsf93r){position:absolute;width:var(--center-size);aspect-ratio:1/1;border-radius:50%;z-index:2;background-color:var(--primary);display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;box-shadow:var(--shadow-z0)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .center:where(.svelte-xsf93r) .noMembers:where(.svelte-xsf93r){color:#fff;z-index:2;line-height:1}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .center.draft:where(.svelte-xsf93r){--background: color-mix(in oklab, var(--primary) 30%, var(--surface2));background-color:var(--background)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .center:where(.svelte-xsf93r) img:where(.svelte-xsf93r){position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;z-index:1;mix-blend-mode:multiply;filter:saturate(0) brightness(.8)}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r) .sphere:where(.svelte-xsf93r) .center:where(.svelte-xsf93r) .avatarsRow{z-index:2;margin-bottom:.5rem}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r):hover .ring:where(.svelte-xsf93r) .segmentMask:where(.svelte-xsf93r){opacity:1}.backgroundCard.svelte-xsf93r .sphereContainer:where(.svelte-xsf93r) .sphereWrap:where(.svelte-xsf93r):hover .center:where(.svelte-xsf93r){box-shadow:var(--shadow-z2)}