.lp-fabrics{--lp-ink: #262420;--lp-line: #d9d3c7;--lp-paper: #faf8f4;--lp-accent: #9c8158;max-width:1200px;margin:0 auto;padding:64px 24px}.lp-fabrics__header{text-align:center;margin-bottom:40px}.lp-fabrics__title{font-family:var(--font-heading-family, inherit);font-size:clamp(28px,3vw,40px);letter-spacing:.02em;color:var(--lp-ink);margin:0 0 12px}.lp-fabrics__subtitle{font-family:var(--font-body-family, inherit);color:var(--lp-ink);opacity:.65;font-size:15px;margin:0}.lp-fabrics__tabs{display:flex;justify-content:center;gap:8px;border-bottom:1px solid var(--lp-line);margin-bottom:36px;flex-wrap:wrap}.lp-fabrics__tab{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--font-body-family, inherit);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-ink);opacity:.55;padding:14px 20px;position:relative;transition:opacity .2s ease}.lp-fabrics__tab:hover{opacity:.85}.lp-fabrics__tab.is-active{opacity:1}.lp-fabrics__tab.is-active:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:var(--lp-accent)}.lp-fabrics__bunch-desc{font-family:var(--font-body-family, inherit);font-size:14px;line-height:1.7;color:var(--lp-ink);opacity:.75;max-width:760px;margin:0 auto 32px;text-align:center}.lp-fabrics__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 16px}.lp-fabrics__loading,.lp-fabrics__error{grid-column:1 / -1;text-align:center;padding:40px 0;color:var(--lp-ink);opacity:.6;font-size:14px}.lp-swatch{-webkit-appearance:none;appearance:none;background:var(--lp-paper);border:1px solid var(--lp-line);padding:0;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .25s ease,transform .25s ease}.lp-swatch:hover{box-shadow:0 6px 20px #2624201f;transform:translateY(-2px)}.lp-swatch__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:#ece8e0}.lp-swatch__fold{position:absolute;top:0;right:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.18) 50%);clip-path:polygon(100% 0,0 0,100% 100%);opacity:0;transition:opacity .25s ease,width .25s ease,height .25s ease;z-index:2;pointer-events:none}.lp-swatch:hover .lp-swatch__fold{opacity:1;width:34px;height:34px}.lp-swatch__code{font-family:var(--font-body-family, inherit);font-size:12px;letter-spacing:.04em;color:var(--lp-ink);padding:8px 10px;border-top:1px solid var(--lp-line);text-align:left}.lp-modal[hidden]{display:none}.lp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lp-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120f8c}.lp-modal__panel{position:relative;background:#fff;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:1fr}@media(min-width:640px){.lp-modal__panel{grid-template-columns:1fr 1fr}}.lp-modal__close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;font-size:20px;line-height:1;cursor:pointer}.lp-modal__image-wrap{background:#ece8e0}.lp-modal__image{width:100%;height:100%;object-fit:cover;display:block;min-height:260px}.lp-modal__info{padding:28px 24px}.lp-modal__code{font-family:var(--font-heading-family, inherit);font-size:20px;letter-spacing:.03em;margin:0 0 14px;color:#262420}.lp-modal__desc{font-family:var(--font-body-family, inherit);font-size:14px;line-height:1.6;color:#262420;opacity:.8;margin:0;white-space:pre-line}@media(prefers-reduced-motion:reduce){.lp-swatch,.lp-swatch__fold,.lp-fabrics__tab{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/materiale-loro-piana.css.map */