.lp-colors{background:#fff;padding:56px 0 64px;border-bottom:1px solid var(--cf-border, #e2ddd8)}@media(min-width:768px){.lp-colors{padding:72px 0 80px}}.lp-colors__wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}@media(min-width:768px){.lp-colors__wrap{padding:0 40px}}@media(min-width:1100px){.lp-colors__wrap{padding:0 64px}}.lp-colors__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.lp-colors__eyebrow{display:block;font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;letter-spacing:.22em;font-size:13px;color:var(--cf-accent-dark, #1fa8aa);text-transform:uppercase;margin-bottom:8px}.lp-colors__title{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:800;font-size:clamp(26px,4.5vw,44px);line-height:1;letter-spacing:-.005em;text-transform:uppercase;color:var(--cf-text, #1a1612);margin:0}.lp-colors__count{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;color:var(--cf-muted, #6b6560);white-space:nowrap}.lp-colors__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}@media(max-width:480px){.lp-colors__grid{grid-template-columns:1fr 1fr;gap:10px}}.lp-colors__card{background:var(--cf-surface, #fff);border:1.5px solid var(--cf-border, #e2ddd8);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .22s,box-shadow .22s,transform .18s;position:relative;text-align:left;padding:0;font:inherit}.lp-colors__card:hover{border-color:var(--cf-accent, #2dc8ca);transform:translateY(-4px) scale(1.01)}.lp-colors__swatch{height:80px;width:100%;display:block;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.08);background-image:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(225deg,rgba(0,0,0,.18) 0%,transparent 55%)}.lp-colors__swatch:after{content:"";position:absolute;top:-20%;left:-100%;width:55%;height:140%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.18) 55%,transparent 100%);transform:skew(-18deg);opacity:0;pointer-events:none}.lp-colors__card:hover .lp-colors__swatch:after{opacity:1;animation:lpColorsShimmer .65s ease forwards}@keyframes lpColorsShimmer{0%{left:-100%}to{left:160%}}.lp-colors__info{display:block;padding:10px 12px 12px}.lp-colors__code{display:block;font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:800;font-size:15px;letter-spacing:.02em;color:var(--cf-accent-dark, #1fa8aa);line-height:1.1}.lp-colors__name{display:block;font-family:var(--font-body, "Barlow", system-ui, sans-serif);font-size:13px;color:var(--cf-text, #1a1612);margin-top:3px;line-height:1.3}.lp-colors__card--matte{cursor:default;border-style:dashed;background:#00000005}.lp-colors__card--matte:hover{border-color:var(--cf-border, #e2ddd8);transform:none}.lp-colors__card--matte:hover .lp-colors__swatch:after{opacity:0;animation:none}.lp-colors__card--matte .lp-colors__code,.lp-colors__card--matte .lp-colors__name{color:var(--cf-muted, #6b6560);opacity:.75}.lp-colors__note{display:block;font-size:11px;font-weight:600;color:var(--cf-muted, #6b6560);line-height:1.3;margin-top:7px}.lp-colors__notify{display:inline-block;margin-top:5px;font-size:11px;font-weight:700;color:var(--cf-accent-dark, #1fa8aa);border-bottom:1px solid currentColor;line-height:1.3}.lp-colors__waitlist{max-width:460px;margin:24px auto 0;padding:18px 20px;border:1px solid var(--cf-border, #e2ddd8);border-radius:8px;background:var(--cf-surface, #fff);text-align:left}.lp-colors__waitlist-heading{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-size:15px;font-weight:800;color:var(--cf-text, #1a1612);margin:0 0 4px}.lp-colors__waitlist-text{font-size:13px;color:var(--cf-muted, #6b6560);margin:0 0 12px}.lp-colors__waitlist-form{display:flex;gap:8px;flex-wrap:wrap}.lp-colors__waitlist-form input[type=email]{flex:1 1 200px;min-width:0;padding:10px 13px;font-size:15px;border:1px solid var(--cf-border, #e2ddd8);border-radius:6px;background:#fff}.lp-colors__waitlist-form button{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cf-accent, #2dc8ca);border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.lp-colors__waitlist-ok{flex:1 0 100%;font-size:13px;color:var(--cf-accent-dark, #1fa8aa);margin:8px 0 0}.lp-colors__reset{text-align:center;margin-top:32px}.lp-colors__reset-btn{background:none;border:0;cursor:pointer;font-family:var(--font-body, "Barlow", system-ui, sans-serif);font-size:14px;color:var(--cf-muted, #6b6560);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.lp-colors__reset-btn:hover{color:var(--cf-text, #1a1612)}.lp-colors__help{text-align:center;margin-top:14px;font-family:var(--font-body, "Barlow", system-ui, sans-serif);font-size:13.5px;color:var(--cf-muted, #6b6560)}.lp-colors__help-link{color:var(--cf-accent-dark, #1fa8aa);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .15s}.lp-colors__help-link:hover{color:var(--cf-text, #1a1612)}.lp-colors__help-dot{margin:0 8px;color:var(--cf-border-strong, #c8c2bb)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/lp-colors.css.map */