.metric-label.svelte-vq7xvm,.join-btn.svelte-vq7xvm{text-orientation:mixed;color:#fff;background:var(--label-bg);padding:.3rem .5rem}.metric.svelte-vq7xvm{display:grid;grid-template-columns:6fr 3fr 1fr 3fr 50px;text-align:right;text-decoration:none!important;position:relative;z-index:2;color:#fff;margin:.3rem;background:oklch(from var(--label-bg) 5% 80% h);border-radius:10px;overflow:hidden}.metric.svelte-vq7xvm:before{content:"";background:var(--base-col-3);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:-1}.metric.svelte-vq7xvm .metric-value:where(.svelte-vq7xvm){text-align:right;color:var(--main-col-1)}.metric.svelte-vq7xvm .metric-divider:where(.svelte-vq7xvm){text-align:center;color:var(--main-col-3)}.metric.svelte-vq7xvm .metric-goal:where(.svelte-vq7xvm){text-align:left;color:var(--main-col-4)}.patron-title.svelte-mehvrf{font-size:2rem}.patron-title.svelte-mehvrf>:where(.svelte-mehvrf){font-size:inherit}.member-collection.svelte-mehvrf{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.member-collection.svelte-mehvrf .member-name:where(.svelte-mehvrf){padding:.3rem .8rem;margin:0;border-radius:5px;cursor:default;-webkit-user-select:none;user-select:none}.member-collection.svelte-mehvrf .member-name:where(.svelte-mehvrf):hover{transform:scale(1.05);filter:invert(1) hue-rotate(180deg)}