.scarfhold-pattern-directory__header{margin:0 auto 3.2rem;max-width:82rem}.scarfhold-pattern-directory__header--left{text-align:left}.scarfhold-pattern-directory__header--center{text-align:center}.scarfhold-pattern-directory__header--right{text-align:right}.scarfhold-pattern-directory__heading{margin:0}.scarfhold-pattern-directory__introduction{margin-top:1.2rem}.scarfhold-pattern-directory__selector{margin-bottom:3.2rem;max-width:100%;min-width:0}.scarfhold-pattern-directory__selector-list{--pattern-selector-tile-width: min(18rem, calc((100% - ((var(--pattern-selector-columns-desktop) - 1) * var(--pattern-selector-gap))) / var(--pattern-selector-columns-desktop)));display:flex;gap:var(--pattern-selector-gap);margin:0;max-width:100%}.scarfhold-pattern-directory__selector-list--left{justify-content:flex-start}.scarfhold-pattern-directory__selector-list--center{justify-content:safe center}.scarfhold-pattern-directory__selector-list--desktop-auto-wrap{flex-wrap:wrap}.scarfhold-pattern-directory__selector-list--desktop-fixed-grid{flex-wrap:wrap;margin-inline:auto;width:min(100%,calc((var(--pattern-selector-columns-desktop) * var(--pattern-selector-tile-width)) + ((var(--pattern-selector-columns-desktop) - 1) * var(--pattern-selector-gap))))}.scarfhold-pattern-directory__selector-list--desktop-fixed-grid.scarfhold-pattern-directory__selector-list--left{margin-inline:0 auto}.scarfhold-pattern-directory__selector-list--desktop-fixed-grid .scarfhold-pattern-directory__selector-item{flex:0 0 var(--pattern-selector-tile-width)}.scarfhold-pattern-directory__selector-list--desktop-horizontal-scroll{display:grid;grid-auto-columns:var(--pattern-selector-tile-width);grid-auto-flow:column;justify-content:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-bottom:.8rem;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.scarfhold-pattern-directory__selector-list--desktop-horizontal-scroll.scarfhold-pattern-directory__selector-list--center{justify-content:safe center}.scarfhold-pattern-directory__selector-item{display:flex;min-width:0}.scarfhold-pattern-directory__selector-button{align-items:center;background:transparent;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:var(--buttons-radius-outset);color:rgb(var(--color-foreground));cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;font:inherit;gap:.7rem;justify-content:center;min-height:6rem;padding:1rem 1.4rem;text-align:center;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease;width:100%}.scarfhold-pattern-directory__selector-button:hover,.scarfhold-pattern-directory__selector-button:focus-visible{border-color:rgb(var(--color-foreground))}.scarfhold-pattern-directory__selector-button.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.scarfhold-pattern-directory__selector-image{display:block;height:var(--pattern-selector-image-size);width:var(--pattern-selector-image-size)}.scarfhold-pattern-directory__selector-image img{display:block;height:100%;object-fit:contain;width:100%}.scarfhold-pattern-directory__selector-label{line-height:1.2}.scarfhold-pattern-directory__selector-count{font-size:.85em;opacity:.72}.scarfhold-pattern-directory__grid{display:grid;gap:var(--pattern-card-gap);grid-template-columns:repeat(var(--pattern-card-columns-desktop),minmax(0,1fr))}.scarfhold-pattern-directory__card{min-width:0}.scarfhold-pattern-directory__card[hidden]{display:none}.scarfhold-pattern-directory__card-link,.scarfhold-pattern-directory__card-static{color:rgb(var(--color-foreground));display:block;text-decoration:none}.scarfhold-pattern-directory__card-media{aspect-ratio:var(--pattern-card-image-ratio);background:rgba(var(--color-foreground),.04);border-radius:var(--pattern-card-radius);overflow:hidden}.scarfhold-pattern-directory__card-media img,.scarfhold-pattern-directory__card-media svg{display:block;height:100%;width:100%}.scarfhold-pattern-directory__card-media img{display:block;height:100%;transform:scale(1.15);width:100%}.scarfhold-pattern-directory__card-media--cover img{object-fit:cover}.scarfhold-pattern-directory__card-media--contain img{object-fit:contain}.scarfhold-pattern-directory__card-link .scarfhold-pattern-directory__card-media{transition:transform var(--duration-short) ease}.scarfhold-pattern-directory__card-link:hover .scarfhold-pattern-directory__card-media{transform:translateY(-.2rem)}.scarfhold-pattern-directory__card-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.scarfhold-pattern-directory__card-title{margin:1.2rem 0 0;text-align:center}.scarfhold-pattern-directory__empty{margin:3rem 0;text-align:center}@media screen and (max-width:749px){.scarfhold-pattern-directory__selector-list{--pattern-selector-tile-width: calc((100% - ((var(--pattern-selector-columns-mobile) - 1) * var(--pattern-selector-gap))) / var(--pattern-selector-columns-mobile));box-sizing:border-box;max-width:100%;min-width:0;width:100%}.scarfhold-pattern-directory__selector-list--mobile-auto-wrap{display:flex;flex-wrap:wrap;overflow:visible}.scarfhold-pattern-directory__selector-list--mobile-auto-wrap .scarfhold-pattern-directory__selector-item{flex:0 1 auto}.scarfhold-pattern-directory__selector-list--mobile-fixed-grid{display:grid;grid-template-columns:repeat(var(--pattern-selector-columns-mobile),minmax(0,1fr));overflow:visible}.scarfhold-pattern-directory__selector-list--mobile-horizontal-scroll{display:grid;grid-auto-columns:var(--pattern-selector-tile-width);grid-auto-flow:column;justify-content:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-bottom:.8rem;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.scarfhold-pattern-directory__selector-list--mobile-horizontal-scroll.scarfhold-pattern-directory__selector-list--center{justify-content:start}.scarfhold-pattern-directory__selector-button{min-width:0;padding-inline:.8rem}.scarfhold-pattern-directory__grid{grid-template-columns:repeat(var(--pattern-card-columns-mobile),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.scarfhold-pattern-directory__selector-button,.scarfhold-pattern-directory__card-link .scarfhold-pattern-directory__card-media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-scarfhold-pattern-directory.css.map */