.ecosystem-tabs{--ecosystem-accent:var(--chamber-accent,var(--ecosystem-generated-accent,#d6a9ff));isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.4rem,1.1vw,.9rem);width:100%;min-width:0;margin-block:.75rem;font-family:inherit;display:grid;container-type:inline-size}.ecosystem-tabs[data-space=cafe]{--ecosystem-accent:var(--cafe-cyan,#8de7ed)}.ecosystem-tabs a{border:1px solid color-mix(in oklab, var(--ecosystem-accent) 65%, transparent);border-radius:var(--radius,.8rem);color:#faf6ff;background:linear-gradient(125deg, color-mix(in oklab, var(--ecosystem-accent) 18%, #101019), #101019ed);min-width:0;min-height:52px;box-shadow:0 0 16px color-mix(in oklab, var(--ecosystem-accent) 16%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-wrap:anywhere;touch-action:manipulation;flex-direction:column;justify-content:center;padding:.65rem .8rem;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex}.ecosystem-tabs a:hover,.ecosystem-tabs a:focus-visible{border-color:var(--ecosystem-accent);box-shadow:0 0 22px color-mix(in oklab, var(--ecosystem-accent) 36%, transparent)}.ecosystem-tabs a:focus-visible{outline-offset:3px;outline:3px solid #fff}.ecosystem-tab-title{letter-spacing:.035em;font-size:clamp(.72rem,2.6cqi,1rem);font-weight:750;line-height:1.25}.ecosystem-tab-detail{color:#ddd5e8;margin-top:.25rem;font-size:clamp(.63rem,2cqi,.78rem);line-height:1.35}.ecosystem-tabs-plane{z-index:24;pointer-events:none;position:absolute;inset:0}.ecosystem-tabs-position{pointer-events:auto;width:calc(100% - 32px);position:absolute;top:92px;left:16px}.ecosystem-tabs-position .ecosystem-tabs{height:100%;margin:0}.ecosystem-tabs-position[data-fitted] a{border-radius:.35rem;padding:.3rem .6rem}.ecosystem-tabs-position[data-fitted] .ecosystem-tab-detail{display:none}.ecosystem-tabs[data-space=pod]{--ecosystem-accent:var(--pod-pink,#ff4fd8)}.clarence-chee .ecosystem-tabs{--ecosystem-accent:var(--pod-gold,#ffd166)}@container (width<=360px){.ecosystem-tab-detail{display:none}.ecosystem-tabs a{padding:.55rem .6rem}}@media (prefers-reduced-motion:reduce){.ecosystem-tabs a{transition:none}}@media (forced-colors:active){.ecosystem-tabs a{color:linktext;background:canvas;border:1px solid linktext}}
