.fg-colors__panel{background:#fff;box-shadow:0 2px 12px rgba(20,30,40,.08);padding:24px 22px 26px}@media(min-width:1024px){.fg-colors__panel{padding:38px}}.fg-colors__grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:480px){.fg-colors__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.fg-colors__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.fg-colors__item{display:flex;flex-direction:column;gap:6px;position:relative}.fg-colors__item.is-copyable{cursor:pointer}.fg-colors__item.is-copyable:hover .fg-colors__swatch{box-shadow:inset 0 0 0 2px #0e7ac4}.fg-colors__copied{background:#1d2226;color:#fff;font-size:11.5px;font-weight:600;inset:auto 0 100% 0;margin-bottom:6px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.fg-colors__copied.is-visible{opacity:1;transform:none}.fg-colors__swatch{background-color:#eef2f5;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);display:block;height:64px}@media(min-width:1024px){.fg-colors__swatch{height:74px}}.fg-colors__swatch--wood{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18) 2px,transparent 0,transparent 7px)}.fg-colors__strip{background:#fff;border:1px solid #dde3e8;display:flex;flex-direction:column;gap:18px;padding:22px 24px}@media(min-width:1024px){.fg-colors__strip{align-items:center;flex-direction:row;gap:30px;justify-content:space-between;padding:24px 28px}}.fg-colors__strip-text{color:#5b656d;font-size:16px;line-height:1.55;margin:0}@media(min-width:1024px){.fg-colors__strip-text{font-size:16.5px}}.fg-colors__swatches{display:flex;flex-wrap:wrap;gap:10px}.fg-colors__swatch--sm{height:44px;width:44px}.fg-colors__name{color:#1d2226;font-size:12.5px;font-weight:700;line-height:1.2}.fg-colors__code{color:#8b969e;font-size:11.5px;letter-spacing:.5px}.fg-colors.fg-on-premium{background:#191d20;border-bottom:1px solid #2a2f34;padding-top:0}.fg-colors.fg-on-premium .fg-eyebrow{color:#c79a5c;letter-spacing:4.5px}.fg-colors.fg-on-premium .fg-heading{color:#fff;font-weight:700}.fg-colors.fg-on-premium .fg-colors__panel{background:#15181b;border:1px solid #2a2f34;box-shadow:none}.fg-colors.fg-on-premium .fg-colors__strip{background:transparent;border-color:#2a2f34}.fg-colors.fg-on-premium .fg-colors__strip-text{color:#cfd2d5;font-weight:300}.fg-colors.fg-on-premium .fg-colors__swatch{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.fg-colors.fg-on-premium .fg-colors__name{color:#fff}.fg-colors.fg-on-premium .fg-colors__code{color:#7c8288}