.maker-gallery{padding-top:4rem;padding-bottom:5rem}.maker-gallery__header{max-width:760px;margin:0 auto 2.5rem;text-align:center}.maker-gallery__heading{margin:0 0 .75rem}.maker-gallery__description>*:first-child{margin-top:0}.maker-gallery__description>*:last-child{margin-bottom:0}.maker-gallery__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:1.25rem}.maker-gallery__filter{-webkit-appearance:none;appearance:none;padding:.7rem 1.15rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;line-height:1.2;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.maker-gallery__filter:hover{transform:translateY(-1px)}.maker-gallery__filter.is-active{background:rgb(var(--color-foreground, 30 30 30));color:rgb(var(--color-background, 255 255 255))}.maker-gallery__filter:focus-visible,.maker-gallery__image-button:focus-visible,.maker-gallery__close:focus-visible,.maker-gallery__pattern-link:focus-visible,.maker-gallery__modal-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.maker-gallery__results{min-height:1.4em;margin:0 0 1.5rem;text-align:center;font-size:.9em;opacity:.7}.maker-gallery__grid{columns:1;column-gap:1.5rem}.maker-gallery__card{display:inline-block;width:100%;margin:0 0 1.5rem;overflow:hidden;break-inside:avoid;border:1px solid rgba(0,0,0,.09);border-radius:4px;background:rgb(var(--color-background, 255 255 255));vertical-align:top}.maker-gallery__card[hidden]{display:none}.maker-gallery__image-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:transparent;cursor:zoom-in}.maker-gallery__image{display:block;width:100%;height:auto;transition:transform .3s ease}.maker-gallery__image-button:hover .maker-gallery__image{transform:scale(1.015)}.maker-gallery__zoom{position:absolute;right:.85rem;bottom:.85rem;display:grid;width:2.65rem;height:2.65rem;place-items:center;border-radius:50%;background:#ffffffeb;color:#222;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.maker-gallery__image-button:hover .maker-gallery__zoom,.maker-gallery__image-button:focus-visible .maker-gallery__zoom{opacity:1;transform:translateY(0)}.maker-gallery__card-content{padding:1.15rem 1.25rem 1.3rem}.maker-gallery__pattern-title{margin:0;font-size:1.15rem}.maker-gallery__maker{margin:.35rem 0 0;font-size:.92rem;opacity:.72}.maker-gallery__story-preview{margin:.85rem 0 0;line-height:1.55}.maker-gallery__pattern-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;color:inherit;text-underline-offset:.25rem}.maker-gallery__empty,.maker-gallery__empty-filter{text-align:center}.maker-gallery__empty-filter{margin:3rem 0}.maker-gallery__dialog{width:min(1100px,calc(100% - 2rem));max-width:none;max-height:calc(100vh - 2rem);padding:0;overflow:auto;border:0;border-radius:5px;background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 30 30 30))}.maker-gallery__dialog::backdrop{background:#000000c7}.maker-gallery__dialog-inner{position:relative}.maker-gallery__close{position:absolute;z-index:2;top:.75rem;right:.75rem;display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:0;border-radius:50%;background:#fffffff0;color:#222;font-size:2rem;line-height:1;cursor:pointer}.maker-gallery__dialog-image-wrap{background:#f3f3f3}.maker-gallery__dialog-image{display:block;width:100%;max-height:78vh;object-fit:contain}.maker-gallery__dialog-content{padding:1.5rem}.maker-gallery__modal-pattern{margin:0;font-size:1.35rem;font-weight:600}.maker-gallery__modal-maker{margin:.35rem 0 0;opacity:.72}.maker-gallery__modal-story{margin-top:1rem;line-height:1.65}.maker-gallery__modal-button{display:inline-block;margin-top:1.25rem;padding:.8rem 1.2rem;border:1px solid currentColor;color:inherit;text-decoration:none}@media screen and (min-width:650px){.maker-gallery__grid{columns:2}}@media screen and (min-width:990px){.maker-gallery__grid{columns:3}}@media screen and (min-width:1350px){.maker-gallery__grid{columns:4}}@media screen and (prefers-reduced-motion:reduce){.maker-gallery__filter,.maker-gallery__image,.maker-gallery__zoom{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/maker-gallery.css.map */