.fabric-reference-card{cursor:pointer}html.fabric-reference-open,body.fabric-reference-open{overflow:hidden}.fabric-reference-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:2rem}.fabric-reference-modal[open],.fabric-reference-modal.is-open{display:flex}.fabric-reference-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000014;border:0;padding:0;width:100%;cursor:pointer;animation:fabric-reference-fade .2s ease}.fabric-reference-modal__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:78rem;max-height:88vh;background:rgb(var(--color-background-1, 255 255 255));color:rgb(var(--color-text, 0 0 0));border-radius:var(--border-radius-media, 0);overflow:hidden;box-shadow:0 20px 60px #0000002e,0 2px 12px #0000001a;animation:fabric-reference-rise .25s ease}@keyframes fabric-reference-fade{0%{opacity:0}}@keyframes fabric-reference-rise{0%{opacity:0;transform:translateY(1.5rem)}}@media(prefers-reduced-motion:reduce){.fabric-reference-modal__overlay,.fabric-reference-modal__dialog{animation:none}}.fabric-reference-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:2.4rem 2.4rem 1.6rem;border-bottom:1px solid rgba(var(--color-text, 0 0 0),.1)}.fabric-reference-modal__title{margin:0;font-size:2rem;line-height:1.3}.fabric-reference-modal__subtitle{margin:0 0 .4rem;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.fabric-reference-modal__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:-.8rem -.8rem 0 0;padding:0;background:none;border:0;color:inherit;cursor:pointer}.fabric-reference-modal__body{padding:2.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.fabric-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.6rem}.fabric-reference-grid--single{grid-template-columns:repeat(3,1fr)}.fabric-reference-tile{margin:0}.fabric-reference-tile__photo{display:block;position:relative;aspect-ratio:3 / 4;overflow:hidden;background:rgba(var(--color-text, 0 0 0),.04);border-radius:var(--border-radius-media, 0)}.fabric-reference-tile__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fabric-reference-tile__photo:hover img{transform:scale(1.03)}.fabric-reference-tile figcaption{margin-top:1rem}.fabric-reference-caption{margin:1.6rem 0 0}.fabric-reference-tile__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.4rem;line-height:1.4;color:inherit;text-decoration:none}.fabric-reference-tile__name:hover,.fabric-reference-tile__name:focus-visible{text-decoration:underline;text-underline-offset:.3rem}.fabric-reference-modal__empty,.fabric-reference-modal__loading{padding:2rem 0;font-size:1.5rem;opacity:.7}.fabric-reference-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.2rem}.fabric-reference-skeleton span{display:block;aspect-ratio:3 / 4;background:rgba(var(--color-text, 0 0 0),.06);border-radius:var(--border-radius-media, 0);animation:fabric-reference-pulse 1.2s ease-in-out infinite}@keyframes fabric-reference-pulse{50%{opacity:.45}}@media screen and (max-width:749px){.fabric-reference-modal{padding:0;align-items:flex-end}.fabric-reference-modal__dialog{max-height:92vh;border-radius:var(--border-radius-media, 0) var(--border-radius-media, 0) 0 0}.fabric-reference-modal__header{padding:2rem 1.6rem 1.2rem}.fabric-reference-modal__body{padding:1.6rem}.fabric-reference-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.fabric-reference-grid--single{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fabric-reference.css.map */