.lp-shade-range{background-color:#fff;padding-top:var(--desktop-padding-top, 40px);padding-bottom:var(--desktop-padding-bottom, 40px)}.lp-shade-range__container{max-width:1440px;margin:0 auto;padding-left:70px;padding-right:70px}.lp-shade-range__inner{display:flex;align-items:center;gap:80px}.lp-shade-range__sidebar{display:flex;flex:1 1 auto;flex-direction:column;gap:24px;min-width:0}.lp-shade-range__header{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;width:100%}.lp-shade-range__eyebrow{margin:0;color:#333;font-family:Futura,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:21px;letter-spacing:1px;text-transform:uppercase}.lp-shade-range__heading{margin:0;color:#2e1c11;font-family:Futura,sans-serif;font-size:52px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:.48px;text-transform:capitalize}.lp-shade-range__text{margin:0;color:#2e1c11;font-family:Futura,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.32px;max-width:338px}.lp-shade-range__media{position:relative;flex:0 0 650px;width:650px;max-width:100%;height:634px}.lp-shade-range__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lp-shade-range__image--mobile{display:none}.lp-shade-range__image.is-active{opacity:1;visibility:visible}.lp-shade-range__badge{position:absolute;left:28px;bottom:28px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ffffff;border-radius:999px;background:#0000001a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.lp-shade-range__badge-swatch{display:block;width:32px;height:32px;padding:2px;border:1px solid rgba(255,255,255,.5);border-radius:16px;flex-shrink:0}.lp-shade-range__badge-swatch-inner{display:block;width:100%;height:100%;border-radius:13px;background-color:var(--swatch-color, #ecc7b7)}.lp-shade-range__badge-label{color:#fff;font-family:Futura,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:19.8px;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}.lp-shade-range__shades{display:flex;flex-direction:column;gap:24px;width:100%}.lp-shade-range__shade{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border:1px solid rgba(204,204,204,.5);background:transparent;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease}.lp-shade-range__shade.is-active{background-color:#f8f2e8;border-color:#000}.lp-shade-range__shade-swatch{display:block;width:32px;height:32px;padding:2px;border:1px solid rgba(0,0,0,.1);border-radius:16px;flex-shrink:0}.lp-shade-range__shade.is-active .lp-shade-range__shade-swatch{border-color:#00000080}.lp-shade-range__shade-swatch-inner{display:block;width:100%;height:100%;border-radius:13px;background-color:var(--swatch-color, #ecc7b7)}.lp-shade-range__shade-info{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}.lp-shade-range__shade-title{margin:0;color:#232323;font-family:Futura,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:19.8px;letter-spacing:.9px;text-transform:uppercase}.lp-shade-range__shade-description{margin:0;color:#2e1c11;font-family:Futura,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.32px}@media screen and (max-width:768px){.lp-shade-range{padding-top:var(--mobile-padding-top, 40px);padding-bottom:var(--mobile-padding-bottom, 40px)}.lp-shade-range__container{padding-left:20px;padding-right:20px}.lp-shade-range__inner{flex-direction:column;gap:24px}.lp-shade-range__sidebar{display:contents}.lp-shade-range__header{order:1}.lp-shade-range__media{order:2;flex:none;width:100%;height:260px}.lp-shade-range__image--desktop{display:none}.lp-shade-range__image--mobile{display:block}.lp-shade-range__shades{order:3;gap:16px}.lp-shade-range__heading{font-size:32px;width:100%}.lp-shade-range__text{max-width:100%;width:100%}.lp-shade-range__badge{left:20px;bottom:20px;gap:4px;padding:4px 8px}.lp-shade-range__badge-swatch{width:16px;height:16px;border-radius:8px;padding:1px}.lp-shade-range__badge-swatch-inner{border-radius:6.7px}.lp-shade-range__badge-label{font-size:12px;line-height:10.2px;letter-spacing:.46px}.lp-shade-range__shade{padding:8px 16px}}
/*# sourceMappingURL=/cdn/shop/t/415/assets/lp-shade-range.css.map */