.lf-cl{display:grid;gap:10px}.lf-cl__label{margin:0;font-size:13px;line-height:1.4;color:var(--lf-mute);letter-spacing:.02em}.lf-cl__label b{font-weight:600;color:var(--lf-ink)}.lf-cl__soon{color:var(--lf-mute)}.lf-cl__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,58px);gap:8px}.lf-cl__list li{margin:0;padding:0}.lf-cl__sw{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:#fff;border:1px solid var(--lf-line);border-radius:var(--lf-radius);text-decoration:none;transition:border-color .2s ease}.lf-cl__sw:hover{border-color:var(--lf-mute)}.lf-cl__sw img{display:block;width:100%;height:100%;object-fit:cover}.lf-cl__sw.is-current{border-color:var(--lf-ink);outline:1px solid var(--lf-ink);outline-offset:2px}.lf-cl__sw.is-soldout img{opacity:.45}.lf-cl__sw.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .75px),rgba(10,10,10,.4) 50%,transparent calc(50% + .75px))}.lf-cl__name{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;font-size:10px;text-align:center;color:var(--lf-ink)}@media(max-width:749px){.lf-cl__list{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}}.lf-colors--pages{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lf-color__img--portrait{aspect-ratio:4/5}.lf-color__img--portrait img{object-fit:cover}.lf-colors--pages .lf-color__name{font-size:13px}@media(min-width:990px){.lf-colors--pages{grid-template-columns:repeat(4,1fr)}}@media(max-width:749px){.lf-colors--pages{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lofft-colorpages.css.map */