.gl-shade__inner{padding-top:80px;padding-bottom:80px}@media(min-width:1024px){.gl-shade__inner{padding-top:112px;padding-bottom:112px}}.gl-shade__grid{display:grid;align-items:center;gap:40px}@media(min-width:1024px){.gl-shade__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:64px}.gl-shade__copy{grid-column:span 5 / span 5}.gl-shade__swatches-wrap{grid-column:span 7 / span 7}}.gl-shade__heading{margin-bottom:24px}.gl-shade__body{max-width:28rem;margin-bottom:32px;font-size:16px;line-height:1.625;color:var(--gl-fog)}.gl-shade__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(min-width:640px){.gl-shade__swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}.gl-shade__swatch{position:relative;display:flex;align-items:flex-end;aspect-ratio:1 / 1;overflow:hidden}.gl-shade__swatch-name{width:100%;height:100%;display:flex;align-items:flex-end;padding:12px;background:#0000004d;color:#fff;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.18em;opacity:0;transition:opacity .2s}.gl-shade__swatch:hover .gl-shade__swatch-name,.gl-shade__swatch:focus-visible .gl-shade__swatch-name{opacity:1}.gl-shade__caption{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px;color:var(--gl-fog)}.gl-shade__count{color:var(--gl-charcoal);font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/gl-shade-finder.css.map */