.lcc{--lcc-ink: var(--text-color, 26 26 26);--lcc-bg: var(--background-color, 255 255 255);--lcc-line: 0 0 0;--lcc-radius: 14px;--lcc-gap: 18px;--lcc-shadow: 0 1px 2px rgb(0 0 0 / 4%), 0 8px 24px -12px rgb(0 0 0 / 14%);color:rgb(var(--lcc-ink))}.lcc__controls{position:sticky;top:var(--lcc-sticky-top, 0px);z-index:6;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:14px 0;background:rgb(var(--lcc-bg));border-bottom:1px solid rgb(var(--lcc-line) / 8%)}.lcc__search{flex:1 1 220px;min-width:180px;padding:11px 14px;font:inherit;font-size:.9375rem;color:inherit;background:rgb(var(--lcc-line) / 3%);border:1px solid rgb(var(--lcc-line) / 12%);border-radius:999px}.lcc__search::placeholder{color:rgb(var(--lcc-ink) / 45%)}.lcc__search:focus-visible{outline:2px solid rgb(var(--lcc-ink) / 45%);outline-offset:2px}.lcc__filters{display:flex;flex-wrap:wrap;gap:8px}.lcc__chip{padding:8px 15px;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:inherit;cursor:pointer;background:transparent;border:1px solid rgb(var(--lcc-line) / 18%);border-radius:999px;transition:background .18s ease,border-color .18s ease,color .18s ease}.lcc__chip:hover{border-color:rgb(var(--lcc-line) / 40%)}.lcc__chip[aria-pressed=true]{color:rgb(var(--lcc-bg));background:rgb(var(--lcc-ink));border-color:rgb(var(--lcc-ink))}.lcc__count{flex:0 0 auto;margin-inline-start:auto;font-size:.8125rem;color:rgb(var(--lcc-ink) / 55%);font-variant-numeric:tabular-nums}.lcc__group{margin-top:46px}.lcc__group[hidden]{display:none}.lcc__group-head{display:flex;gap:14px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid rgb(var(--lcc-line) / 12%)}.lcc__group-title{margin:0;font-size:1.25rem;letter-spacing:.01em}.lcc__group-meta{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--lcc-ink) / 50%)}.lcc__group-note{max-width:62ch;margin:12px 0 0;font-size:.9375rem;line-height:1.6;color:rgb(var(--lcc-ink) / 68%)}.lcc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--lcc-card-min, 168px),1fr));gap:var(--lcc-gap);margin-top:22px;padding:0;list-style:none}.lcc__card{position:relative}.lcc__card[hidden]{display:none}.lcc__swatch-link{display:block;overflow:hidden;border-radius:var(--lcc-radius);aspect-ratio:var(--lcc-swatch-ratio, 3 / 4);background:rgb(var(--lcc-line) / 5%)}.lcc__swatch-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.lcc__card:hover .lcc__swatch-link img{transform:scale(1.04)}.lcc__name{margin:12px 0 0;font-size:.9375rem;font-weight:500;line-height:1.35}.lcc__code{margin:3px 0 0;font-size:.75rem;letter-spacing:.06em;color:rgb(var(--lcc-ink) / 55%);font-variant-numeric:tabular-nums}.lcc__tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0}.lcc__tag{padding:3px 8px;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--lcc-ink) / 70%);border:1px solid rgb(var(--lcc-line) / 14%);border-radius:4px}.lcc__desc{margin:9px 0 0;font-size:.8125rem;line-height:1.55;color:rgb(var(--lcc-ink) / 68%)}.lcc__pick{position:absolute;top:10px;inset-inline-end:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;cursor:pointer;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgb(0 0 0 / 8%);border-radius:50%;opacity:0;transition:opacity .2s ease,background .2s ease,transform .2s ease}.lcc__card:hover .lcc__pick,.lcc__pick:focus-visible,.lcc__pick[aria-pressed=true]{opacity:1}.lcc__pick[aria-pressed=true]{color:#fff;background:rgb(var(--lcc-ink));border-color:rgb(var(--lcc-ink))}.lcc__pick svg{width:15px;height:15px}.lcc__pick .lcc__pick-minus,.lcc__pick[aria-pressed=true] .lcc__pick-plus{display:none}.lcc__pick[aria-pressed=true] .lcc__pick-minus{display:block}@media(hover:none){.lcc__pick{opacity:1}}.lcc__empty{padding:56px 0;font-size:.9375rem;color:rgb(var(--lcc-ink) / 65%);text-align:center}.lcc__empty[hidden]{display:none}.lcc__empty button{font:inherit;color:inherit;text-decoration:underline;cursor:pointer;background:none;border:0}.lcc-tray{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:14px clamp(14px,4vw,40px);background:rgb(var(--lcc-bg));border-top:1px solid rgb(var(--lcc-line) / 10%);box-shadow:0 -10px 30px -18px #0000004d;transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.lcc-tray.is-open{transform:translateY(0)}.lcc-tray__inner{display:flex;gap:16px;align-items:center;max-width:1400px;margin:0 auto}.lcc-tray__label{flex:0 0 auto;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--lcc-ink) / 55%)}.lcc-tray__items{display:flex;flex:1 1 auto;gap:10px;padding:0;margin:0;overflow-x:auto;list-style:none}.lcc-tray__item{position:relative;flex:0 0 auto}.lcc-tray__item img{display:block;width:52px;height:62px;object-fit:cover;border-radius:8px}.lcc-tray__drop{position:absolute;top:-6px;inset-inline-end:-6px;display:grid;place-items:center;width:20px;height:20px;padding:0;font-size:12px;line-height:1;color:#fff;cursor:pointer;background:rgb(var(--lcc-ink));border:0;border-radius:50%}.lcc-tray__actions{display:flex;flex:0 0 auto;gap:10px;align-items:center}.lcc-btn{padding:12px 22px;font:inherit;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:opacity .18s ease}.lcc-btn--solid{color:rgb(var(--lcc-bg));background:rgb(var(--lcc-ink));border:1px solid rgb(var(--lcc-ink))}.lcc-btn--ghost{color:inherit;background:transparent;border:1px solid rgb(var(--lcc-line) / 20%)}.lcc-btn:hover{opacity:.82}.lcc-btn[disabled]{opacity:.4;cursor:not-allowed}@media(max-width:640px){.lcc-tray__label{display:none}.lcc-btn{padding:11px 16px;font-size:.75rem}}.lcc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:#0000008c;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease}.lcc-modal.is-open{opacity:1;visibility:visible}.lcc-modal__panel{position:relative;display:flex;flex-direction:column;width:min(1080px,100%);max-height:100%;overflow:hidden;background:rgb(var(--lcc-bg));border-radius:18px;box-shadow:var(--lcc-shadow)}.lcc-modal__head{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:22px clamp(18px,3vw,30px) 14px}.lcc-modal__title{margin:0;font-size:1.125rem}.lcc-modal__hint{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--lcc-ink) / 50%)}.lcc-modal__close{position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;font-size:17px;line-height:1;color:inherit;cursor:pointer;background:rgb(var(--lcc-line) / 5%);border:0;border-radius:50%}.lcc-modal__seam{display:flex;height:clamp(150px,30vh,260px);margin:0 clamp(18px,3vw,30px);overflow:hidden;border-radius:12px}.lcc-modal__seam figure{position:relative;flex:1 1 0;min-width:0;margin:0}.lcc-modal__seam img{display:block;width:100%;height:100%;object-fit:cover}.lcc-modal__seam figure+figure{box-shadow:-1px 0 #ffffffb3}.lcc-modal__seam figcaption{position:absolute;inset-inline:0;bottom:0;padding:20px 10px 9px;font-size:.75rem;font-weight:500;color:#fff;text-align:center;background:linear-gradient(to top,rgb(0 0 0 / 62%),transparent)}.lcc-modal__table{overflow:auto;padding:20px clamp(18px,3vw,30px) 26px}.lcc-modal__table table{width:100%;border-collapse:collapse;font-size:.875rem}.lcc-modal__table th{padding:11px 12px;font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--lcc-ink) / 50%);text-align:start;white-space:nowrap;vertical-align:top}.lcc-modal__table td{padding:11px 12px;line-height:1.55;vertical-align:top;border-top:1px solid rgb(var(--lcc-line) / 9%)}.lcc-modal__table td a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.lcc__swatch-link img,.lcc-tray,.lcc-modal{transition:none}.lcc__card:hover .lcc__swatch-link img{transform:none}}.lcc__swatch-link.is-missing{background:repeating-linear-gradient(-45deg,rgb(var(--lcc-line) / 3%) 0 10px,rgb(var(--lcc-line) / 6%) 10px 20px)}.lcc-tray__blank,.lcc-modal__blank{display:block;background:repeating-linear-gradient(-45deg,#0000000a 0 8px,#00000014 8px 16px)}.lcc-tray__blank{width:52px;height:62px;border-radius:8px}.lcc-modal__blank{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/108/assets/liora-color-chart.css.map */