.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}.gl-shade--dark{position:relative;overflow:hidden;isolation:isolate;background:var(--gl-charcoal, #3b3b3d);color:var(--gl-ivory, #faf6f1)}.gl-shade--dark:before{content:"";position:absolute;z-index:-1;width:640px;height:640px;top:-320px;left:30%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(158,42,92,.45),transparent 65%);pointer-events:none}.gl-shade--dark:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;bottom:-220px;right:-120px;border-radius:50%;background:radial-gradient(circle,rgba(184,146,90,.22),transparent 65%);pointer-events:none}.gl-shade--dark .gl-eyebrow{color:#f2c6d8}.gl-shade--dark .gl-shade__heading{color:var(--gl-ivory, #faf6f1)}.gl-shade--dark .gl-shade__body,.gl-shade--dark .gl-shade__caption{color:#faf6f1bf}.gl-shade--dark .gl-shade__count{color:var(--gl-ivory, #faf6f1)}.gl-shade--dark .gl-shade__cta{background:var(--gl-berry, #9e2a5c);border-color:var(--gl-berry, #9e2a5c);color:#fff}.gl-shade--dark .gl-shade__cta:hover{background:#fff;border-color:#fff;color:var(--gl-berry, #9e2a5c)}.gl-shade--dark .gl-shade__swatch{border-radius:14px}.gl-shade__image{display:block;overflow:hidden;border-radius:22px}.gl-shade__image img{display:block;width:100%;height:auto;transition:transform .6s}@media(hover:hover){.gl-shade__image:hover img{transform:scale(1.03)}}@media(max-width:639px){.gl-shade__inner{padding-top:52px;padding-bottom:52px}.gl-shade__cta{width:100%;justify-content:center}}.gl-shade .gl-shade__heading{margin:0 0 20px;line-height:1.02}.gl-shade p.gl-shade__body{max-width:520px;margin:0 0 36px;font-size:16px;line-height:1.55}@media(min-width:1024px){.gl-shade .gl-shade__heading{margin-bottom:24px}.gl-shade p.gl-shade__body{font-size:17px}}.gl-shade__grid>*{min-width:0}@media(max-width:1023px){.gl-shade__grid{grid-template-columns:minmax(0,1fr)}}.gl-sl{display:flex;flex-direction:column;border-radius:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.gl-sl__row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;padding:18px 20px}.gl-sl__row+.gl-sl__row{border-top:1px solid rgba(255,255,255,.08)}.gl-sl__info{display:flex;align-items:center;gap:12px;min-width:0}.gl-sl__thumb{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;background:#fff}.gl-sl__thumb img{display:block;width:100%;height:100%;object-fit:cover}.gl-sl__meta{display:flex;flex-direction:column;gap:3px;min-width:0}.gl-sl__name{font-size:13.5px;font-weight:800;line-height:1.25;color:#fff}.gl-sl__sub{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#f2c6d8}.gl-sl__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 6px;margin:0;padding:0;list-style:none}.gl-sl__item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.gl-sl__sw{display:block;width:100%;aspect-ratio:1;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.gl-sl__code{max-width:100%;font-size:8.5px;font-weight:700;letter-spacing:.02em;line-height:1;color:#faf6f1b3;white-space:nowrap;overflow:hidden;text-overflow:clip}.gl-sl__caption{margin-top:16px}@media(max-width:639px){.gl-sl__row{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.gl-sl__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px}.gl-sl__code{font-size:9px}}@media(min-width:1024px){.gl-shade__grid:has(.gl-sl) .gl-shade__copy{grid-column:span 4 / span 4}.gl-shade__grid:has(.gl-sl) .gl-shade__swatches-wrap{grid-column:span 8 / span 8}.gl-sl__code{font-size:9px}}.gl-sl__item{gap:0}.gl-sl__sw{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s}.gl-sl__sw .gl-sl__code{position:static;max-width:92%;font-size:9px;font-weight:800;letter-spacing:.02em;color:#fff;opacity:0;transition:opacity .15s;overflow:hidden;text-overflow:clip;white-space:nowrap}.gl-sl__sw.is-light .gl-sl__code{color:#3b3b3d}.gl-sl__sw[aria-pressed=true]{box-shadow:0 0 0 2px #faf6f1}.gl-sl__sw[aria-pressed=true] .gl-sl__code,.gl-sl__sw:focus-visible .gl-sl__code{opacity:1}@media(hover:hover){.gl-sl__sw:hover .gl-sl__code{opacity:1}}.gl-sl__sw:focus-visible{outline:2px solid #f2c6d8;outline-offset:2px}@media(max-width:639px){.gl-sl__sw .gl-sl__code{font-size:9.5px}}a.gl-sl__sw{text-decoration:none}a.gl-sl__sw:active .gl-sl__code{opacity:1}@media(hover:hover){a.gl-sl__sw:hover{box-shadow:0 0 0 2px #faf6f1}}.gl .gl-sl__sw{display:flex!important}
/*# sourceMappingURL=/cdn/shop/t/17/assets/gl-shade-finder.css.map */