.knu{padding-top:var(--knu-pt, 36px);padding-bottom:var(--knu-pb, 36px)}.knu__head{margin-bottom:22px}.knu__heading{font-family:var(--heading-font-family, inherit);font-size:clamp(22px,3vw,32px);line-height:1.15;margin:0}.knu__subheading{margin:6px 0 0;font-size:15px;line-height:1.5;opacity:.75}.knu__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--knu-cols-mobile, 2),minmax(0,1fr));gap:var(--knu-gap, 12px)}@media(min-width:750px){.knu__grid{grid-template-columns:repeat(var(--knu-cols, 5),minmax(0,1fr))}}.knu__card{min-width:0}.knu__media{position:relative;aspect-ratio:var(--knu-ratio, 1 / 1);overflow:hidden;border-radius:var(--knu-radius, 8px);background:#f4f2ef}.knu__img,.knu__flat{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.knu__img{object-fit:cover}.knu__flat{background:var(--knu-swatch, #e6d2b7);box-shadow:inset 0 0 0 1px #00000014}.knu__meta{display:flex;align-items:center;gap:7px;padding:9px 2px 0;font-size:var(--knu-text, 13px);line-height:1.3}.knu__chip{flex:0 0 auto;width:var(--knu-chip, 13px);height:var(--knu-chip, 13px);border-radius:var(--knu-chip-radius, 3px);background:var(--knu-swatch, #e6d2b7)}.knu__chip--outline{box-shadow:inset 0 0 0 1px #0000001f}.knu__chip--inset{box-shadow:inset 0 var(--knu-depth, 2px) calc(var(--knu-depth, 2px) * 1.6) #0000004d,inset 0 calc(var(--knu-depth, 2px) * -.5) calc(var(--knu-depth, 2px) * .8) #ffffff2e,0 1px #ffffff8c}.knu__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knu__index{opacity:.5;margin-right:4px;font-variant-numeric:tabular-nums}.knu__hex{flex:0 0 auto;opacity:.5;font-variant-numeric:tabular-nums;text-transform:uppercase}@media(max-width:480px){.knu__meta{flex-wrap:wrap;row-gap:2px}.knu__hex{flex-basis:100%;padding-left:calc(var(--knu-chip, 13px) + 7px)}}.knu__empty{padding:24px;text-align:center;opacity:.6;border:1px dashed currentColor;border-radius:8px}.knu__link{display:block;color:inherit;text-decoration:none}.knu__link .knu__media{transition:transform .25s ease,box-shadow .25s ease}.knu__link:hover .knu__media{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.knu__link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:var(--knu-radius, 8px)}.knu__link:hover .knu__name{text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.knu__link .knu__media,.knu__link:hover .knu__media{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-kurtens-nuancier.css.map */