.fxl-colours{max-width:var(--fxl-content-width,1280px);margin:0 auto 44px}#content:has(.fxl-colours) .fxl-native--section-rich-text:has(h1){margin-bottom:10px}.fxl-colours__intro{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:26px}.fxl-colours__intro p{margin:0;max-width:720px}.fxl-colours__intro>a{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-weight:700;min-height:24px;text-underline-offset:4px}.fxl-colours__group{margin:0 0 36px;scroll-margin-top:145px}.fxl-colours__heading{margin:0 0 16px}.fxl-colours__heading h2{font-size:22px;margin:0}.fxl-colours__heading p{margin:6px 0 0}.fxl-colours__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 20px}.fxl-colour-card{display:block;min-width:0;text-decoration:none;border-radius:var(--fxl-radius-card)}.fxl-colour-card__visual{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--fxl-radius-card);background:var(--fxl-purple-5);border:1px solid var(--fxl-border-soft);transition:border-color .15s ease}.fxl-colour-card__art{display:block;width:100%;height:100%}.fxl-colour-mark__shape:not(.fxl-colour-mark__shape--bands){fill:var(--fxl-card-ink,var(--fxl-purple-15))}.fxl-colour-mark__shape.fxl-colour-card__ink--wit,.fxl-colour-mark__shape--bands{stroke:color-mix(in srgb,var(--fxl-purple) 30%,var(--fxl-white));stroke-width:.7;vector-effect:non-scaling-stroke;stroke-linejoin:round}.fxl-colour-mark stop{stop-color:var(--fxl-card-ink,var(--fxl-purple-15))}.fxl-colour-card__custom{display:block;width:100%;height:100%;object-fit:cover}.fxl-colour-card__caption{display:flex;align-items:center;gap:10px;padding:12px 2px 0}.fxl-colour-card__text{display:grid;gap:2px;flex:1;min-width:0}.fxl-colour-card__name{font-size:var(--fxl-text-size,14px);font-weight:800;line-height:1.35}.fxl-colour-card__count{font-size:12px;opacity:.72;line-height:1.4}.fxl-colour-card__arrow{flex:0 0 20px;transition:transform .15s ease}.fxl-colour-card:hover .fxl-colour-card__visual{border-color:var(--fxl-pink)}.fxl-colour-card:hover .fxl-colour-card__name{text-decoration:underline;text-underline-offset:3px}.fxl-colour-card:hover .fxl-colour-card__arrow{transform:translate(3px)}.fxl-colour-card:focus-visible,.fxl-colours__intro>a:focus-visible{outline:3px solid var(--fxl-pink);outline-offset:5px}@media(max-width:1000px){.fxl-colours__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fxl-colours__intro{flex-wrap:wrap;gap:8px}}@media(max-width:600px){.fxl-colours__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.fxl-colours__heading h2{font-size:20px}.fxl-colours__intro{margin-bottom:18px}.fxl-colours__intro>a{min-height:44px}.fxl-colour-card__caption{gap:8px}.fxl-colour-card__caption .fxl-colour-swatch{width:19px;height:19px;flex-basis:19px}.fxl-colour-card__arrow{width:17px;flex-basis:17px}.fxl-colours__group{scroll-margin-top:110px}}@media(prefers-reduced-motion:reduce){.fxl-colour-card__visual,.fxl-colour-card__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/fxl-colour-collections-v2.css.map */