.mlib{margin-top:52px}.mlib__tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--hair)}.mlib__tab{flex:none;padding:10px 16px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font-size:13.5px;font-weight:600}.mlib__tab[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--on-accent)}.mlib__family{padding-top:28px}.mlib__name{margin:0 0 8px;font-family:var(--font-head);font-weight:700;font-size:26px;line-height:1.12;letter-spacing:-.03em}.mlib__body{max-width:62ch;margin:0;font-size:15px;line-height:1.65;color:var(--body)}.mlib__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start;padding-top:24px}.mlib__swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-content:start}.mlib__sw{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0;background:none;color:var(--ink);text-align:left}.mlib__sw-tile{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border:2px solid transparent;border-radius:7px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.mlib__sw-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mlib__sw[aria-checked=true] .mlib__sw-tile{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.mlib__sw:focus-visible{outline:none}.mlib__sw:focus-visible .mlib__sw-tile{outline:2px solid var(--ink);outline-offset:3px}.mlib__sw-name{font-size:13px;font-weight:600;line-height:1.3}.mlib__sw-code{margin-top:-6px;font-size:12px;color:var(--muted)}.mlib__detail{position:sticky;top:96px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white)}.mlib__detail-img{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--fill)}.mlib__detail-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mlib__detail-body{padding:18px}.mlib__detail-family{margin-bottom:5px}.mlib__detail-name{font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:-.02em}.mlib__detail-code{margin-top:4px;font-size:12.5px;line-height:normal;color:var(--muted)}.mlib__detail-code:empty{display:none}.mlib__traits{display:flex;flex-direction:column;margin:14px 0 0}.mlib__trait{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--plate);font-size:13px}.mlib__trait:last-child{border-bottom:0}.mlib__trait dt{color:var(--muted)}.mlib__trait dd{margin:0;font-weight:600;text-align:right}@media(max-width:989px){.mlib{margin-top:0;padding:0}.mlib__tabs{position:sticky;top:var(--header-sticky-h, 58px);z-index:30;flex-wrap:nowrap;margin-top:18px;padding:10px var(--gutter);overflow-x:auto;background:var(--white);scrollbar-width:none}.mlib__tabs::-webkit-scrollbar{display:none}.mlib__tab{padding:10px 15px;font-size:13px;line-height:normal}.mlib__family,.mlib__grid{padding-left:var(--gutter);padding-right:var(--gutter)}.mlib__family{padding-top:20px}.mlib__name{font-size:22px}.mlib__body{margin-bottom:16px;font-size:14.5px}.mlib__grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:0}.mlib__detail{position:static;order:-1;margin-bottom:16px}.mlib__detail-img{aspect-ratio:16 / 10;background:var(--fill)}.mlib__detail-body{padding:14px 16px 16px}.mlib__detail-name{font-size:17px;line-height:1.2}.mlib__swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mlib__sw-name{font-size:12px}.mlib__glance{margin-top:20px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.mlib__glance{line-height:normal}.mlib__glance-head{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--selected);font-size:12.5px;font-weight:600}.mlib__glance .mlib__traits{margin:0}.mlib__glance .mlib__trait{padding:12px 16px;font-size:13.5px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-material-library.css.map */