pattern-seo-gallery{display:grid;gap:1rem}.pattern-seo-gallery__main{position:relative;display:grid;place-items:center;width:100%;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.6rem;background:transparent;color:inherit;cursor:zoom-in;overflow:hidden}.pattern-seo-gallery__main img{display:block;width:100%;height:auto;max-height:66rem;object-fit:contain;background:transparent}.pattern-seo-gallery__fullscreen{position:absolute;top:1rem;right:1rem;border-radius:999rem;background:#ffffffeb;color:#14532d;font-size:1.2rem;font-weight:800;padding:.55rem .85rem;pointer-events:none}.pattern-seo-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.pattern-seo-gallery__thumbs[hidden]{display:none}.pattern-seo-gallery__thumb{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:1rem;background:rgb(var(--color-background));cursor:pointer;overflow:hidden}.pattern-seo-gallery__thumb[aria-current=true]{border-color:#1665349e;box-shadow:0 0 0 .2rem #16653424}.pattern-seo-gallery__thumb img{display:block;width:100%;height:100%;object-fit:contain}.pattern-seo-gallery-open{overflow:hidden}.pattern-seo-gallery__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1.4rem;padding:clamp(1.4rem,3vw,3.2rem);background:#0f172af0;color:#fff;transition:opacity 125ms ease-out;will-change:opacity}.pattern-seo-gallery__dialog-bar,.pattern-seo-gallery__dialog-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.pattern-seo-gallery__dialog-title{margin:0;color:#fff;font-size:clamp(1.8rem,2.4vw,2.8rem)}.pattern-seo-gallery__dialog-meta{color:#ffffffb8;font-size:1.3rem}.pattern-seo-gallery__dialog-image-wrap{display:grid;place-items:center;min-height:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pattern-seo-gallery__dialog-image{display:block;max-width:100%;max-height:calc(100vh - 16rem);border-radius:1.2rem;background:#fff;object-fit:contain;cursor:zoom-in;transition:transform .13s cubic-bezier(.2,.75,.25,1),opacity .13s ease-out;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.pattern-seo-gallery__dialog-image.is-zoomed{cursor:zoom-out}.pattern-seo-gallery__dialog-button{min-height:4.2rem;padding:.8rem 1.3rem;border:.1rem solid rgba(255,255,255,.28);border-radius:999rem;background:#ffffff1f;color:#fff;cursor:pointer;font:inherit;font-weight:800}.pattern-seo-gallery__dialog-button:hover,.pattern-seo-gallery__dialog-button:focus-visible{background:#ffffff38}.pattern-seo-gallery__dialog-nav{display:flex;gap:.8rem}.pattern-seo-gallery__dialog-zoom{display:flex;align-items:center;gap:.6rem}.pattern-seo-gallery__dialog-zoom output{min-width:5.5rem;text-align:center}.pattern-seo-gallery__dialog-button:disabled{opacity:.35;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pattern-seo-gallery.css.map */