.Typography[data-astro-cid-cuecaxvc]{grid-column:full;display:flex;justify-content:center;border-top:1px #e7e7e7 solid;border-bottom:1px #e7e7e7 solid;background:linear-gradient(180deg,#fff,#f5f5f5)}.TypographySVG[data-astro-cid-cuecaxvc]{max-width:695px;width:100%;height:auto}.Tonik[data-astro-cid-cuecaxvc]{display:flex;align-items:center;gap:.5rem}.HeroImage[data-astro-cid-cuecaxvc]{max-width:1000px;grid-column:full;width:100%;height:auto;margin-top:-70px;margin-left:auto;margin-right:auto;min-height:10em;object-fit:cover}.MadeBy[data-astro-cid-cuecaxvc]{background:#f5f5f5;padding:2.5rem;grid-column:full;display:flex;align-items:center;justify-content:center;border-bottom:1px #e7e7e7 solid}.Content[data-astro-cid-cuecaxvc]{grid-column:content;display:grid;grid-template-columns:1fr min(100%,688px) 1fr;justify-items:flex-start;row-gap:1rem;padding:10rem 0}.Hero[data-astro-cid-cuecaxvc].Content{padding-top:0}.Content[data-astro-cid-cuecaxvc]>[data-astro-cid-cuecaxvc]{grid-column:2}.Logos[data-astro-cid-cuecaxvc]{grid-column:full;display:flex;flex-wrap:wrap;gap:1px}.LogoCard[data-astro-cid-cuecaxvc]{flex:1 1 24%;height:512px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative}.CardDark[data-astro-cid-cuecaxvc]{background:#000;color:#fff}.Colors[data-astro-cid-cuecaxvc],.Gradients[data-astro-cid-cuecaxvc]{grid-column:full;display:flex;flex-wrap:wrap}.GradientCard[data-astro-cid-cuecaxvc]{flex:1 1 24%;height:512px;background:#f5f5f5;position:relative}.ColorCard[data-astro-cid-cuecaxvc]{padding:2rem;flex:1 1 24%;position:relative}.ColorCard[data-astro-cid-cuecaxvc] .ActionButton[data-astro-cid-cuecaxvc] span[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc] .ActionButton[data-astro-cid-cuecaxvc] span[data-astro-cid-cuecaxvc]{background:#fff}.ColorCard[data-astro-cid-cuecaxvc]:hover .ColorName[data-astro-cid-cuecaxvc],.ColorCard[data-astro-cid-cuecaxvc]:hover .ColorFooter[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc]:hover .GradientCardText[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc]:hover .GradientCardFooter[data-astro-cid-cuecaxvc]{opacity:.3}.ColorName[data-astro-cid-cuecaxvc],.ColorFooter[data-astro-cid-cuecaxvc],.GradientCardText[data-astro-cid-cuecaxvc],.GradientCardFooter[data-astro-cid-cuecaxvc]{transition:opacity 75ms ease-in-out}@media (max-width: 1200px){.ColorCard[data-astro-cid-cuecaxvc]{flex:1 1 49%}.LogoCard[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc]{flex:1 1 49%;height:300px}}@media (max-width: 600px){.LogoCard[data-astro-cid-cuecaxvc]{flex-basis:100%;height:160px}.ColorCard[data-astro-cid-cuecaxvc]{flex:1 1 100%}.Content[data-astro-cid-cuecaxvc]{padding:5rem 0}}.ColorFooter[data-astro-cid-cuecaxvc]{margin-top:clamp(1rem,5vw,10rem)}.GradientCard[data-astro-cid-cuecaxvc]{padding:2rem;display:flex;flex-direction:column}.GradientCardFooter[data-astro-cid-cuecaxvc]{margin-top:auto}.ColorCard[data-astro-cid-cuecaxvc] dl[data-astro-cid-cuecaxvc] div[data-astro-cid-cuecaxvc]{display:flex;gap:.5rem}.Buttons[data-astro-cid-cuecaxvc]{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.BrandButton[data-astro-cid-cuecaxvc]{margin-bottom:3rem}.LogoHeader[data-astro-cid-cuecaxvc]{margin-top:3rem}.MadeByLabel[data-astro-cid-cuecaxvc]{display:flex;gap:.8em;flex-wrap:wrap;text-align:center;justify-content:center}.LogoCard[data-astro-cid-cuecaxvc] .ActionButtons[data-astro-cid-cuecaxvc]{position:absolute;right:20px;bottom:20px;opacity:0;pointer-events:none}.LogoCard[data-astro-cid-cuecaxvc]:hover .ActionButtons[data-astro-cid-cuecaxvc]{opacity:1;pointer-events:initial}.ColorCard[data-astro-cid-cuecaxvc] .ActionButtons[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc] .ActionButtons[data-astro-cid-cuecaxvc]{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.ColorCard[data-astro-cid-cuecaxvc]:hover .ActionButtons[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc]:hover .ActionButtons[data-astro-cid-cuecaxvc]{opacity:1;pointer-events:initial}.ActionButtons[data-astro-cid-cuecaxvc]{list-style:none;margin:0;padding:0;display:flex;transition:opacity 75ms ease-in-out}.ActionButton[data-astro-cid-cuecaxvc]{appearance:none;border:0;background:transparent;cursor:pointer;margin:0;padding:0}.ColorCard[data-astro-cid-cuecaxvc] .ActionButton[data-astro-cid-cuecaxvc],.GradientCard[data-astro-cid-cuecaxvc] .ActionButton[data-astro-cid-cuecaxvc]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ActionButton[data-astro-cid-cuecaxvc] span[data-astro-cid-cuecaxvc]{width:40px;height:40px;background:#fff;border:1px #e7e7e7 solid;display:grid;align-items:center;justify-content:center;color:#000;transition:background 75ms ease-in-out;cursor:pointer}.ActionButton[data-astro-cid-cuecaxvc]:hover span[data-astro-cid-cuecaxvc]{background:#e7e7e7}.ActionButton[data-astro-cid-cuecaxvc] span[data-astro-cid-cuecaxvc]>[data-astro-cid-cuecaxvc]{grid-column:1;grid-row:1;transition:opacity 75ms ease-out}.ActionButtonCheckIcon[data-astro-cid-cuecaxvc]{opacity:0}.ActionButtonCopyCopied[data-astro-cid-cuecaxvc] .ActionButtonCheckIcon[data-astro-cid-cuecaxvc]{opacity:1}.ActionButtonCopyCopied[data-astro-cid-cuecaxvc] .ActionButtonCopyIcon[data-astro-cid-cuecaxvc]{opacity:0}li[data-astro-cid-cuecaxvc]:has(.ActionButton)+li[data-astro-cid-cuecaxvc]:has(.ActionButton) .ActionButton[data-astro-cid-cuecaxvc]{border-left:0}@media (max-width: 760px){.HeroImage[data-astro-cid-cuecaxvc]{margin-top:-40px}}