.bb-logo-grid.svelte-1xm0msz{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bb-logo-tile.svelte-1xm0msz{border-radius:28px;justify-content:center;align-items:center;min-width:0;min-height:220px;text-decoration:none;transition:transform .18s,filter .18s;display:flex;position:relative;overflow:hidden}.bb-logo-tile.svelte-1xm0msz:nth-child(-n+4){grid-column:span 2;min-height:236px}.bb-logo-tile.dark.svelte-1xm0msz{color:#fff;background:#1a1a1f}.bb-logo-tile.light.svelte-1xm0msz{color:#101014;background:#f1f1f3}.bb-lockup.svelte-1xm0msz{justify-content:center;align-items:center;gap:12px;max-width:88%;transition:transform .2s;display:flex}.bb-symbol.svelte-1xm0msz{object-fit:contain;width:80px;height:80px}.bb-word.svelte-1xm0msz{object-fit:contain;width:180px;height:56px}.black-word.svelte-1xm0msz,.mono-black.svelte-1xm0msz{filter:brightness(0)}.mono-white.svelte-1xm0msz{filter:brightness(0)invert()}.bb-symbol-only.svelte-1xm0msz{object-fit:contain;width:104px;height:104px;transition:transform .2s}.bb-download.svelte-1xm0msz{color:#fff;opacity:0;background:#101015dd;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.bb-download.svelte-1xm0msz svg:where(.svelte-1xm0msz){fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.bb-logo-tile.svelte-1xm0msz:hover .bb-download:where(.svelte-1xm0msz),.bb-logo-tile.svelte-1xm0msz:focus-visible .bb-download:where(.svelte-1xm0msz){opacity:1}.bb-logo-tile.svelte-1xm0msz:hover .bb-lockup:where(.svelte-1xm0msz),.bb-logo-tile.svelte-1xm0msz:hover .bb-symbol-only:where(.svelte-1xm0msz){transform:scale(1.035)}.bb-color-grid.svelte-1xm0msz{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.bb-color.svelte-1xm0msz{appearance:none;text-align:left;cursor:pointer;min-height:260px;font:inherit;border:0;border-radius:32px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:34px;transition:transform .2s;display:flex}.bb-color.svelte-1xm0msz:hover{transform:translateY(-3px)}.bb-color-name.svelte-1xm0msz{font-size:24px;font-weight:550;line-height:1.3}.bb-color-value.svelte-1xm0msz{font-size:17px;font-weight:500}.bb-color-value.svelte-1xm0msz small:where(.svelte-1xm0msz){opacity:.7;margin-top:5px;font-size:14px;display:block}@media (width<=800px){.bb-color-grid.svelte-1xm0msz{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-color.svelte-1xm0msz{min-height:210px;padding:24px}.bb-logo-grid.svelte-1xm0msz{gap:12px}}@media (width<=540px){.bb-logo-grid.svelte-1xm0msz{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-logo-tile.svelte-1xm0msz:nth-child(-n+4){grid-column:span 2;min-height:190px}.bb-logo-tile.compact.svelte-1xm0msz{min-height:160px}.bb-symbol.svelte-1xm0msz{width:60px;height:60px}.bb-word.svelte-1xm0msz{width:140px;height:42px}.bb-symbol-only.svelte-1xm0msz{width:80px;height:80px}.bb-color-grid.svelte-1xm0msz{gap:10px}.bb-color.svelte-1xm0msz{border-radius:22px;min-height:175px;padding:19px}.bb-color-name.svelte-1xm0msz{font-size:18px}.bb-color-value.svelte-1xm0msz{font-size:14px}.bb-color-value.svelte-1xm0msz small:where(.svelte-1xm0msz){font-size:12px}}@media (hover:none){.bb-download.svelte-1xm0msz{opacity:1;background:#101015bf;min-height:44px;font-size:13px;inset:auto 0 0}.bb-download.svelte-1xm0msz svg:where(.svelte-1xm0msz){width:19px;height:19px}}
