.eeg-sbc__header{margin-bottom:var(--spacing-xl)}.eeg-sbc__title{font-size:clamp(2rem,5vw,3rem);margin:0}.eeg-sbc__intro{max-width:52rem;margin:1.25rem auto 0;color:var(--color-text-80);line-height:1.7}.eeg-sbc__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media(min-width:360px){.eeg-sbc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:750px){.eeg-sbc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}}@media(min-width:990px){.eeg-sbc__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.eeg-sbc__card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:1.5rem 1rem;text-align:center;text-decoration:none;color:inherit;border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.eeg-sbc__card:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.eeg-sbc__swatch{width:76px;height:76px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--eeg-sbc-swatch, var(--color-accent-gold));box-shadow:inset 0 4px 8px #ffffff40,inset 0 -4px 8px #00000026,0 4px 12px #0000001a;color:#fff;border:none}.eeg-sbc__icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.eeg-sbc__name{margin:0;font-family:var(--font-heading);font-size:1.25rem;letter-spacing:.04em}.eeg-sbc__effect{margin:0;color:var(--color-text-80);font-size:.95rem;line-height:1.6;font-style:italic;font-weight:300}[data-eeg-color=multicolored] .eeg-sbc__swatch{background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,violet,red);box-shadow:inset 0 4px 8px #fff6,inset 0 -4px 8px #0003,0 8px 20px -4px #0000004d}[data-eeg-color=transparent] .eeg-sbc__swatch{background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%,#e0e0e0),linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%,#e0e0e0);background-position:0 0,10px 10px;background-size:20px 20px;box-shadow:inset 0 0 0 1px #0000001a,inset 0 4px 8px #ffffff80,0 4px 12px #0000000d}[data-eeg-color=transparent] .eeg-sbc__icon{stroke:#999;filter:drop-shadow(0 1px 0px rgba(255,255,255,.8))}
/*# sourceMappingURL=/cdn/shop/t/35/assets/fcp-page-shop-by-colors.css.map */